@extends('layouts.public')

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

@section('content')
    <div class="page-heading">
        <div class="eyebrow">Pendaftaran Awam</div>
        <h1 class="h3 mb-1">Permohonan Diterima</h1>
        <p class="text-secondary mb-0">Rujukan: <code>{{ $application->public_uuid }}</code></p>
    </div>

    <div class="content-panel p-3 p-md-4">
        <div class="d-flex gap-3 align-items-start">
            <div class="stat-icon text-bg-success">
                <i class="bi bi-check2-circle"></i>
            </div>
            <div>
                <h2 class="h5 mb-2">Rekod permohonan telah disimpan</h2>
                <dl class="row mb-0">
                    <dt class="col-sm-4">Pusat Mengundi</dt>
                    <dd class="col-sm-8">{{ $application->pusatMengundi?->name }}</dd>
                    <dt class="col-sm-4">Jawatan Dipohon</dt>
                    <dd class="col-sm-8">{{ $application->requestedPosition?->code }} - {{ $application->requestedPosition?->name }}</dd>
                    <dt class="col-sm-4">Status</dt>
                    <dd class="col-sm-8"><span class="badge text-bg-info">Menunggu Semakan</span></dd>
                </dl>
            </div>
        </div>
    </div>

    <div class="content-panel p-3 p-md-4 mt-3">
        <h2 class="h6 mb-2"><i class="bi bi-bookmark me-1"></i>Simpan pautan status anda</h2>
        <p class="text-secondary small mb-2">
            Gunakan pautan berikut untuk semak status permohonan anda pada bila-bila masa tanpa perlu log masuk.
        </p>
        <div class="input-group input-group-sm">
            <input type="text" class="form-control font-monospace"
                   value="{{ route('public.applications.status', $application->public_uuid) }}"
                   id="statusUrl" readonly>
            <button class="btn btn-outline-secondary" type="button"
                    onclick="navigator.clipboard.writeText(document.getElementById('statusUrl').value)">
                <i class="bi bi-clipboard"></i> Salin
            </button>
        </div>
        <p class="text-secondary small mt-2 mb-0">
            Nombor rujukan: <code>{{ $application->public_uuid }}</code>
        </p>
    </div>
@endsection