@extends('layouts.app')
@section('content')
<div class="min-h-[85vh] flex items-center justify-center px-6 bg-white py-12">
    <div class="max-w-md w-full">
        <div class="bg-white rounded-[3rem] border border-gray-100 shadow-2xl overflow-hidden">
            <div class="bg-gray-900 p-10 text-center">
                <h2 class="text-3xl font-black text-white italic tracking-tighter">Reset Password</h2>
                <p class="text-gray-400 text-[10px] mt-2 uppercase tracking-[0.3em] font-bold">Masukkan password baru</p>
            </div>
            <form action="{{ route('password.update') }}" method="POST" class="p-10 space-y-5">
                @csrf
                <input type="hidden" name="token" value="{{ $token }}">
                <div class="space-y-1">
                    <label class="text-[10px] font-black uppercase text-gray-400 ml-1 tracking-widest">Email</label>
                    <input type="email" name="email" required
                        class="w-full px-6 py-4 bg-gray-50 border border-gray-100 rounded-2xl outline-none text-sm font-medium"
                        placeholder="email@anda.com">
                </div>
                <div class="space-y-1">
                    <label class="text-[10px] font-black uppercase text-gray-400 ml-1 tracking-widest">Password Baru</label>
                    <input type="password" name="password" required
                        class="w-full px-6 py-4 bg-gray-50 border border-gray-100 rounded-2xl outline-none text-sm font-medium"
                        placeholder="••••••••">
                </div>
                <div class="space-y-1">
                    <label class="text-[10px] font-black uppercase text-gray-400 ml-1 tracking-widest">Konfirmasi Password</label>
                    <input type="password" name="password_confirmation" required
                        class="w-full px-6 py-4 bg-gray-50 border border-gray-100 rounded-2xl outline-none text-sm font-medium"
                        placeholder="••••••••">
                </div>
                <button type="submit" class="w-full py-4 bg-orange-700 text-white rounded-2xl font-bold shadow-xl hover:bg-orange-800 transition-all">
                    Reset Password
                </button>
            </form>
        </div>
    </div>
</div>
@endsection