Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Error messages on login and signup #142

Merged
merged 1 commit into from
Jan 17, 2025
Merged

Error messages on login and signup #142

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
73 changes: 39 additions & 34 deletions resources/views/auth/login.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,53 +5,58 @@
<div class="container">
<form method="POST" action="{{ route('login') }}">
@csrf
<div class="row">
<div class="col-xl-4 col-lg-5 col-md-7 d-flex flex-column mx-lg-0 mx-auto">
<div class="card card-plain">
<div class="ps-4 pb-0 text-left">
<h4 class="font-weight-bolder">Sign In</h4>
<p class="mb-0">Enter your email and password to sign in</p>
</div>
<div class="card-body">
<form role="form">
<div class="row">
<div class="col-xl-4 col-lg-5 col-md-7 d-flex flex-column mx-lg-0 mx-auto">
<div class="card card-plain">
<div class="ps-4 pb-0 text-left">
<h4 class="font-weight-bolder">Sign In</h4>
<p class="mb-0">Enter your email and password to sign in</p>
</div>
<div class="card-body">
@if ($errors->has('email') || $errors->has('password'))
<div class="alert alert-danger text-xs text-white">
Invalid credentials. Please try again.
</div>
@endif
<div class="mb-3">
<input type="email" name="email" class="form-control form-control-lg" placeholder="Email"
aria-label="Email" aria-describedby="email-addon">
<input type="email" name="email" value="{{ old('email') }}"
class="form-control form-control-lg @error('email') is-invalid @enderror"
placeholder="Email" aria-label="Email" aria-describedby="email-addon">
</div>
<div class="mb-3">
<input type="password" name="password" class="form-control form-control-lg" placeholder="Password"
aria-label="Password" aria-describedby="password-addon">
<div class="">
<input type="password" name="password"
class="form-control form-control-lg @error('password') is-invalid @enderror"
placeholder="Password" aria-label="Password" aria-describedby="password-addon">
</div>
<div class="text-center">
<button type="submit"
class="btn btn-lg bg-gradient-primary btn-lg w-100 mt-4 mb-0">Sign in</button>
</div>
</form>
</div>
<div class="card-footer text-center pt-0 px-lg-2 px-1">
<p class="mb-4 text-sm mx-auto">
Don't have an account?
<a href="{{route('register')}}"
class="text-primary text-gradient font-weight-bold">Register</a>
</p>
</div>
<div class="card-footer text-center pt-0 px-lg-2 px-1">
<p class="mb-4 text-sm mx-auto">
Don't have an account?
<a href="{{ route('register') }}"
class="text-primary text-gradient font-weight-bold">Register</a>
</p>
</div>
</div>
</div>
</div>
<div
class="col-6 d-lg-flex d-none h-100 my-auto pe-0 position-absolute top-0 end-0 text-center justify-content-center flex-column">
<div
class="position-relative bg-gradient-primary h-100 m-3 px-5 border-radius-lg d-flex flex-column justify-content-center">
<img src="{{ asset('assets/img/shapes/pattern-lines.svg') }}" alt="pattern-lines"
class="position-absolute opacity-4 start-0">
<div class="position-relative">
<img class="max-width-500 w-70 position-relative z-index-2"
src="{{ asset('assets/img/illustrations/chat.webp') }}">
class="col-6 d-lg-flex d-none h-100 my-auto pe-0 position-absolute top-0 end-0 text-center justify-content-center flex-column">
<div
class="position-relative bg-gradient-primary h-100 m-3 px-5 border-radius-lg d-flex flex-column justify-content-center">
<img src="{{ asset('assets/img/shapes/pattern-lines.svg') }}" alt="pattern-lines"
class="position-absolute opacity-4 start-0">
<div class="position-relative">
<img class="max-width-500 w-70 position-relative z-index-2"
src="{{ asset('assets/img/illustrations/chat.webp') }}">
</div>
<h4 class="mt-5 text-white font-weight-bolder">"Your Journey to Endless Financial Possibilities Begins Here!"</h4>
<p class="text-white">Stay organized, stay informed, and make decisions that empower you.</p>
</div>
<h4 class="mt-5 text-white font-weight-bolder">"Your Journey to Endless Financial Possibilities Begins Here!"</h4>
<p class="text-white">Stay organized, stay informed, and make decisions that empower you.</p>
</div>
</div>
</div>
</form>
</div>
</div>
Expand Down
93 changes: 56 additions & 37 deletions resources/views/auth/register.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,61 +5,80 @@
<div class="container">
<form method="POST" action="{{ route('register') }}">
@csrf
<div class="row">
<div class="col-xl-4 col-lg-5 col-md-7 d-flex flex-column mx-lg-0 mx-auto">
<div class="card card-plain">
<div class="ps-4 pb-0 text-left">
<h4 class="font-weight-bolder">Register</h4>
<p class="mb-0">Enter your details to register</p>
</div>
<div class="card-body">
<form role="form">
<div class="row">
<div class="col-xl-4 col-lg-5 col-md-7 d-flex flex-column mx-lg-0 mx-auto">
<div class="card card-plain">
<div class="ps-4 pb-0 text-left">
<h4 class="font-weight-bolder">Register</h4>
<p class="mb-0">Enter your details to register</p>
</div>
<div class="card-body">
<!-- Name field -->
<div class="mb-3">
<input type="text" class="form-control form-control-lg" placeholder="Name" name="name"
aria-label="Name" aria-describedby="name-addon">
<input type="text" name="name" value="{{ old('name') }}"
class="form-control form-control-lg @error('name') is-invalid @enderror"
placeholder="Name" aria-label="Name" aria-describedby="name-addon">
@error('name')
<span class="text-danger text-xs">{{ $message }}</span>
@enderror
</div>
<!-- Email field -->
<div class="mb-3">
<input type="email" class="form-control form-control-lg" placeholder="Email" name="email"
aria-label="Email" aria-describedby="email-addon">
<input type="email" name="email" value="{{ old('email') }}"
class="form-control form-control-lg @error('email') is-invalid @enderror"
placeholder="Email" aria-label="Email" aria-describedby="email-addon">
@error('email')
<span class="text-danger text-xs">{{ $message }}</span>
@enderror
</div>
<!-- Password field -->
<div class="mb-3">
<input type="password" class="form-control form-control-lg" placeholder="Password" name="password"
aria-label="Password" aria-describedby="password-addon">
<input type="password" name="password"
class="form-control form-control-lg @error('password') is-invalid @enderror"
placeholder="Password" aria-label="Password" aria-describedby="password-addon">
@error('password')
<span class="text-danger text-xs">{{ $message }}</span>
@enderror
</div>
<!-- Confirm Password field -->
<div class="mb-3">
<input type="password" class="form-control form-control-lg" placeholder="Confirm Password" name="password_confirmation"
aria-label="Confirm Password" aria-describedby="confirm-password-addon">
<input type="password" name="password_confirmation"
class="form-control form-control-lg @error('password_confirmation') is-invalid @enderror"
placeholder="Confirm Password" aria-label="Confirm Password" aria-describedby="confirm-password-addon">
@error('password_confirmation')
<span class="text-danger text-xs">{{ $message }}</span>
@enderror
</div>
<!-- Submit Button -->
<div class="text-center">
<button type="submit"
class="btn btn-lg bg-gradient-primary btn-lg w-100 mt-4 mb-0">Register</button>
</div>
</form>
</div>
<div class="card-footer text-center pt-0 px-lg-2 px-1">
<p class="mb-4 text-sm mx-auto">
Already have an account?
<a href="{{route('login')}}"
class="text-primary text-gradient font-weight-bold">Sign in</a>
</p>
</div>
<div class="card-footer text-center pt-0 px-lg-2 px-1">
<p class="mb-4 text-sm mx-auto">
Already have an account?
<a href="{{ route('login') }}"
class="text-primary text-gradient font-weight-bold">Sign in</a>
</p>
</div>
</div>
</div>
</div>
<div
class="col-6 d-lg-flex d-none h-100 my-auto pe-0 position-absolute top-0 end-0 text-center justify-content-center flex-column">
<div
class="position-relative bg-gradient-primary h-100 m-3 px-5 border-radius-lg d-flex flex-column justify-content-center">
<img src="{{ asset('assets/img/shapes/pattern-lines.svg') }}" alt="pattern-lines"
class="position-absolute opacity-4 start-0">
<div class="position-relative">
<img class="max-width-500 w-70 position-relative z-index-2"
src="{{ asset('assets/img/illustrations/chat.webp') }}">
class="col-6 d-lg-flex d-none h-100 my-auto pe-0 position-absolute top-0 end-0 text-center justify-content-center flex-column">
<div
class="position-relative bg-gradient-primary h-100 m-3 px-5 border-radius-lg d-flex flex-column justify-content-center">
<img src="{{ asset('assets/img/shapes/pattern-lines.svg') }}" alt="pattern-lines"
class="position-absolute opacity-4 start-0">
<div class="position-relative">
<img class="max-width-500 w-70 position-relative z-index-2"
src="{{ asset('assets/img/illustrations/chat.webp') }}">
</div>
<h4 class="mt-5 text-white font-weight-bolder">"Your Journey to Endless Financial Possibilities Begins Here!"</h4>
<p class="text-white">Stay organized, stay informed, and make decisions that empower you.</p>
</div>
<h4 class="mt-5 text-white font-weight-bolder">"Your Journey to Endless Financial Possibilities Begins Here!"</h4>
<p class="text-white">Stay organized, stay informed, and make decisions that empower you.</p>
</div>
</div>
</div>
</form>
</div>
</div>
Expand Down
Loading