@extends('layouts.app')

@section('tajuk', 'Slip Kehadiran')
@section('saiz-container', 'container-kecil')

@section('kandungan')
    <div class="kad teks-tengah">
        @if ($sudahDaftar)
            <div class="makluman makluman-amaran">
                Anda telah pun didaftarkan dalam sesi ini. Berikut ialah slip kehadiran anda.
            </div>
        @else
            <div class="makluman makluman-jaya">
                Kehadiran anda berjaya direkodkan!
            </div>
        @endif

        <p class="teks-kecil mb-0">Nombor siri anda</p>
        <div class="slip-nombor">{{ $kehadiran->nombor_siri_papar }}</div>
        <p class="teks-kecil">Sila tunjuk slip ini kepada admin kaunter untuk mengambil borang SPR.</p>
    </div>

    <div class="kad">
        <table class="slip-butiran">
            <tr><th>Nama</th><td><strong>{{ $petugas->nama_ic }}</strong></td></tr>
            <tr><th>No. KP</th><td>{{ $petugas->no_kp }}</td></tr>
            <tr><th>Pusat Mengundi</th><td>{{ $penempatan['pusat_mengundi'] }}</td></tr>
            <tr><th>Saluran</th><td>{{ $penempatan['saluran'] }}</td></tr>
            <tr><th>Jawatan</th><td>{{ $penempatan['jawatan'] }}</td></tr>
            <tr><th>Sesi</th><td>{{ $sesi->nama }} ({{ $sesi->tarikh->format('d/m/Y') }})</td></tr>
            <tr><th>Masa Daftar</th><td>{{ $kehadiran->hadir_at->format('d/m/Y h:i A') }}</td></tr>
        </table>

        <div class="makluman makluman-info mb-0">
            Sila tunjuk kad pengenalan jika diminta untuk pengesahan identiti.
        </div>
    </div>
@endsection