<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Masuk - Sistem Distribusi Qurban</title>
    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
</head>
<body>
    <div class="login-container">
        <div class="login-card">
            <div class="login-header">
                <div class="login-logo">🐏</div>
                <h2>QurbanDist</h2>
                <p>Silakan masuk untuk mengelola distribusi qurban</p>
            </div>

            @if ($errors->any())
                <div style="background-color: var(--danger-bg); color: #991b1b; padding: 0.75rem 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; font-weight: 600; margin-bottom: 1.25rem; border: 1px solid #fca5a5;">
                    ⚠️ {{ $errors->first() }}
                </div>
            @endif

            <form action="{{ route('login') }}" method="POST">
                @csrf
                <div class="login-form-group">
                    <label for="login" class="login-form-label">Username atau Email</label>
                    <input type="text" name="login" id="login" class="login-input" placeholder="Masukkan username/email" value="{{ old('login') }}" required autofocus autocomplete="username">
                </div>

                <div class="login-form-group">
                    <label for="password" class="login-form-label">Password</label>
                    <input type="password" name="password" id="password" class="login-input" placeholder="Masukkan password" required autocomplete="current-password">
                </div>

                <div class="login-form-group" style="margin-top: 1.5rem; display: flex; justify-content: space-between; align-items: center;">
                    <label class="login-remember">
                        <input type="checkbox" name="remember" id="remember" style="accent-color: var(--primary);"> Ingat Saya
                    </label>
                </div>

                <button type="submit" class="btn-login">Masuk Sekarang</button>
            </form>
        </div>
    </div>
</body>
</html>
