MIF_E31222629/resources/views/auth/forgot-password.blade.php

56 lines
2.1 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Forgot Password - RentalMobil</title>
@vite('resources/css/app.css')
<link href="https://fonts.googleapis.com/css2?family=Ancizar+Serif&family=Lora&display=swap" rel="stylesheet" />
<script src="https://cdn.tailwindcss.com"></script>
<style>
.font-lora {
font-family: 'Lora', serif;
}
</style>
</head>
<body class="bg-gradient-to-b from-[#e0e7ff] to-[#1e3a8a] min-h-screen flex items-center justify-center p-6 font-lora text-[#1e3a8a]">
<div class="max-w-md w-full bg-white rounded-lg shadow-lg border border-[#e0e7ff] p-8">
<h2 class="text-3xl font-bold mb-6 text-center">Forgot your password?</h2>
<div class="mb-4 text-sm text-gray-600">
{{ __('Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one.') }}
</div>
<!-- Session Status -->
@if (session('status'))
<div class="mb-4 text-sm text-green-600 font-medium">
{{ session('status') }}
</div>
@endif
<form method="POST" action="{{ route('password.email') }}">
@csrf
<!-- Email Address -->
<div class="mb-4">
<label for="email" class="block text-sm font-semibold">Email</label>
<input id="email" type="email" name="email" required autofocus autocomplete="username"
class="mt-1 block w-full rounded-md bg-gray-100 border border-gray-300 shadow-sm focus:ring-[#1e3a8a] focus:border-[#1e3a8a]" />
@error('email')
<div class="text-sm text-red-600 mt-1">{{ $message }}</div>
@enderror
</div>
<button type="submit"
class="w-full bg-[#1e3a8a] text-white font-semibold py-2 rounded-md shadow hover:bg-[#3344aa] transition">
{{ __('Email Password Reset Link') }}
</button>
</form>
</div>
</body>
</html>