@extends('layouts.app')

@section('tajuk', 'Log Masuk')
@section('saiz-container', 'container-kecil')

@section('kandungan')
    <div class="kad">
        <h1>Log Masuk</h1>
        <p class="teks-kecil">Untuk admin kaunter dan pengurus DUN sahaja. Petugas tidak perlu log masuk — sila scan QR code di lokasi taklimat.</p>

        @if ($errors->any())
            <div class="makluman makluman-ralat">{{ $errors->first() }}</div>
        @endif

        <form method="POST" action="{{ route('login.attempt') }}">
            @csrf
            <label for="email">Emel</label>
            <input type="email" id="email" name="email" value="{{ old('email') }}" required autofocus>

            <label for="password">Kata Laluan</label>
            <input type="password" id="password" name="password" required>

            <button type="submit" class="btn btn-penuh">Log Masuk</button>
        </form>

        <p class="teks-kecil mt-1"><a href="{{ route('password.request') }}">Lupa kata laluan?</a></p>
    </div>
@endsection