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

97 lines
3.1 KiB
PHP

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>Reset 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">
Reset Password
</h1>
<p class="text-gray-500 mb-6 leading-7">
Masukkan password baru untuk akun Anda.
</p>
@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
@if($errors->any())
<div class="mb-5 px-4 py-3 rounded-xl bg-red-50 text-red-600 border border-red-100 text-sm">
Periksa kembali data yang Anda masukkan.
</div>
@endif
<form method="POST" action="{{ route('password.update') }}" class="space-y-5">
@csrf
<input type="hidden" name="token" value="{{ $token }}">
<div>
<label class="block text-sm font-semibold text-gray-600 mb-2">
Email
</label>
<input type="email"
name="email"
value="{{ $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">
@error('email')
<p class="text-red-500 text-sm mt-2">{{ $message }}</p>
@enderror
</div>
<div>
<label class="block text-sm font-semibold text-gray-600 mb-2">
Password Baru
</label>
<input type="password"
name="password"
placeholder="Masukkan password baru"
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">
@error('password')
<p class="text-red-500 text-sm mt-2">{{ $message }}</p>
@enderror
</div>
<div>
<label class="block text-sm font-semibold text-gray-600 mb-2">
Konfirmasi Password
</label>
<input type="password"
name="password_confirmation"
placeholder="Ulangi password baru"
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">
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>