toyrik/laravel-auth
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implemented reset password with fortify

Browse Source
This commit is contained in:
Nima8FT 2025-04-21 11:54:33 +03:30
parent 347fe664e5
commit 8f1a7b3c47
3 changed files with 97 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
Web-Application/Fortify/app/Providers/FortifyServiceProvider.php
View File

@ -55,5 +55,13 @@ class FortifyServiceProvider extends ServiceProvider
Fortify::verifyEmailView(function () {
return view('auth.verify-mail');
});
Fortify::requestPasswordResetLinkView(function () {
return view('auth.forgot-password');
});
Fortify::resetPasswordView(function (Request $request) {
return view('auth.reset-password', ['request' => $request]);
});
}
}

37
Web-Application/Fortify/resources/views/auth/forgot-password.blade.php Normal file
View File

@ -0,0 +1,37 @@
@extends('app')
@section('content')
<div class="flex justify-center items-center min-h-screen bg-gray-100 dark:bg-gray-900">
<div class="w-full max-w-md bg-white dark:bg-gray-800 shadow-md rounded-lg p-6">
<h2 class="text-2xl font-bold text-center text-gray-800 dark:text-gray-200 mb-6">Reset Password</h2>
@if (session('status'))
<div class="mb-4 text-sm text-green-600 dark:text-green-400">
{{ session('status') }}
</div>
@endif
<form method="POST" action="{{ route('password.email') }}">
@csrf
<div class="mb-4">
<label for="email" class="block text-gray-700 dark:text-gray-300 font-medium mb-2">Email Address</label>
<input wire:model.lazy='email' id="email" type="email" name="email" required autofocus
autocomplete="email"
class="w-full px-4 py-2 border rounded-lg text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-700 border-gray-300 dark:border-gray-600 focus:outline-none focus:ring-2 focus:ring-blue-500 @error('email') border-red-500 @enderror">
@error('email')
<p class="text-red-600 text-sm mt-2">{{ $message }}</p>
@enderror
</div>
<div class="flex justify-center">
<button type="submit"
class="bg-blue-600 hover:bg-blue-700 text-white font-semibold py-2 px-4 rounded-lg transition duration-300 cursor-pointer">
Send Password Reset Link
</button>
</div>
</form>
</div>
</div>
@endsection

52
Web-Application/Fortify/resources/views/auth/reset-password.blade.php Normal file
View File

@ -0,0 +1,52 @@
@extends('app')
@section('content')
<div class="flex items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-900">
<div class="w-full max-w-md bg-white dark:bg-gray-800 shadow-md rounded-lg p-6">
<h2 class="text-2xl font-bold text-center text-gray-800 dark:text-gray-100 mb-6">
Reset Password
</h2>
@if (session()->has('status'))
<div class="mb-4 text-green-600 dark:text-green-400">
{{ session('status') }}
</div>
@endif
<form method="POST" action="{{route('password.update')}}">
@csrf
<input type="hidden" name="token" value="{{ $request->route('token') }}">
<div class="mb-4">
<label for="email" class="block text-gray-700 dark:text-gray-300 font-medium mb-2">Email</label>
<input type="email" id="email" wire:model.lazy="email" name="email"
class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white @error('email') border-red-500 @enderror">
@error('email') <span class="text-red-500 text-sm">{{ $message }}</span> @enderror
</div>
{{-- Password --}}
<div class="mb-4">
<label for="password" class="block text-gray-700 dark:text-gray-300 font-medium mb-2">New
Password</label>
<input type="password" id="password" wire:mode.lazy="password" name="password"
class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white @error('password') border-red-500 @enderror">
@error('password') <span class="text-red-500 text-sm">{{ $message }}</span> @enderror
</div>
{{-- Password Confirmation --}}
<div class="mb-6">
<label for="password_confirmation"
class="block text-gray-700 dark:text-gray-300 font-medium mb-2">Confirm Password</label>
<input type="password" id="password_confirmation" wire:model.lazy="password_confirmation"
name="password_confirmation"
class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white">
</div>
<button type="submit"
class="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-2 rounded-lg transition duration-300 cursor-pointer">
Reset Password
</button>
</form>
</div>
</div>
@endsection