@extends('izin_tamu.layout')

@section('title', 'Safety Induction')

@section('title', 'Safety Induction - PT Asama Indonesia MFG')

@section('content')
<div class="max-w-2xl mx-auto bg-white p-6 rounded-lg shadow-md text-black">
    <h2 class="text-2xl font-bold mb-4 text-emerald-700">🛡 Safety Induction</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>

    <div class="bg-emerald-50 border-l-4 border-emerald-600 p-4 rounded-md mb-6">
        <p class="text-gray-800">
            Selamat datang di <strong>PT Asama Indonesia Manufacturing</strong>. 
            Setiap tamu wajib memahami dan mengisi form <em>Safety Induction</em>. 
            Silakan bertanya pada security jika ada yang kurang jelas. 
            <span class="font-semibold">Terima kasih.</span>
        </p>
    </div>

    <form action="{{ route('izin_tamu.storeScan', $izin->id) }}" method="POST" class="mt-4 text-left">
        @csrf
        <h3 class="text-lg font-semibold text-gray-800 mb-4">Safety Induction Check</h3>

        @php
            $questions = [
                ["text" => "Berjalanlah pada jalur pejalan kaki yang sudah ditetapkan (jalur berwarna hijau)", "img" => "pejalankaki.jpg"],
                ["text" => "Dilarang membuang sampah sembarangan", "img" => "dilarangbuangsampah.jpg"],
                ["text" => "Konsumsi alkohol atau narkoba dilarang", "img" => "obatobatan.jpg"],
                ["text" => "Dilarang merokok, kecuali di area yang telah ditentukan", "img" => "dilarangmerokok.jpg"],
                ["text" => "Dilarang mengambil foto/video di area PT. Asama Indonesia Manufacturing, kecuali diizinkan oleh petugas yang mendampingi", "img" => "dilarangfoto.jpg"],
                ["text" => "Saat masuk ke area produksi wajib menggunakan APD yang lengkap sesuai dengan aturan pada masing-masing bagian", "img" => "kawasanwajibapd.jpg"],
                ["text" => "Dilarang berbicara dengan operator produksi (kecuali dengan izin supervisor)", "img" => "dilarangberbicara.jpg"],
                ["text" => "Hati-hati dengan forklift dan truck bongkar muat barang", "img" => "hatihatiforklift.jpg"],
            ];
        @endphp

        @foreach($questions as $index => $q)
            <div class="mb-6">
                <label class="block font-medium mb-2">{{ $index + 1 }}. {{ $q['text'] }}</label>
                <!-- Pastikan gambar diakses dari folder public/images -->
                <img src="{{ asset('images/' . $q['img']) }}" alt="Safety Image {{ $index + 1 }}" class="w-32 h-32 object-contain mb-2 border rounded-lg shadow-sm">
                <div class="flex gap-6">
                    <label class="flex items-center">
                        <input type="radio" name="safety_answers[{{ $index }}]" value="Mengerti" class="mr-2" required>
                        Mengerti
                    </label>
                    <label class="flex items-center">
                        <input type="radio" name="safety_answers[{{ $index }}]" value="Tidak Mengerti" class="mr-2" required>
                        Tidak Mengerti
                    </label>
                </div>
            </div>
        @endforeach

        <button type="submit" 
            class="mt-4 bg-emerald-600 text-white px-6 py-2 rounded-lg hover:bg-emerald-700 transition">
            Konfirmasi Hadir
        </button>
    </form>
</div>
@endsection

@push('scripts')
<script>
    // Jika tamu sudah hadir, langsung redirect ke Thanks Page
    @if($izin->status_hadir === 'hadir')
        window.location.href = "{{ route('izin_tamu.thanks_page', $izin->id) }}";
    @endif

    // Blok back button di browser / swipe back
    history.pushState(null, null, location.href);
    window.onpopstate = function () {
        window.location.href = "{{ route('izin_tamu.thanks_page', $izin->id) }}";
    };

    // Reload / redirect jika halaman diambil dari bfcache
    window.addEventListener('pageshow', function(event) {
        if (event.persisted || (window.performance && window.performance.getEntriesByType("navigation")[0].type === "back_forward")) {
            window.location.href = "{{ route('izin_tamu.thanks_page', $izin->id) }}";
        }
    });
</script>
@endpush