@extends('layouts.app')

@section('tajuk', 'QR Code: ' . $sesi->nama)

@section('kandungan')
    <div class="kad teks-tengah">
        <h1>Daftar Kehadiran Taklimat</h1>
        <h2>{{ $sesi->dun->code ?? '' }} — {{ $sesi->dun->nama ?? '' }}</h2>
        <p>
            <strong>{{ $sesi->nama }}</strong><br>
            {{ $sesi->tarikh->format('d/m/Y') }}@if ($sesi->masa) | {{ $sesi->masa }}@endif<br>
            {{ $sesi->lokasi }}
        </p>

        <div class="qr-wrap">
            {!! QrCode::size(420)->margin(1)->generate($checkinUrl) !!}
        </div>

        <p><strong>Scan QR code ini dan masukkan No. Kad Pengenalan anda.</strong></p>
        <p class="teks-kecil">{{ $checkinUrl }}</p>

        <div class="baris-tindakan tiada-cetak" style="justify-content:center">
            <button onclick="window.print()" class="btn">Cetak</button>
            <a href="{{ route('sesi.show', $sesi) }}" class="btn btn-luar">Kembali</a>
        </div>
    </div>
@endsection