@extends('layouts.app')
@section('title', 'SOP Umum')
@section('page_title', '📄 SOP Umum')
@section('back_url', route('sop.hub'))

@section('content')

    {{-- TAB NAVIGATION --}}
    <div class="d-flex gap-2 mb-4">
        <a href="{{ route('sop.umum.index', 'sebelum') }}"
            class="btn btn-sm {{ $jenis === 'sebelum' ? 'btn-success' : 'btn-outline-success' }} rounded-pill">
            Sebelum Aktiviti
        </a>
        <a href="{{ route('sop.umum.index', 'semasa') }}"
            class="btn btn-sm {{ $jenis === 'semasa' ? 'btn-success' : 'btn-outline-success' }} rounded-pill">
            Semasa Aktiviti
        </a>
        <a href="{{ route('sop.umum.index', 'selepas') }}"
            class="btn btn-sm {{ $jenis === 'selepas' ? 'btn-success' : 'btn-outline-success' }} rounded-pill">
            Selepas Aktiviti
        </a>
    </div>

    {{-- MAP JENIS KE NAMA FILE --}}
    @php
        $pdfMap = [
            'sebelum' => 'sop_sebelum.pdf',
            'semasa' => 'sop_semasa.pdf',
            'selepas' => 'sop_selepas.pdf',
        ];

        $pdfFile = $pdfMap[$jenis] ?? null;

        $pdfPath = $pdfFile ? request()->getSchemeAndHttpHost() . '/pdfs/sop/umum/' . $pdfFile : null;

        $pdfExists = $pdfFile && file_exists(public_path('pdfs/sop/umum/' . $pdfFile));
    @endphp

    {{-- PAPAR PDF --}}

    @if ($pdfExists)
        <div style="background:#fff;border-radius:12px;border:1px solid #eee;padding:16px;">
            <div class="d-flex justify-content-between align-items-center mb-3">
                <span style="font-size:13px;color:#888;">
                    📄 {{ $pdfFile }}
                </span>
                <a href="{{ $pdfPath }}" download
                    style="background:#3a6b20;color:white;border-radius:8px;padding:7px 16px;font-size:12px;text-decoration:none;">
                    ⬇️ Muat Turun
                </a>
            </div>
            <iframe src="{{ $pdfPath }}" style="width:100%;height:82vh;border:none;border-radius:8px;"
                title="{{ $pdfFile }}">
                <p>Browser anda tidak menyokong paparan PDF.
                    <a href="{{ $pdfPath }}">Klik sini untuk muat turun.</a>
                </p>
            </iframe>
        </div>
    @else
        <div class="text-center py-5" style="background:#fff;border-radius:12px;border:1px solid #eee;">
            <p style="font-size:40px">📄</p>
            <p style="color:#888;font-size:13px;">
                PDF untuk bahagian <strong>{{ ucfirst($jenis) }}</strong> belum tersedia.
            </p>
            <p style="color:#aaa;font-size:12px;">
                Sila letak fail PDF di: <code>public/pdfs/sop/umum/{{ $pdfFile }}</code>
            </p>
        </div>
    @endif

@endsection