@extends('layouts.public')

@section('title', 'Permohonan Petugas')

@section('content')
    <div class="page-heading">
        <div class="eyebrow">Pendaftaran Awam</div>
        <h1 class="h3 mb-1">Permohonan Petugas Pilihanraya</h1>
        <p class="text-secondary mb-0">{{ $pusatMengundi->name }}</p>
    </div>

    <div class="content-panel p-3 p-md-4">
        <div class="d-flex align-items-start gap-3">
            <div class="stat-icon text-bg-info">
                <i class="bi bi-qr-code-scan"></i>
            </div>
            <div>
                <h2 class="h5 mb-2">Borang permohonan akan dibina dalam Phase 4</h2>
                <p class="text-secondary mb-3">
                    Pautan QR ini telah disediakan untuk Pusat Mengundi yang betul. Modul permohonan awam seterusnya
                    akan menggunakan UUID ini tanpa mendedahkan ID dalaman sistem.
                </p>
                <dl class="row mb-0">
                    <dt class="col-sm-3">Kod Pusat</dt>
                    <dd class="col-sm-9">{{ $pusatMengundi->code }}</dd>
                    <dt class="col-sm-3">Daerah</dt>
                    <dd class="col-sm-9">{{ $pusatMengundi->daerahMengundi?->name ?? '-' }}</dd>
                    <dt class="col-sm-3">Alamat</dt>
                    <dd class="col-sm-9">{{ $pusatMengundi->address ?: '-' }}</dd>
                </dl>
            </div>
        </div>
    </div>
@endsection