<!DOCTYPE html>
<html lang="id">
<head>
    <title>Lupa Password - TaniDesa</title>
    <link href="{{ asset('template/frontend/css/bootstrap.min.css') }}" rel="stylesheet">
</head>
<body class="d-flex align-items-center justify-content-center vh-100" style="background-color: #f0f7e6;">
    <div class="card border-0 shadow-sm p-4" style="max-width: 400px; width: 100%;">
        <div class="text-center mb-4">
            <h4 class="fw-bold" style="color: #81c408;">Lupa Password?</h4>
            <p class="text-muted small">Masukkan email dan peran Anda untuk reset password.</p>
        </div>

        @if (session('status'))
            <div class="alert alert-success small">{{ session('status') }}</div>
        @endif
        @if ($errors->any())
            <div class="alert alert-danger small">{{ $errors->first() }}</div>
        @endif

        <form action="{{ route('password.email') }}" method="POST">
            @csrf
            <div class="mb-3">
                <label class="form-label small fw-bold text-muted">Saya adalah:</label>
                <select name="role" class="form-select">
                    <option value="pembeli">👤 Pembeli</option>
                    <option value="petani">🌾 Petani</option>
                </select>
            </div>
            <div class="mb-3">
                <label class="form-label small fw-bold text-muted">Email Terdaftar</label>
                <input type="email" name="email" class="form-control" required>
            </div>
            <div class="d-grid">
                <button type="submit" class="btn text-white fw-bold" style="background-color: #81c408;">Kirim Link Reset</button>
            </div>
        </form>
        <div class="text-center mt-3">
            <a href="{{ route('login') }}" class="text-decoration-none small text-muted">Kembali ke Login</a>
        </div>
    </div>
</body>
</html>