@extends('layouts.app')

@section('tajuk', 'Urus Sesi: ' . $sesi->nama)

@section('kandungan')
    <div class="kad">
        <h1>{{ $sesi->nama }}</h1>
        <table class="slip-butiran">
            <tr><th>DUN</th><td>{{ $sesi->dun->code ?? '' }} — {{ $sesi->dun->nama ?? '-' }}</td></tr>
            <tr><th>Tarikh</th><td>{{ $sesi->tarikh->format('d/m/Y') }}</td></tr>
            @if ($sesi->masa)
                <tr><th>Masa</th><td>{{ $sesi->masa }}</td></tr>
            @endif
            <tr><th>Lokasi</th><td>{{ $sesi->lokasi }}</td></tr>
            <tr>
                <th>Status</th>
                <td>
                    @if ($sesi->is_active)
                        <span class="lencana lencana-hijau">Aktif</span>
                    @else
                        <span class="lencana lencana-kelabu">Ditutup</span>
                    @endif
                </td>
            </tr>
            <tr>
                <th>Pautan Daftar</th>
                <td><a href="{{ $checkinUrl }}" target="_blank">{{ $checkinUrl }}</a></td>
            </tr>
        </table>

        <div class="baris-tindakan">
            <a href="{{ route('sesi.qr', $sesi) }}" class="btn">Papar / Cetak QR Code</a>
            <a href="{{ route('kaunter.index', $sesi) }}" class="btn btn-hijau">Kaunter Borang</a>
            <a href="{{ route('pengurus.senarai', $sesi) }}" class="btn btn-luar">Senarai Kehadiran</a>
            <form method="POST" action="{{ route('sesi.toggle', $sesi) }}" style="margin:0">
                @csrf
                <button type="submit" class="btn {{ $sesi->is_active ? 'btn-merah' : 'btn-hijau' }}">
                    {{ $sesi->is_active ? 'Tutup Pendaftaran' : 'Buka Pendaftaran' }}
                </button>
            </form>
        </div>
    </div>

    <div class="stat-grid">
        <div class="stat">
            <div class="nilai">{{ $sesi->kehadiran_count }}</div>
            <div class="label">Telah Daftar Hadir</div>
        </div>
        <div class="stat">
            <div class="nilai">{{ $sesi->borang_diambil_count }}</div>
            <div class="label">Telah Ambil Borang</div>
        </div>
    </div>

    <div class="kad qr-wrap tiada-cetak">
        <h2>QR Code Pendaftaran</h2>
        {!! QrCode::size(220)->margin(1)->generate($checkinUrl) !!}
        <p class="teks-kecil">Petugas scan QR ini untuk daftar kehadiran.</p>
    </div>
@endsection