@extends('layouts.app')

@section('title', 'Detail Usulan SHS')

@section('content')
    @php
        // Deteksi role user login
        $isUkpd = auth()->user()->role === 'staff_ukpd';

        // Route Dynamic Mapping
        $routeIndex = $isUkpd ? route('ukpd.staf.usulan.index') : route('skpd.staf.usulan-shs.index');
        $routeEdit = $isUkpd
            ? route('ukpd.staf.usulan.edit', $usulan->id)
            : route('skpd.staf.usulan-shs.edit', $usulan->id);

        // Kuncian status edit dinamis
        $lockedStatuses = $isUkpd
            ? [
                'menunggu_konfirmasi_skpd',
                'menunggu_verifikasi',
                'proses_verifikasi',
                'menunggu_validasi',
                'validasi_success',
                'disetujui',
            ]
            : ['menunggu_verifikasi', 'proses_verifikasi', 'menunggu_validasi', 'validasi_success', 'disetujui'];

        $canEdit = !in_array(strtolower($usulan->status ?? ''), $lockedStatuses);

        // Track Verifikasi Dua Pintu
        $bpadSudahVerif = (bool) $usulan->is_verifikasi_bpad;
        $bpkdSudahVerif = (bool) $usulan->is_verifikasi_bpkd;

        // Ambil catatan dari semua kemungkinan nama kolom di database
        $pesanPenolakan =
            $usulan->catatan_penolakan ??
            ($usulan->catatan_bpad ??
                ($usulan->catatan_bpkd ?? ($usulan->alasan_penolakan ?? ($usulan->catatan_verifikasi ?? null))));

        // Cek status tertolak
        $statusStr = strtolower($usulan->status ?? '');
        $isStatusTertolak =
            str_contains($statusStr, 'tertolak') ||
            str_contains($statusStr, 'ditolak') ||
            str_contains($statusStr, 'revisi');

        // Audit Trail Penolak
        $penolakName = $usulan->rejectedByUser->name ?? null;
        $roleLabels = [
            'staff_bpkd' => 'Staff BPKD',
            'staff_bpad' => 'Staff BPAD',
            'staff_skpd' => 'Staff SKPD',
            'ka_skpd' => 'Kepala SKPD',
        ];
        $penolakRole = $roleLabels[$usulan->rejected_by_role ?? ''] ?? 'Verifikator';
    @endphp

    <div class="max-w-3xl mx-auto space-y-6">

        {{-- Header & Action Button --}}
        <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4 pb-4 border-b border-gray-200">
            <div>
                <div class="flex items-center gap-2 mb-1">
                    <h1 class="text-2xl font-bold text-slate-900">Detail Rincian Usulan SHS</h1>
                    <span
                        class="px-2.5 py-0.5 rounded-full text-xs font-bold uppercase border {{ $usulan->status_info['class'] ?? 'bg-rose-100 text-rose-800 border-rose-200' }}">
                        {{ $usulan->status_info['label'] ?? str_replace('_', ' ', $usulan->status) }}
                    </span>
                </div>
                <p class="text-sm text-gray-500">Uraian Barang: <strong
                        class="text-slate-800">{{ $usulan->uraian_barang }}</strong></p>
            </div>

            <div class="flex items-center gap-2 shrink-0">
                @if ($canEdit)
                    <a href="{{ $routeEdit }}"
                        class="px-4 py-2 bg-amber-600 hover:bg-amber-700 text-white text-sm font-semibold rounded-lg flex items-center gap-2 transition-all shadow">
                        <i class="fa-solid fa-pen-to-square"></i> Edit Usulan
                    </a>
                @endif
                <a href="{{ $routeIndex }}"
                    class="px-4 py-2 bg-slate-100 hover:bg-slate-200 text-slate-700 text-sm font-semibold rounded-lg flex items-center gap-2 transition-all border">
                    <i class="fa-solid fa-arrow-left"></i> Kembali
                </a>
            </div>
        </div>

        {{-- KOTAK ALASAN PENOLAKAN DARI BPAD / BPKD / SKPD --}}
        @if ($isStatusTertolak)
            <div class="p-4 bg-rose-50 border-l-4 border-rose-500 text-rose-800 rounded-r-xl shadow-sm space-y-1">
                <p class="text-xs font-bold uppercase tracking-wider flex items-center gap-1.5 text-rose-900">
                    <i class="fa-solid fa-circle-exclamation text-rose-600 text-sm"></i> Catatan Penolakan:
                </p>
                @if ($penolakName)
                    <p class="text-xs text-rose-800 font-bold">
                        Ditolak Oleh: {{ $penolakName }} ({{ $penolakRole }})
                    </p>
                @endif
                <p class="text-sm text-rose-900 italic font-medium leading-relaxed">
                    "{{ $pesanPenolakan ?: 'Pemeriksa tidak meninggalkan catatan tertulis.' }}"
                </p>
            </div>
        @endif

        {{-- Indikator Verifikasi Dua Pintu (BPAD & BPKD) --}}
        <div class="bg-slate-50 rounded-xl p-4 border border-slate-200 shadow-sm">
            <span class="text-xs font-bold text-slate-700 uppercase tracking-wider block mb-3">
                <i class="fa-solid fa-shield-halved text-blue-600 mr-1"></i> Progres Verifikasi Dua Pintu
            </span>
            <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
                {{-- Status BPAD --}}
                <div class="flex items-center justify-between p-3 rounded-lg border bg-white shadow-sm">
                    <div class="flex items-center gap-2">
                        <i class="fa-solid fa-building-shield text-slate-600"></i>
                        <div>
                            <p class="text-xs font-bold text-slate-800">Verifikasi Staff BPAD</p>
                            @if ($bpadSudahVerif)
                                <p class="text-[10px] text-gray-400">Oleh:
                                    {{ $usulan->verifikatorBpad->name ?? 'Staff BPAD' }}</p>
                            @endif
                        </div>
                    </div>
                    @if ($bpadSudahVerif)
                        <span
                            class="px-2.5 py-0.5 rounded-full text-[10px] font-bold bg-emerald-100 text-emerald-800 border border-emerald-200">
                            <i class="fa-solid fa-check mr-1"></i> Disetujui
                        </span>
                    @else
                        <span
                            class="px-2.5 py-0.5 rounded-full text-[10px] font-bold bg-amber-100 text-amber-800 border border-amber-200">
                            Menunggu
                        </span>
                    @endif
                </div>

                {{-- Status BPKD --}}
                <div class="flex items-center justify-between p-3 rounded-lg border bg-white shadow-sm">
                    <div class="flex items-center gap-2">
                        <i class="fa-solid fa-landmark text-slate-600"></i>
                        <div>
                            <p class="text-xs font-bold text-slate-800">Verifikasi Staff BPKD</p>
                            @if ($bpkdSudahVerif)
                                <p class="text-[10px] text-gray-400">Oleh:
                                    {{ $usulan->verifikatorBpkd->name ?? 'Staff BPKD' }}</p>
                            @endif
                        </div>
                    </div>
                    @if ($bpkdSudahVerif)
                        <span
                            class="px-2.5 py-0.5 rounded-full text-[10px] font-bold bg-emerald-100 text-emerald-800 border border-emerald-200">
                            <i class="fa-solid fa-check mr-1"></i> Disetujui
                        </span>
                    @else
                        <span
                            class="px-2.5 py-0.5 rounded-full text-[10px] font-bold bg-amber-100 text-amber-800 border border-amber-200">
                            Menunggu
                        </span>
                    @endif
                </div>
            </div>
        </div>

        <div class="space-y-6">

            {{-- 1. Klasifikasi & Pengelompokan --}}
            <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-6 space-y-4">
                <h3
                    class="text-sm font-bold text-slate-800 uppercase tracking-wider flex items-center gap-2 pb-3 border-b border-gray-100">
                    <i class="fa-solid fa-layer-group text-blue-600"></i> 1. Klasifikasi & Pengelompokan
                </h3>

                <div class="space-y-3 text-sm">
                    <div class="flex justify-between border-b pb-2">
                        <span class="text-gray-500">Kategori :</span>
                        <span class="font-semibold text-slate-800">{{ $usulan->kategori_id ?? '-' }}</span>
                    </div>
                    <div class="flex justify-between">
                        <span class="text-gray-500">Detail Pengajuan :</span>
                        <span class="font-semibold text-slate-800">{{ $usulan->detail_pengajuan_id ?? '-' }}</span>
                    </div>
                </div>
            </div>

            {{-- 2. Informasi Barang & Rekening --}}
            <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-6 space-y-4">
                <h3
                    class="text-sm font-bold text-slate-800 uppercase tracking-wider flex items-center gap-2 pb-3 border-b border-gray-100">
                    <i class="fa-solid fa-boxes-stacked text-blue-600"></i> 2. Informasi Barang & Rekening
                </h3>

                <div class="space-y-3 text-sm">
                    <div class="flex justify-between border-b pb-2">
                        <span class="text-gray-500">Kode Barang :</span>
                        <span class="font-mono font-bold text-slate-800">{{ $usulan->kode_barang ?? '-' }}</span>
                    </div>
                    <div class="flex justify-between border-b pb-2">
                        <span class="text-gray-500">Nama Kelompok Barang/Jasa:</span>
                        <span class="font-semibold text-slate-800">{{ $usulan->nama_kelompok ?? '-' }}</span>
                    </div>
                    <div class="flex justify-between border-b pb-2">
                        <span class="text-gray-500">Kode Rekening Anggaran:</span>
                        <span class="font-mono font-semibold text-blue-600">{{ $usulan->kode_rekening ?? '-' }}</span>
                    </div>
                    <div class="flex justify-between border-b pb-2">
                        <span class="text-gray-500">Uraian Barang/Jasa:</span>
                        <span class="font-semibold text-slate-900">{{ $usulan->uraian_barang }}</span>
                    </div>
                    <div class="flex justify-between border-b pb-2">
                        <span class="text-gray-500">Spesifikasi Detail:</span>
                        <span class="font-medium text-slate-800">{{ $usulan->spesifikasi ?? '-' }}</span>
                    </div>
                    <div class="flex justify-between">
                        <span class="text-gray-500">Satuan:</span>
                        <span
                            class="px-2.5 py-0.5 bg-slate-100 font-bold text-slate-700 rounded text-xs">{{ $usulan->satuan }}</span>
                    </div>
                </div>
            </div>

            {{-- 3. Rincian Harga & TKDN --}}
            <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-6 space-y-4">
                <h3
                    class="text-sm font-bold text-slate-800 uppercase tracking-wider flex items-center gap-2 pb-3 border-b border-gray-100">
                    <i class="fa-solid fa-money-bill-wave text-blue-600"></i> 3. Rincian Harga & TKDN
                </h3>

                <div class="grid grid-cols-1 sm:grid-cols-3 gap-3 text-center">
                    <div class="p-3 bg-gray-50 rounded-xl border">
                        <p class="text-xs text-gray-500">Harga Tahun Berjalan</p>
                        <p class="font-mono font-semibold text-slate-800 mt-1">Rp
                            {{ number_format($usulan->harga_2025 ?? 0, 0, ',', '.') }}</p>
                    </div>
                    <div class="p-3 bg-gray-50 rounded-xl border">
                        <p class="text-xs text-gray-500">TKDN</p>
                        <p class="font-semibold text-slate-800 mt-1">{{ $usulan->tkdn ?? '0' }}%</p>
                    </div>
                    <div class="p-3 bg-blue-50 rounded-xl border border-blue-200">
                        <p class="text-xs font-bold text-blue-800">Usulan Harga Baru</p>
                        <p class="font-mono font-bold text-blue-700 mt-1 text-base">Rp
                            {{ number_format($usulan->usulan_harga_2026 ?? 0, 0, ',', '.') }}</p>
                    </div>
                </div>
            </div>

            {{-- 4. Dokumen Lampiran --}}
            <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-6 space-y-4">
                <h3
                    class="text-sm font-bold text-slate-800 uppercase tracking-wider flex items-center gap-2 pb-3 border-b border-gray-100">
                    <i class="fa-solid fa-file-arrow-up text-blue-600"></i> 4. Dokumen Lampiran Referensi
                </h3>

                <div class="grid grid-cols-1 sm:grid-cols-3 gap-3 text-sm">
                    @for ($i = 1; $i <= 3; $i++)
                        @php $field = 'lampiran_' . $i; @endphp
                        <div class="p-3 bg-slate-50 border rounded-lg text-center">
                            <p class="text-xs font-bold text-gray-600 mb-2">Lampiran {{ $i }}</p>
                            @if ($usulan->$field)
                                <a href="{{ asset('storage/' . $usulan->$field) }}" target="_blank"
                                    class="px-3 py-1.5 bg-blue-600 text-white rounded text-xs font-semibold inline-flex items-center gap-1 shadow hover:bg-blue-700 transition-all">
                                    <i class="fa-solid fa-download"></i> Buka File
                                </a>
                            @else
                                <span class="text-xs text-gray-400 italic">Tidak Ada File</span>
                            @endif
                        </div>
                    @endfor
                </div>
            </div>

            {{-- 5. Pengaturan & Catatan Pengusulan --}}
            <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-6 space-y-4">
                <h3
                    class="text-sm font-bold text-slate-800 uppercase tracking-wider flex items-center gap-2 pb-3 border-b border-gray-100">
                    <i class="fa-solid fa-sliders text-blue-600"></i> 5. Pengaturan & Catatan Pengusulan
                </h3>

                @if ($usulan->is_khusus_skpd)
                    <div
                        class="p-3 bg-amber-50 border border-amber-200 rounded-lg text-xs text-amber-900 flex items-center gap-2">
                        <i class="fa-solid fa-circle-exclamation text-amber-600"></i>
                        <span><strong>Status Khusus:</strong> Usulan ini khusus diperuntukkan bagi internal
                            {{ $isUkpd ? 'UKPD' : 'SKPD' }}.</span>
                    </div>
                @endif

                <div>
                    <p class="text-xs font-bold text-slate-700 uppercase mb-1">Keterangan / Alasan Pengusulan:</p>
                    <p class="p-3 bg-slate-50 rounded-lg border text-sm text-slate-600 italic">
                        {{ $usulan->keterangan ?? 'Tidak ada catatan keterangan.' }}
                    </p>
                </div>
            </div>

        </div>

    </div>
@endsection