77 lines
3.4 KiB
PHP
77 lines
3.4 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('content')
|
|
<div class="container">
|
|
<div class="row justify-content-center align-items-center" style="min-height: 80vh;">
|
|
<div class="col-md-6 col-lg-4">
|
|
<div class="card shadow">
|
|
<div class="card-body p-4">
|
|
<div class="text-center mb-4">
|
|
<h3 class="fw-bold">Welcome Back</h3>
|
|
<p class="text-muted">Sign in to your account</p>
|
|
</div>
|
|
|
|
<form method="POST" action="{{ route('login') }}">
|
|
@csrf
|
|
|
|
<!-- Email Address -->
|
|
<div class="mb-3">
|
|
<label for="email" class="form-label">Email Address</label>
|
|
<input id="email" type="email"
|
|
class="form-control @error('email') is-invalid @enderror"
|
|
name="email"
|
|
value="{{ old('email') }}"
|
|
required autocomplete="email"
|
|
autofocus>
|
|
@error('email')
|
|
<span class="invalid-feedback" role="alert">
|
|
<strong>{{ $message }}</strong>
|
|
</span>
|
|
@enderror
|
|
</div>
|
|
|
|
<!-- Password -->
|
|
<div class="mb-3">
|
|
<label for="password" class="form-label">Password</label>
|
|
<input id="password" type="password"
|
|
class="form-control @error('password') is-invalid @enderror"
|
|
name="password"
|
|
required autocomplete="current-password">
|
|
@error('password')
|
|
<span class="invalid-feedback" role="alert">
|
|
<strong>{{ $message }}</strong>
|
|
</span>
|
|
@enderror
|
|
</div>
|
|
|
|
<!-- Remember Me -->
|
|
<div class="mb-3 form-check">
|
|
<input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
|
|
<label class="form-check-label" for="remember">
|
|
Remember Me
|
|
</label>
|
|
</div>
|
|
|
|
<!-- Login Button -->
|
|
<div class="d-grid mb-3">
|
|
<button type="submit" class="btn btn-primary">
|
|
Login
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Forgot Password Link -->
|
|
<div class="text-center">
|
|
@if (Route::has('password.request'))
|
|
<a class="text-decoration-none" href="{{ route('password.request') }}">
|
|
Forgot Password?
|
|
</a>
|
|
@endif
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|