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

70 lines
2.1 KiB
PHP

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>Lupa Password - SPK Gastritis</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="min-h-screen bg-[#eef7f1] flex items-center justify-center px-4">
<div class="w-full max-w-md bg-white rounded-3xl shadow-xl p-8">
<h1 class="text-3xl font-bold text-gray-800 mb-3">
Lupa Password?
</h1>
<p class="text-gray-500 mb-6 leading-7">
Masukkan email akun Anda. Sistem akan mengirimkan link untuk mengatur ulang password.
</p>
@if(session('success'))
<div class="mb-5 px-4 py-3 rounded-xl bg-green-50 text-green-700 border border-green-100 text-sm">
{{ session('success') }}
</div>
@endif
@if(session('error'))
<div class="mb-5 px-4 py-3 rounded-xl bg-red-50 text-red-600 border border-red-100 text-sm">
{{ session('error') }}
</div>
@endif
@error('email')
<div class="mb-5 px-4 py-3 rounded-xl bg-red-50 text-red-600 border border-red-100 text-sm">
{{ $message }}
</div>
@enderror
<form method="POST" action="{{ route('password.email') }}" class="space-y-5">
@csrf
<div>
<label class="block text-sm font-semibold text-gray-600 mb-2">
Email
</label>
<input type="email"
name="email"
value="{{ old('email') }}"
placeholder="Masukkan email"
required
class="w-full h-14 px-4 rounded-2xl border border-gray-200 bg-gray-50 focus:bg-white focus:outline-none focus:ring-4 focus:ring-green-100 focus:border-green-500">
</div>
<button type="submit"
class="w-full h-14 rounded-2xl bg-green-600 hover:bg-green-700 text-white font-bold transition">
Kirim Link Reset Password
</button>
</form>
<div class="text-center mt-6">
<a href="{{ route('login') }}" class="text-green-600 font-semibold text-sm">
Kembali ke Login
</a>
</div>
</div>
</body>
</html>