update,
This commit is contained in:
louiscklaw
@@ -0,0 +1,114 @@
|
||||
<x-layout bodyClass="bg-gray-200">
|
||||
|
||||
<div class="container position-sticky z-index-sticky top-0">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<!-- Navbar -->
|
||||
<x-navbars.navs.guest signin='login' signup='register'></x-navbars.navs.guest>
|
||||
<!-- End Navbar -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main class="main-content mt-0">
|
||||
<div class="page-header align-items-start min-vh-100"
|
||||
style="background-image: url('https://images.unsplash.com/photo-1497294815431-9365093b7331?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1950&q=80');">
|
||||
<span class="mask bg-gradient-dark opacity-6"></span>
|
||||
<div class="container mt-5">
|
||||
<div class="row signin-margin">
|
||||
<div class="col-lg-4 col-md-8 col-12 mx-auto">
|
||||
<div class="card z-index-0 fadeIn3 fadeInBottom">
|
||||
<div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
|
||||
<div class="bg-gradient-primary shadow-primary border-radius-lg py-3 pe-1">
|
||||
<h4 class="text-white font-weight-bolder text-center mt-2 mb-0">Sign in</h4>
|
||||
<div class="row mt-3">
|
||||
<h6 class='text-white text-center'>
|
||||
<span class="font-weight-normal">Email:</span> admin@material.com
|
||||
<br>
|
||||
<span class="font-weight-normal">Password:</span> secret</h6>
|
||||
<div class="col-2 text-center ms-auto">
|
||||
<a class="btn btn-link px-3" href="javascript:;">
|
||||
<i class="fa fa-facebook text-white text-lg"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-2 text-center px-1">
|
||||
<a class="btn btn-link px-3" href="javascript:;">
|
||||
<i class="fa fa-github text-white text-lg"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-2 text-center me-auto">
|
||||
<a class="btn btn-link px-3" href="javascript:;">
|
||||
<i class="fa fa-google text-white text-lg"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form role="form" method="POST" action="{{ route('login') }}" class="text-start">
|
||||
@csrf
|
||||
@if (Session::has('status'))
|
||||
<div class="alert alert-success alert-dismissible text-white" role="alert">
|
||||
<span class="text-sm">{{ Session::get('status') }}</span>
|
||||
<button type="button" class="btn-close text-lg py-3 opacity-10"
|
||||
data-bs-dismiss="alert" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
<div class="input-group input-group-outline mt-3">
|
||||
<label class="form-label">Email</label>
|
||||
<input type="email" class="form-control" name="email" value="{{ 'admin@material.com' }}">
|
||||
</div>
|
||||
@error('email')
|
||||
<p class='text-danger inputerror'>{{ $message }} </p>
|
||||
@enderror
|
||||
<div class="input-group input-group-outline mt-3">
|
||||
<label class="form-label">Password</label>
|
||||
<input type="password" class="form-control" name="password" value='{{ 'secret'}}'>
|
||||
</div>
|
||||
@error('password')
|
||||
<p class='text-danger inputerror'>{{ $message }} </p>
|
||||
@enderror
|
||||
<div class="form-check form-switch d-flex align-items-center my-3">
|
||||
<input class="form-check-input" type="checkbox" id="rememberMe">
|
||||
<label class="form-check-label mb-0 ms-2" for="rememberMe">Remember
|
||||
me</label>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn bg-gradient-primary w-100 my-4 mb-2">Sign
|
||||
in</button>
|
||||
</div>
|
||||
<p class="mt-4 text-sm text-center">
|
||||
Don't have an account?
|
||||
<a href="{{ route('register') }}"
|
||||
class="text-primary text-gradient font-weight-bold">Sign up</a>
|
||||
</p>
|
||||
<p class="text-sm text-center">
|
||||
Forgot your password? Reset your password
|
||||
<a href="{{ route('verify') }}"
|
||||
class="text-primary text-gradient font-weight-bold">here</a>
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<x-footers.guest></x-footers.guest>
|
||||
</div>
|
||||
</main>
|
||||
@push('js')
|
||||
<script src="{{ asset('assets') }}/js/jquery.min.js"></script>
|
||||
<script>
|
||||
$(function() {
|
||||
|
||||
var text_val = $(".input-group input").val();
|
||||
if (text_val === "") {
|
||||
$(".input-group").removeClass('is-filled');
|
||||
} else {
|
||||
$(".input-group").addClass('is-filled');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
</x-layout>
|
||||
@@ -0,0 +1,70 @@
|
||||
<x-layout bodyClass="bg-gray-200">
|
||||
|
||||
|
||||
<div class="container position-sticky z-index-sticky top-0">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<!-- Navbar -->
|
||||
<x-navbars.navs.guest signin='login' signup='register'></x-navbars.navs.guest>
|
||||
<!-- End Navbar -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main class="main-content mt-0">
|
||||
<div class="page-header align-items-start min-vh-100"
|
||||
style="background-image: url('https://images.unsplash.com/photo-1497294815431-9365093b7331?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1950&q=80');">
|
||||
<span class="mask bg-gradient-dark opacity-6"></span>
|
||||
<div class="container my-auto">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-8 col-12 mx-auto">
|
||||
<div class="card z-index-0 fadeIn3 fadeInBottom">
|
||||
<div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
|
||||
<div class="bg-gradient-primary shadow-primary border-radius-lg py-3 pe-1">
|
||||
<h4 class="text-white font-weight-bolder text-center mt-2 mb-0">Change your password</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form role="form" method="POST" action="{{ route('password.update', ['token' => $token]) }}" class="text-start">
|
||||
@csrf
|
||||
<input type="hidden" name="token" value="{{ $token }}">
|
||||
<div class="input-group input-group-outline mb-3">
|
||||
<label class="form-label">Email</label>
|
||||
<input type="email" class="form-control" name="email">
|
||||
</div>
|
||||
@error('email')
|
||||
<p class='text-danger inputerror'>{{ $message }} </p>
|
||||
@enderror
|
||||
<div class="input-group input-group-outline my-3">
|
||||
<label class="form-label">New password</label>
|
||||
<input type="password" class="form-control" name="password">
|
||||
</div>
|
||||
@error('password')
|
||||
<p class='text-danger inputerror'>{{ $message }} </p>
|
||||
@enderror
|
||||
<div class="input-group input-group-outline my-3">
|
||||
<label class="form-label">Confirm Password</label>
|
||||
<input type="password" class="form-control" name="password_confirmation">
|
||||
</div>
|
||||
@error('password_confirmation')
|
||||
<p class='text-danger inputerror'>{{ $message }} </p>
|
||||
@enderror
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn bg-gradient-primary w-100 my-4 mb-2">Change
|
||||
password</button>
|
||||
</div>
|
||||
<p class="mt-4 text-sm text-center">
|
||||
Don't have an account?
|
||||
<a href="{{ route('register') }}"
|
||||
class="text-primary text-gradient font-weight-bold">Sign up</a>
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<x-footers.guest></x-footers.guest>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</x-layout>
|
||||
@@ -0,0 +1,97 @@
|
||||
<x-layout bodyClass="bg-gray-200">
|
||||
|
||||
<div class="container position-sticky z-index-sticky top-0">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<!-- Navbar -->
|
||||
<x-navbars.navs.guest signin='login' signup='register'></x-navbars.navs.guest>
|
||||
<!-- End Navbar -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main class="main-content mt-0">
|
||||
<div class="page-header align-items-start min-vh-100"
|
||||
style="background-image: url('https://images.unsplash.com/photo-1497294815431-9365093b7331?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1950&q=80');">
|
||||
<span class="mask bg-gradient-dark opacity-6"></span>
|
||||
<div class="container my-auto">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-8 col-12 mx-auto">
|
||||
<div class="card z-index-0 fadeIn3 fadeInBottom">
|
||||
<div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
|
||||
<div class="bg-gradient-primary shadow-primary border-radius-lg py-3 pe-1">
|
||||
<h4 class="text-white font-weight-bolder text-center mt-2 mb-0">Reset password</h4>
|
||||
<p class='text-light p-2'>You will receive an e-mail in maximum 60 seconds</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
@if (Session::has('status'))
|
||||
<div class="alert alert-success alert-dismissible text-white" role="alert">
|
||||
<span class="text-sm">{{ Session::get('status') }}</span>
|
||||
<button type="button" class="btn-close text-lg py-3 opacity-10"
|
||||
data-bs-dismiss="alert" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
@elseif (Session::has('email'))
|
||||
|
||||
<div class="alert alert-danger alert-dismissible text-white" role="alert">
|
||||
<span class="text-sm">{{ Session::get('email') }}</span>
|
||||
<button type="button" class="btn-close text-lg py-3 opacity-10"
|
||||
data-bs-dismiss="alert" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
@if (Session::has('demo'))
|
||||
<div class="row">
|
||||
<div class="alert alert-danger alert-dismissible text-white" role="alert">
|
||||
<span class="text-sm">{{ Session::get('demo') }}</span>
|
||||
<button type="button" class="btn-close text-lg py-3 opacity-10"
|
||||
data-bs-dismiss="alert" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
<form role="form" method="POST" action="{{ route('verify') }}" class="text-start">
|
||||
@csrf
|
||||
<div class="input-group input-group-outline my-3">
|
||||
<label class="form-label">Email</label>
|
||||
<input type="email" class="form-control" name="email">
|
||||
</div>
|
||||
@error('email')
|
||||
<p class='text-danger inputerror'>{{ $message }} </p>
|
||||
@enderror
|
||||
<div class="text-center">
|
||||
<button type="submit"
|
||||
class="btn bg-gradient-primary w-100 my-4 mb-2">Send</button>
|
||||
</div>
|
||||
<p class="mt-4 text-sm text-center">
|
||||
Don't have an account?
|
||||
<a href="{{ route('register') }}"
|
||||
class="text-primary text-gradient font-weight-bold">Sign up</a>
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<x-footers.guest></x-footers.guest>
|
||||
</div>
|
||||
</main>
|
||||
@push('js')
|
||||
<script src="{{ asset('assets') }}/js/jquery.min.js"></script>
|
||||
<script>
|
||||
$(function() {
|
||||
|
||||
var text_val = $(".input-group input").val();
|
||||
if (text_val === "") {
|
||||
$(".input-group").removeClass('is-filled');
|
||||
} else {
|
||||
$(".input-group").addClass('is-filled');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
</x-layout>
|
||||
Reference in New Issue
Block a user