@extends('izin_tamu.layout')

@section('title', 'QR Code untuk Tamu')

@section('content')
<div class="max-w-lg mx-auto bg-white p-6 rounded-lg shadow-md text-center text-black">
    <h2 class="text-xl font-bold mb-4">QR Code Tamu</h2>
    <p class="mb-2"><strong>Nama:</strong> {{ $izin->nama_tamu }}</p>
    <p class="mb-2"><strong>Perusahaan:</strong> {{ $izin->perusahaan }}</p>
    <p class="mb-2"><strong>Lokasi:</strong> {{ $izin->lokasi_penerimaan }}</p>
    <p class="mb-4"><strong>Waktu:</strong> {{ $izin->waktu_mulai->format('d M Y H:i') }} - {{ $izin->waktu_selesai->format('H:i') }}</p>

    <div class="flex justify-center flex-col items-center">
        {{-- Generate URL Pendek --}}
        @php
            $urlScan = route('tamu.scan_token', $izin->qr_token);
        @endphp

        {{-- Tampilkan QR Code (Visible Print agar bagus saat diprint) --}}
        <div class="visible-print">
            {!! QrCode::size(200)->generate($urlScan) !!}
        </div>

        {{-- Tampilkan Link Pendek di Bawahnya --}}
        <p class="mt-3 text-sm text-black-500">Apabila tidak dapat memindai barcode, silakan ketikkan link berikut.</p>
        <p class="mt-1 text-xs text-black-400 font-mono bg-gray-100 px-2 py-1 rounded inline-block select-all">
            {{ $urlScan }}
        </p>
    </div>

    {{-- Tombol Kembali sesuai role --}}
    @if(auth()->guard('security')->check())
        <a href="{{ route('izin_tamu.index_security') }}" class="mt-6 inline-block px-4 py-2 bg-emerald-600 text-white rounded-lg hover:bg-emerald-700">
            Kembali
        </a>
    @elseif(auth()->guard('admin')->check())
        <a href="{{ route('izin_tamu.index_admin') }}" class="mt-6 inline-block px-4 py-2 bg-emerald-600 text-white rounded-lg hover:bg-emerald-700">
            Kembali 
        </a>
    @else
        <a href="{{ route('izin_tamu.index') }}" class="mt-6 inline-block px-4 py-2 bg-emerald-600 text-white rounded-lg hover:bg-emerald-700">
            Kembali
        </a>
    @endif
</div>
@endsection