60 lines
3.5 KiB
PHP
60 lines
3.5 KiB
PHP
<x-guest-layout>
|
|
<div class="text-center mb-8">
|
|
<div class="bg-[#1e3a8a] w-20 h-20 rounded-2xl mx-auto mb-4 flex items-center justify-center shadow-lg">
|
|
<svg class="w-12 h-12 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z"></path>
|
|
</svg>
|
|
</div>
|
|
<h2 class="text-2xl font-bold text-gray-900">Lupa Password?</h2>
|
|
<p class="text-sm text-gray-600 mt-1">Tenang, kami akan bantu reset password Anda</p>
|
|
</div>
|
|
|
|
<div class="mb-6 text-sm text-gray-600 bg-blue-50 p-4 rounded-xl">
|
|
<p>Masukkan email Anda dan kami akan mengirimkan link reset password.</p>
|
|
</div>
|
|
|
|
<!-- Session Status -->
|
|
<x-auth-session-status class="mb-4" :status="session('status')" />
|
|
|
|
<form method="POST" action="{{ route('password.email') }}" class="space-y-6">
|
|
@csrf
|
|
|
|
<!-- Email Address -->
|
|
<div>
|
|
<label for="email" class="block text-sm font-medium text-gray-700 mb-2">Email</label>
|
|
<div class="relative">
|
|
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
|
|
<svg class="h-5 w-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 12a4 4 0 10-8 0 4 4 0 008 0zm0 0v1.5a2.5 2.5 0 005 0V12a9 9 0 10-9 9m4.5-1.206a8.959 8.959 0 01-4.5 1.207"></path>
|
|
</svg>
|
|
</div>
|
|
<input id="email" type="email" name="email" value="{{ old('email') }}" required autofocus
|
|
class="pl-10 w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-[#1e3a8a] focus:border-[#1e3a8a] transition duration-200 @error('email') border-red-500 @enderror"
|
|
placeholder="admin@gmail.com">
|
|
</div>
|
|
@error('email')
|
|
<p class="mt-2 text-sm text-red-600">{{ $message }}</p>
|
|
@enderror
|
|
</div>
|
|
|
|
<!-- Submit Button -->
|
|
<button type="submit" class="w-full bg-[#1e3a8a] text-white py-3 px-4 rounded-xl hover:bg-[#2b4a9e] focus:ring-4 focus:ring-[#1e3a8a]/50 transition duration-200 font-medium text-lg shadow-lg hover:shadow-xl transform hover:-translate-y-0.5">
|
|
<span class="flex items-center justify-center">
|
|
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
|
|
</svg>
|
|
Kirim Link Reset Password
|
|
</span>
|
|
</button>
|
|
|
|
<!-- Back to Login -->
|
|
<div class="text-center mt-6">
|
|
<a href="{{ route('login') }}" class="text-sm text-[#1e3a8a] hover:text-[#2b4a9e] hover:underline transition duration-200 flex items-center justify-center">
|
|
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path>
|
|
</svg>
|
|
Kembali ke halaman login
|
|
</a>
|
|
</div>
|
|
</form>
|
|
</x-guest-layout> |