@extends('layouts.guest')

@section('content')
    <h2 class="text-2xl font-semibold">Đặt lại mật khẩu</h2>
    <p class="mt-2 text-sm text-gray-600">Nhập mật khẩu mới cho tài khoản của bạn</p>

    <form method="POST" action="{{ route('password.update') }}" class="mt-6 space-y-4">
        @csrf
        <input type="hidden" name="token" value="{{ $token ?? '' }}">

        <div>
            <label class="block text-sm font-medium text-gray-700">Email</label>
            <input name="email" type="email" required class="mt-1 block w-full border rounded px-3 py-2" />
        </div>
        <div>
            <label class="block text-sm font-medium text-gray-700">Mật khẩu mới</label>
            <input name="password" type="password" required class="mt-1 block w-full border rounded px-3 py-2" />
        </div>
        <div>
            <label class="block text-sm font-medium text-gray-700">Xác nhận mật khẩu</label>
            <input name="password_confirmation" type="password" required class="mt-1 block w-full border rounded px-3 py-2" />
        </div>

        <div>
            <button type="submit" class="w-full btn-primary py-2 rounded font-semibold">Đặt lại mật khẩu</button>
        </div>
    </form>

    <p class="mt-6 text-sm text-center text-gray-600"><a href="{{ route('login') }}" class="text-blue-600">Quay lại đăng nhập</a></p>
@endsection
