@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => $title_menu])

    @php
        $userRoles = $users_rules ?? [];
        $statusColors = [
            'entry' => '#6c757d',
            'pending' => '#ffc107',
            'finish' => '#28a745',
            'draft' => '#6c757d',
            'final' => '#ffc107',
            'parsial' => '#17a2b8',
            'approve' => '#28a745',
            'reject' => '#dc3545',
            'cancel' => '#6c757d',
            'pending' => '#ffc107',
            'Pending Head' => '#ffc107',
            'Pending PPIC' => '#17a2b8',
        ];

        $rawHeaderStatus = $header->status ?? 'draft';
        if (in_array($rawHeaderStatus, ['Pending Head', 'Pending PPIC'])) {
            $headerUiStatus = 'pending';
        } elseif (in_array($rawHeaderStatus, ['approve', 'reject', 'cancel'])) {
            $headerUiStatus = $rawHeaderStatus;
        } else {
            $headerUiStatus = $rawHeaderStatus;
        }
        $headerColor = $statusColors[$headerUiStatus] ?? '#6c757d';

        $canEdit = false;
        $editLabel = 'Edit';
        $btnClass = 'btn-primary';
        $detailCollection = $details instanceof \Illuminate\Support\Collection ? $details : collect($details ?? []);
        $hasHeadRejectedDetail = $detailCollection->contains(function ($d) {
            return ($d->status ?? '') === 'reject' && !empty($d->appr_head_by) && empty($d->appr_ppic_by);
        });
        $hasDraftDetail = $detailCollection->contains(function ($d) {
            return in_array(strtolower(trim($d->status ?? '')), ['draft', 'entry', '-', '']);
        });

        if (in_array('spv', $userRoles) && ($header->status === 'entry' || $hasHeadRejectedDetail || $hasDraftDetail)) {
            $canEdit = true;
            $editLabel = 'Edit';
            $btnClass = 'btn-warning';
        } elseif (in_array('head', $userRoles) && !in_array($header->status, ['finish'])) {
            $canEdit = true;
            $editLabel = 'Tambah Lampiran';
            $btnClass = 'btn-info';
        } elseif (in_array('ppic', $userRoles) && !in_array($header->status, ['finish'])) {
            $canEdit = true;
            $editLabel = 'Edit Detail';
            $btnClass = 'btn-warning';
        } elseif (in_array('admins', $userRoles) && !in_array($header->status, ['finish'])) {
            $canEdit = true;
            $editLabel = 'Edit';
            $btnClass = 'btn-warning';
        }
    @endphp

    <div class="card shadow-lg mx-4 mt-3">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper d-flex gap-2">
                        <a href="{{ url($url_menu) }}" class="btn btn-secondary mb-0">
                            <i class="fas fa-circle-left me-1"></i><span class="font-weight-bold"> Kembali</span>
                        </a>
                        @if ($canEdit)
                            <a href="{{ url($url_menu . '/edit/' . $header->id) }}@if (in_array('head', $userRoles) && !empty($focused_detail_id)) ?detail_id={{ (int) $focused_detail_id }} @endif" class="btn {{ $btnClass }} mb-0" title="{{ $editLabel }}">
                                <i class="fas fa-edit me-1"></i><span class="font-weight-bold"> {{ $editLabel }}</span>
                            </a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-12">
                <div class="card mb-4">
                    <div class="card-header pb-0">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <h6 class="mb-1">{{ $title_menu }}</h6>
                                <p class="text-sm mb-0">No PRA PR: <strong>{{ $header->no_prapr }}</strong></p>
                            </div>
                        </div>
                    </div>

                    <div class="card-body">
                        @php
                            $userRoles = $users_rules ?? [];
                            $allDetails =
                                $details instanceof \Illuminate\Support\Collection ? $details : collect($details ?? []);

                            // Zero Inbox: filter items berdasarkan role
                            if (in_array('head', $userRoles) && !in_array('admins', $userRoles)) {
                                $renderDetails = $allDetails->filter(fn($d) => ($d->status ?? '') === 'Pending Head');
                            } elseif (in_array('ppic', $userRoles) && !in_array('admins', $userRoles)) {
                                $renderDetails = $allDetails->filter(
                                    fn($d) => in_array($d->status ?? '', ['Pending PPIC', 'parsial']),
                                );
                            } else {
                                // SPV / Admin: tampilkan semua
                                $renderDetails = $allDetails;
                            }

                            $hasActionableItems = $renderDetails->isNotEmpty();
                            $detailColspan = in_array('spv', $userRoles) ? 11 : 9;
                        @endphp

                        {{-- Header Info --}}
                        <div class="row mb-3">
                            <div class="col-md-4">
                                <small class="text-muted d-block mb-1">Tanggal Pengajuan</small>
                                <p class="text-sm font-weight-bold mb-0">
                                    <i class="far fa-calendar-alt me-1"></i>
                                    {{ date('d M Y', strtotime($header->tanggal_pengajuan)) }}
                                </p>
                            </div>
                            <div class="col-md-4">
                                <small class="text-muted d-block mb-1">Departemen</small>
                                <p class="text-sm font-weight-bold mb-0">
                                    <i class="fas fa-building me-1"></i>
                                    {{ $header->departemen?->nama_departemen ?? '-' }}
                                </p>
                            </div>
                            <div class="col-md-4">
                                <small class="text-muted d-block mb-1">Pemohon</small>
                                <p class="text-sm font-weight-bold mb-0">
                                    <i class="far fa-user me-1"></i>
                                    {{ $user_name }}
                                </p>
                            </div>
                        </div>

                        <hr class="my-4">

                        {{-- Detail Items --}}
                        <div class="d-flex align-items-center justify-content-between mb-3">
                            <h6 class="mb-0">
                                Detail Items
                                @if ($hasActionableItems)
                                    <span class="badge bg-primary ms-2">{{ $renderDetails->count() }}</span>
                                @endif
                            </h6>
                        </div>
                        @if (!$hasActionableItems)
                            <div class="alert alert-light border text-center py-4" role="alert">
                                <i class="fas fa-check-circle text-success fa-2x mb-3 d-block"></i>
                                <h6 class="text-dark font-weight-bold">Tidak ada item yang memerlukan persetujuan Anda</h6>
                                <p class="text-sm text-muted mb-0">
                                    Semua item pada dokumen ini sudah diproses atau belum menjadi wewenang Anda.<br>
                                    Item yang sudah diproses dapat dilihat pada menu <strong>History</strong>.
                                </p>
                            </div>
                        @else
                            <div class="table-responsive p-0">
                                <table class="table align-items-center mb-0">
                                    <thead class="thead-light" style="background-color: #00b7bd4f;">
                                        <tr>
                                            <th class="font-weight-bolder ps-2" width="5%"></th>
                                            <th class="font-weight-bolder ps-2">Jenis</th>
                                            <th class="font-weight-bolder ps-2">No Order</th>
                                            <th class="font-weight-bolder ps-2">No Aset</th>
                                            <th class="font-weight-bolder ps-2">Barang</th>
                                            <th class="text-center font-weight-bolder">Qty</th>
                                            <th class="text-center font-weight-bolder">Tanggal Dibutuhkan</th>
                                            <th class="text-center font-weight-bolder">Status</th>
                                            @if (isset($users_rules) && in_array('spv', $users_rules))
                                                <th class="text-center font-weight-bolder">Persetujuan Head</th>
                                                <th class="text-center font-weight-bolder">Persetujuan PPIC</th>
                                            @endif
                                            <th class="text-center font-weight-bolder">Aksi</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($renderDetails as $detail)
                                            {{-- BARIS UTAMA --}}
                                            <tr class="cursor-pointer border-bottom"
                                                onclick="toggleRow('row_{{ $detail->id }}', 'icon_{{ $detail->id }}')">
                                                <td class="align-middle text-center">
                                                    <button class="btn btn-link btn-sm mb-0 p-0 text-secondary">
                                                        <i id="icon_{{ $detail->id }}"
                                                            class="fas fa-chevron-right text-sm"></i>
                                                    </button>
                                                </td>
                                                <td>
                                                    <span class="text-secondary text-sm font-weight-bold">
                                                        {{ strtoupper($detail->jenis_referensi ?? '-') }}
                                                    </span>
                                                </td>
                                                <td>
                                                    <span class="text-secondary text-sm font-weight-bold">
                                                        {{ $detail->no_order ?? '-' }}
                                                    </span>
                                                </td>
                                                <td>
                                                    <span class="text-secondary text-sm font-weight-bold">
                                                        {{ $detail->no_aset ?? '-' }}
                                                    </span>
                                                </td>
                                                <td>
                                                    <div class="d-flex flex-column justify-content-center">
                                                        <h6 class="mb-0 text-sm text-dark">{{ $detail->nama_barang }}</h6>
                                                    </div>
                                                </td>
                                                <td class="align-middle text-center">
                                                    <span
                                                        class="text-secondary text-sm font-weight-bold">{{ $detail->qty }}
                                                        {{ $detail->satuan_nama }}</span>
                                                </td>
                                                <td class="align-middle text-center">
                                                    <span class="text-secondary text-sm font-weight-bold">
                                                        {{ $detail->tanggal_dibutuhkan ? date('d/m/Y', strtotime($detail->tanggal_dibutuhkan)) : '-' }}</span>
                                                </td>
                                                <td class="align-middle text-center">
                                                    @php
                                                        $statusColors = [
                                                            'entry' => '#6c757d',
                                                            'pending' => '#ffc107',
                                                            'finish' => '#28a745',
                                                            'draft' => '#6c757d',
                                                            'parsial' => '#17a2b8',
                                                            'approve' => '#28a745',
                                                            'reject' => '#dc3545',
                                                            'cancel' => '#6c757d',
                                                            'Pending Head' => '#ffc107',
                                                            'Pending PPIC' => '#ffc107',
                                                        ];
                                                        $rawDetailStatus = $detail->status ?? 'draft';
                                                        $badgeColor = $statusColors[$rawDetailStatus] ?? '#6c757d';

                                                        // Untuk Head/PPIC: tampilkan "Pending" saja (bukan "Pending Head"/"Pending PPIC")
                                                        $displayStatus = in_array($rawDetailStatus, [
                                                            'Pending Head',
                                                            'Pending PPIC',
                                                        ])
                                                            ? 'Pending'
                                                            : $rawDetailStatus;
                                                    @endphp
                                                    <span class="badge badge-sm"
                                                        style="background-color: {{ $badgeColor }}; color: white;">
                                                        {{ strtoupper($displayStatus) }}
                                                    </span>
                                                </td>
                                                @if (isset($users_rules) && in_array('spv', $users_rules))
                                                    <td class="align-middle text-center">
                                                        @php
                                                            $headApprovalStatus = 'Pending Head';
                                                            $headApprovalColor = '#ffc107';
                                                            if (($detail->status ?? '') === 'reject' && !empty($detail->appr_head_by) && empty($detail->appr_ppic_by)) {
                                                                $headApprovalStatus = 'Reject';
                                                                $headApprovalColor = '#dc3545';
                                                            } elseif (($detail->status ?? '') === 'cancel' && !empty($detail->appr_head_by)) {
                                                                $headApprovalStatus = 'Cancel';
                                                                $headApprovalColor = '#6c757d';
                                                            } elseif (!empty($detail->appr_head_by)) {
                                                                $headApprovalStatus = 'Approve';
                                                                $headApprovalColor = '#28a745';
                                                            } elseif (strtolower(trim((string) ($detail->status ?? ''))) === 'draft') {
                                                                $headApprovalStatus = 'Draft';
                                                                $headApprovalColor = '#6c757d';
                                                            }
                                                        @endphp
                                                        <span class="badge badge-sm"
                                                            style="background-color: {{ $headApprovalColor }}; color: white;">
                                                            {{ strtoupper($headApprovalStatus) }}
                                                        </span>
                                                        @if ($detail->appr_head_by)
                                                            <div class="text-sm text-secondary mt-1 font-weight-bold">
                                                                {{ $detail->appr_head_by }}
                                                            </div>
                                                        @endif
                                                    </td>
                                                    <td class="align-middle text-center">
                                                        @php
                                                            $ppicApprovalStatus = '-';
                                                            $ppicApprovalColor = '#6c757d';
                                                            if (empty($detail->appr_head_by) && in_array($detail->status ?? '', ['draft', 'Pending Head'])) {
                                                                $ppicApprovalStatus = '-';
                                                            } elseif (in_array($detail->status ?? '', ['Pending PPIC', 'parsial'])) {
                                                                $ppicApprovalStatus = 'Pending PPIC';
                                                                $ppicApprovalColor = '#ffc107';
                                                            } elseif (($detail->status ?? '') === 'reject' && !empty($detail->appr_ppic_by)) {
                                                                $ppicApprovalStatus = 'Reject';
                                                                $ppicApprovalColor = '#dc3545';
                                                            } elseif (!empty($detail->appr_ppic_by) || in_array($detail->status ?? '', ['approve', 'finish'])) {
                                                                $ppicApprovalStatus = 'Approve';
                                                                $ppicApprovalColor = '#28a745';
                                                            }
                                                        @endphp
                                                        @if ($ppicApprovalStatus === '-')
                                                            <span class="text-muted fst-italic">-</span>
                                                        @else
                                                            <span class="badge badge-sm"
                                                                style="background-color: {{ $ppicApprovalColor }}; color: white;">
                                                                {{ strtoupper($ppicApprovalStatus) }}
                                                            </span>
                                                            @if ($detail->appr_ppic_by)
                                                                <div class="text-sm text-secondary mt-1 font-weight-bold">
                                                                    {{ $detail->appr_ppic_by }}
                                                                </div>
                                                            @endif
                                                        @endif
                                                    </td>
                                                @endif
                                                <td class="align-middle text-center" onclick="event.stopPropagation()">
                                                    {{-- Action Buttons (Approval) --}}
                                                    @php
                                                        $canApprove = false;
                                                        $rules = $users_rules ?? [];
                                                        $detailStatusNormalized = strtolower(
                                                            trim($detail->status ?? ''),
                                                        );
                                                        $canDeleteDetailSpv =
                                                            in_array('spv', $rules) &&
                                                            ((in_array($detailStatusNormalized, [
                                                                '',
                                                                '-',
                                                                'draft',
                                                                'entry',
                                                            ]) &&
                                                                empty($detail->appr_head_by) &&
                                                                empty($detail->appr_ppic_by)) ||
                                                                ($detailStatusNormalized === 'reject' &&
                                                                    !empty($detail->appr_head_by) &&
                                                                    empty($detail->appr_ppic_by)));
                                                        if (
                                                            in_array('head', $rules) &&
                                                            $detail->status == 'Pending Head'
                                                        ) {
                                                            $canApprove = true;
                                                        } elseif (
                                                            in_array('ppic', $rules) &&
                                                            in_array($detail->status, ['Pending PPIC', 'parsial'])
                                                        ) {
                                                            $canApprove = true;
                                                        } elseif (in_array('admins', $rules)) {
                                                            $canApprove = true;
                                                        }
                                                    @endphp


                                                    @php
                                                        $showCancelHead =
                                                            in_array('head', $rules) &&
                                                            $detail->status == 'Pending Head';
                                                    @endphp

                                                    @if ($canApprove && !in_array($detail->status, ['approve', 'reject', 'cancel']))
                                                        <button type="button" class="btn btn-success btn-sm mb-0 px-3"
                                                            title="Setujui"
                                                            onclick="handleApproveReject('approve', {{ $detail->id }})">
                                                            <i class="fas fa-check me-1"></i><span class="font-weight-bold"> Setujui</span>
                                                        </button>
                                                        <button type="button" class="btn btn-danger btn-sm mb-0 px-3" title="Tolak"
                                                            onclick="handleApproveReject('reject', {{ $detail->id }})">
                                                            <i class="fas fa-times me-1"></i><span class="font-weight-bold"> Tolak</span>
                                                        </button>
                                                        @if ($showCancelHead)
                                                            <button type="button" class="btn btn-secondary btn-sm mb-0 px-3"
                                                                title="Batalkan"
                                                                onclick="handleApproveReject('cancel', {{ $detail->id }})">
                                                                <i class="fas fa-ban me-1"></i><span class="font-weight-bold"> Cancel</span>
                                                            </button>
                                                        @endif
                                                    @elseif ($canDeleteDetailSpv)
                                                        <button type="button" class="btn btn-danger btn-sm mb-0 px-3"
                                                            title="Hapus item"
                                                            onclick="handleDeleteDetail({{ $detail->id }})">
                                                            <i class="fas fa-trash me-1"></i><span class="font-weight-bold"> Hapus</span>
                                                        </button>
                                                    @else
                                                        @if (in_array($detail->status, ['approve', 'finish', 'parsial']))
                                                            <span class="text-success text-lg" title="Disetujui">
                                                                <i class="fas fa-check-circle"></i>
                                                            </span>
                                                        @elseif($detail->status == 'reject')
                                                            <span class="text-danger text-lg" title="Ditolak">
                                                                <i class="fas fa-times-circle"></i>
                                                            </span>
                                                        @elseif($detail->status == 'cancel')
                                                            <span class="text-secondary text-lg" title="Dibatalkan">
                                                                <i class="fas fa-ban"></i>
                                                            </span>
                                                        @else
                                                            <span class="text-secondary">-</span>
                                                        @endif
                                                    @endif
                                                </td>
                                            </tr>

                                            {{-- BARIS DETAIL (TERSEMBUNYI) --}}
                                            <tr id="row_{{ $detail->id }}" class="bg-gray-100 d-none">
                                                <td colspan="{{ $detailColspan }}" class="p-4">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <h6
                                                                class="text-uppercase text-sm font-weight-bolder text-muted mb-2">
                                                                Deskripsi</h6>
                                                            <p
                                                                class="text-sm text-dark mb-0 bg-white p-2 border-radius-md border">
                                                                {{ $detail->deskripsi ?? 'Tidak ada deskripsi tambahan.' }}
                                                            </p>
                                                            @if (in_array($detail->status, ['reject', 'cancel']) && !empty($detail->catatan))
                                                                <h6
                                                                    class="text-uppercase text-sm font-weight-bolder text-danger mt-3 mb-2">
                                                                    Catatan Keputusan</h6>
                                                                <p
                                                                    class="text-sm text-danger mb-0 bg-white p-2 border-radius-md border border-danger">
                                                                    {{ $detail->catatan }}
                                                                </p>
                                                            @endif
                                                        </div>
                                                        <div class="col-md-6 mt-3 mt-md-0">
                                                            <h6
                                                                class="text-uppercase text-sm font-weight-bolder text-muted mb-2">
                                                                Lampiran File</h6>
                                                            @php
                                                                $files = DB::table('trs_pr_lampiran')
                                                                    ->where('id_pr_detail', $detail->id)
                                                                    ->where('isactive', '1')
                                                                    ->get();
                                                            @endphp
                                                            @if ($files->count() > 0)
                                                                <div class="list-group">
                                                                    @foreach ($files as $f)
                                                                        <a href="{{ url($f->path) }}" target="_blank"
                                                                            class="list-group-item list-group-item-action d-flex align-items-center p-2 border-0 mb-1 bg-white border-radius-md shadow-sm">
                                                                            <div
                                                                                class="icon icon-shape icon-xs bg-gradient-dark shadow text-center border-radius-sm me-2">
                                                                                <i class="fas fa-file-pdf text-white opacity-10"
                                                                                    style="font-size: 10px;"></i>
                                                                            </div>
                                                                            <div class="d-flex flex-column">
                                                                                <span
                                                                                    class="text-sm font-weight-bold text-dark">{{ Str::limit($f->nama_file, 25) }}</span>
                                                                            </div>
                                                                            <i
                                                                                class="fas fa-download text-secondary text-sm ms-auto"></i>
                                                                        </a>
                                                                    @endforeach
                                                                </div>
                                                            @else
                                                                <span class="text-sm text-muted fst-italic">Tidak ada
                                                                    lampiran.</span>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @endif

                        <script>
                            function toggleRow(rowId, iconId) {
                                var row = document.getElementById(rowId);
                                var icon = document.getElementById(iconId);
                                if (!row) return;
                                var isHidden = row.classList.contains('d-none');
                                if (isHidden) {
                                    row.classList.remove('d-none');
                                    if (icon) {
                                        icon.classList.remove('fa-chevron-right');
                                        icon.classList.add('fa-chevron-down');
                                    }
                                } else {
                                    row.classList.add('d-none');
                                    if (icon) {
                                        icon.classList.remove('fa-chevron-down');
                                        icon.classList.add('fa-chevron-right');
                                    }
                                }
                            }

                            function handleDeleteDetail(detailId) {
                                Swal.fire({
                                    title: 'Hapus item ini?',
                                    text: 'Item akan dihapus dari daftar barang pada PR ini.',
                                    icon: 'warning',
                                    showCancelButton: true,
                                    confirmButtonText: 'Ya, Hapus',
                                    cancelButtonText: 'Batal',
                                    confirmButtonColor: '#dc3545',
                                    cancelButtonColor: '#6c757d'
                                }).then((result) => {
                                    if (!result.isConfirmed) {
                                        return;
                                    }

                                    Swal.fire({
                                        title: 'Memproses...',
                                        text: 'Sedang menghapus item.',
                                        allowOutsideClick: false,
                                        allowEscapeKey: false,
                                        didOpen: () => {
                                            Swal.showLoading();
                                        }
                                    });

                                    const formData = new FormData();
                                    formData.append('action', 'delete_detail');
                                    formData.append('_method', 'PUT');

                                    fetch(`{{ url($url_menu) }}/${detailId}`, {
                                            method: 'POST',
                                            body: formData,
                                            headers: {
                                                'X-Requested-With': 'XMLHttpRequest',
                                                'Accept': 'application/json',
                                                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute(
                                                    'content')
                                            }
                                        })
                                        .then(response => {
                                            if (!response.ok) {
                                                return response.json().then(data => {
                                                    throw new Error(data.message || 'Terjadi kesalahan pada server');
                                                });
                                            }
                                            return response.json();
                                        })
                                        .then(data => {
                                            if (data.success) {
                                                Swal.fire({
                                                    icon: 'success',
                                                    title: 'Berhasil!',
                                                    text: data.message || 'Item berhasil dihapus.',
                                                    confirmButtonColor: '#198754'
                                                }).then(() => {
                                                    window.location.reload();
                                                });
                                            } else {
                                                Swal.fire({
                                                    icon: 'error',
                                                    title: 'Gagal!',
                                                    text: data.message || 'Terjadi kesalahan.',
                                                    confirmButtonColor: '#dc3545'
                                                });
                                            }
                                        })
                                        .catch(error => {
                                            console.error('Error:', error);
                                            Swal.fire({
                                                icon: 'error',
                                                title: 'Error!',
                                                text: error.message || 'Terjadi kesalahan saat memproses request.',
                                                confirmButtonColor: '#dc3545'
                                            });
                                        });
                                });
                            }
                        </script>

                        <!-- SweetAlert2 for approve/reject confirmations -->
                        <script>
                            // Handle Approve/Reject/Cancel with SweetAlert + UPDATE method (PUT/PATCH)
                            function handleApproveReject(action, detailId) {
                                const configMap = {
                                    approve: {
                                        title: 'Setujui item ini?',
                                        text: 'Item akan disetujui dan dilanjutkan ke tahap berikutnya.',
                                        icon: 'question',
                                        confirmText: 'Ya, Setujui',
                                        confirmColor: '#198754',
                                        processingText: 'Sedang menyimpan approval item.',
                                        successText: 'Item berhasil diapprove.',
                                        requireNote: false,
                                        noteLabel: ''
                                    },
                                    reject: {
                                        title: 'Tolak item ini?',
                                        text: 'Item akan ditolak namun masih dapat direvisi oleh pengaju.',
                                        icon: 'warning',
                                        confirmText: 'Ya, Tolak',
                                        confirmColor: '#dc3545',
                                        processingText: 'Sedang menyimpan penolakan item.',
                                        successText: 'Item berhasil ditolak.',
                                        requireNote: true,
                                        noteLabel: 'penolakan'
                                    },
                                    cancel: {
                                        title: 'Cancel item ini?',
                                        text: 'Item akan dibatalkan dan tidak dilanjutkan ke PPIC.',
                                        icon: 'warning',
                                        confirmText: 'Ya, Cancel',
                                        confirmColor: '#6c757d',
                                        processingText: 'Sedang menyimpan pembatalan item.',
                                        successText: 'Item berhasil dibatalkan.',
                                        requireNote: true,
                                        noteLabel: 'cancel'
                                    }
                                };

                                const current = configMap[action] || configMap.approve;

                                const swalConfig = {
                                    title: current.title,
                                    text: current.text,
                                    icon: current.icon,
                                    showCancelButton: true,
                                    confirmButtonText: current.confirmText,
                                    cancelButtonText: 'Batal',
                                    confirmButtonColor: current.confirmColor,
                                    cancelButtonColor: '#6c757d'
                                };

                                if (current.requireNote) {
                                    swalConfig.input = 'textarea';
                                    swalConfig.inputLabel = 'Alasan ' + current.noteLabel;
                                    swalConfig.inputPlaceholder = 'Tuliskan alasan ' + current.noteLabel + ' item...';
                                    swalConfig.inputAttributes = {
                                        'aria-label': 'Alasan ' + current.noteLabel
                                    };
                                    swalConfig.inputValidator = (value) => {
                                        if (!value || !value.trim()) {
                                            return 'Alasan ' + current.noteLabel + ' wajib diisi';
                                        }
                                    };
                                }

                                Swal.fire(swalConfig).then((result) => {
                                    if (result.isConfirmed) {
                                        Swal.fire({
                                            title: 'Memproses...',
                                            text: current.processingText,
                                            allowOutsideClick: false,
                                            allowEscapeKey: false,
                                            didOpen: () => {
                                                Swal.showLoading();
                                            }
                                        });

                                        // Submit via UPDATE (PUT) method
                                        const formData = new FormData();
                                        formData.append('action', action);
                                        formData.append('_method', 'PUT');
                                        if (current.requireNote) {
                                            formData.append('catatan', result.value ? result.value.trim() : '');
                                        }

                                        fetch(`{{ url($url_menu) }}/${detailId}`, {
                                                method: 'POST',
                                                body: formData,
                                                headers: {
                                                    'X-Requested-With': 'XMLHttpRequest',
                                                    'Accept': 'application/json',
                                                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute(
                                                        'content')
                                                }
                                            })
                                            .then(response => {
                                                if (!response.ok) {
                                                    return response.json().then(data => {
                                                        throw new Error(data.message || 'Terjadi kesalahan pada server');
                                                    });
                                                }
                                                return response.json();
                                            })
                                            .then(data => {
                                                if (data.success) {
                                                    Swal.fire({
                                                        icon: 'success',
                                                        title: 'Berhasil!',
                                                        text: data.message || current.successText,
                                                        confirmButtonColor: '#198754'
                                                    }).then(() => {
                                                        window.location.href = '{{ url($url_menu) }}';
                                                    });
                                                } else {
                                                    Swal.fire({
                                                        icon: 'error',
                                                        title: 'Gagal!',
                                                        text: data.message || 'Terjadi kesalahan.',
                                                        confirmButtonColor: '#dc3545'
                                                    });
                                                }
                                            })
                                            .catch(error => {
                                                console.error('Error:', error);
                                                Swal.fire({
                                                    icon: 'error',
                                                    title: 'Error!',
                                                    text: error.message || 'Terjadi kesalahan saat memproses request.',
                                                    confirmButtonColor: '#dc3545'
                                                });
                                            });
                                    }
                                });
                            }
                        </script>

                        {{-- Footer Info --}}
                        <div class="row mt-4">
                            <div class="col-12 text-end">
                                <small class="text-muted">
                                    Terakhir diupdate: {{ date('d M Y H:i', strtotime($header->updated_at)) }}
                                    @if ($header->user_update)
                                        oleh <strong>{{ $updated_by_name }}</strong>
                                    @endif
                                </small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection