@extends('izin_tamu.layout')

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

@section('content')
<div class="max-w-3xl mx-auto bg-white p-6 rounded-lg shadow text-black">
    <h2 class="text-2xl font-bold mb-4 text-emerald-700">📊 Hasil Safety Induction</h2>

    <!-- Informasi Tamu -->
    <div class="mb-4">
        <p><strong>Nama Tamu:</strong> {{ $izin->nama_tamu }}</p>
        <p><strong>Perusahaan:</strong> {{ $izin->perusahaan }}</p>
        <p><strong>Lokasi Penerimaan:</strong> {{ $izin->lokasi_penerimaan }}</p>
        <p><strong>Status:</strong> {{ ucfirst($izin->status_hadir) }}</p>
        <p><strong>Score:</strong> {{ $izin->safety_score ?? '-' }}%</p>
    </div>

   @if($izin->safety_answers)
@php
    // Fix: decode JSON jika masih berbentuk string
    $answers = is_array($izin->safety_answers)
        ? $izin->safety_answers
        : json_decode($izin->safety_answers, true);

    // Jika decode gagal, fallback ke array kosong
    if (!is_array($answers)) {
        $answers = [];
    }

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

<div class="mt-6">
    <h3 class="font-semibold text-lg mb-3">Jawaban Tamu:</h3>
    <ul class="list-disc list-inside space-y-2">

        @foreach($questions as $i => $q)

            @php
                $ans = $answers[$i] ?? '-';
                $isMengerti = ($ans === 'Mengerti');
            @endphp

            <li>
                <span class="font-medium">{{ $i+1 }}.</span> {{ $q }}

                <span class="ml-2 font-semibold {{ $isMengerti ? 'text-green-700' : 'text-red-700' }}">
                    {{ $ans }}
                </span>
            </li>

        @endforeach

    </ul>
</div>
@endif


    <!-- Tombol Navigasi -->
    <div class="flex flex-col sm:flex-row justify-between mt-6 gap-3">

        <!-- Kembali -->
        <a href="{{ url()->previous() }}"
           class="bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-4 rounded-lg text-center">
            Kembali
        </a>

        <!-- Export -->
        <div class="flex flex-col sm:flex-row gap-2 sm:space-x-2 w-full sm:w-auto">
            <a href="{{ route('izin_tamu.export_excel', $izin->id) }}"
               class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-lg text-center">
                Export Excel
            </a>
        </div>

    </div>

</div>
@endsection