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

{{-- Section Content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Detail Pengajuan Izin/Tugas'])

    @push('css')
        {{-- Photoswipe --}}
        <link rel="stylesheet" href="{{ asset('/') }}assets/css/photoswipe.css">

        <style>
            /* Card header styling */
            .card-header {
                background-color: #f8f9fa;
                border-bottom: 1px solid #e9ecef;
                padding: 1rem 1.5rem;
            }
        </style>
    @endpush

    @php
        \Carbon\Carbon::setLocale('id');
    @endphp

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">Detail Pengaju</h5>
                    </div>
                    {{-- Menampilkan NIK dan Nama pengaju --}}
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="nik" class="form-label">NIK</label>
                                <input type="text" id="nik" class="form-control" value="{{ $pengaju->nik }}"
                                    readonly>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="nama" class="form-label">Nama</label>
                                <input type="text" id="nama" class="form-control" value="{{ $pengaju->nama }}"
                                    readonly>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card mt-3">
                    <div class="card-header">
                        <div class="d-flex justify-content-between align-items-center">
                            <h5 class="mb-0">Detail Pengajuan Izin/Tugas</h5>
                        </div>
                    </div>
                    <div class="card-body">
                        {{-- Kategori Izin/Tugas --}}
                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <label class="form-label">Kategori Izin/Tugas</label>
                                <input type="text" class="form-control"
                                    value="{{ $permohonanPerizinan->kategori_perizinan_nama ?? 'N/A' }}" readonly>
                            </div>
                        </div>

                        {{-- ================================================================= --}}
                        {{-- SECTION UNTUK KATEGORI: IZIN (ID: 1) --}}
                        {{-- ================================================================= --}}
                        @if ($permohonanPerizinan->kategori_perizinan_id == 1)
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Jenis Izin</label>
                                    <input type="text" class="form-control"
                                        value="{{ $permohonanPerizinan->jenis_izin_nama ?? 'N/A' }}" readonly>
                                </div>
                                {{-- Tampilkan Shift Selection hanya jika ada jenis_izin --}}
                                @if (isset($permohonanPerizinan->jenis_izin_id) && $permohonanPerizinan->jenis_izin_id)
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label">Jenis Waktu Kerja</label>
                                        <input type="text" class="form-control"
                                            value="{{ $permohonanPerizinan->is_shift == 1 ? 'Shift' : 'Non-Shift' }}"
                                            readonly>
                                    </div>
                                @endif
                                @php
                                    // Set label berdasarkan jenis izin
                                    $labelJamKeluar = 'Jam Keluar';
                                    $labelJamMasuk = 'Jam Masuk';
                                    if ($permohonanPerizinan->jenis_izin_id == 1) {
                                        // Terlambat Masuk Kerja
                                        $labelJamKeluar = 'Jam Masuk Kerja';
                                        $labelJamMasuk = 'Jam Masuk Aktual';
                                    } elseif ($permohonanPerizinan->jenis_izin_id == 2) {
                                        // Izin Keluar Kantor
                                        $labelJamKeluar = 'Jam Keluar Kantor';
                                        $labelJamMasuk = 'Jam Kembali ke Kantor';
                                    } elseif ($permohonanPerizinan->jenis_izin_id == 3) {
                                        // Izin Pulang Cepat
                                        $labelJamKeluar = 'Jam Pulang Cepat';
                                        $labelJamMasuk = 'Jam Pulang Seharusnya';
                                    } elseif ($permohonanPerizinan->jenis_izin_id == 4) {
                                        // Izin Dinas
                                        $labelJamKeluar = 'Jam Keluar Kantor';
                                        $labelJamMasuk = 'Jam Kembali ke Kantor';
                                    }
                                @endphp
                            </div>
                            <div class="row">
                                <div class="col-md-12 mb-3">
                                    <label class="form-label">Alasan/Deskripsi Izin/Tugas</label>
                                    <textarea class="form-control" readonly>{{ $permohonanPerizinan->alasan ?? '-' }}</textarea>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">{{ $labelJamKeluar }}</label>
                                    <input type="text" class="form-control"
                                        value="{{ $permohonanPerizinan->jam_keluar ? \Carbon\Carbon::parse($permohonanPerizinan->jam_keluar)->isoFormat('D MMMM YYYY, HH:mm') : '-' }}"
                                        readonly>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">{{ $labelJamMasuk }}</label>
                                    <input type="text" class="form-control"
                                        value="{{ $permohonanPerizinan->jam_masuk ? \Carbon\Carbon::parse($permohonanPerizinan->jam_masuk)->isoFormat('D MMMM YYYY, HH:mm') : '-' }}"
                                        readonly>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Check Out</label>
                                    <input type="text" class="form-control"
                                        value="{{ $permohonanPerizinan->check_out ? \Carbon\Carbon::parse($permohonanPerizinan->check_out)->isoFormat('D MMMM YYYY, HH:mm') : '-' }}"
                                        readonly>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Check In</label>
                                    <input type="text" class="form-control"
                                        value="{{ $permohonanPerizinan->check_in ? \Carbon\Carbon::parse($permohonanPerizinan->check_in)->isoFormat('D MMMM YYYY, HH:mm') : '-' }}"
                                        readonly>
                                </div>
                            </div>

                            {{-- Tampilkan daftar karyawan jika Izin Dinas --}}
                            @if ($permohonanPerizinan->jenis_izin_id == 4 && !empty($karyawanPemohon))
                                <div class="row mt-2">
                                    <div class="col-md-12 mb-3">
                                        <label class="form-label">Karyawan yang Dipilih</label>
                                        <div class="table-responsive">
                                            <table id="karyawan_dinas_table"
                                                class="table table-bordered table-striped w-100">
                                                <thead class="thead-light" style="background-color: #00b7bd4f;">
                                                    <tr>
                                                        <th>NIK</th>
                                                        <th>Nama</th>
                                                        <th>Departemen</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($karyawanPemohon as $karyawan)
                                                        <tr>
                                                            <td>{{ $karyawan->nik }}</td>
                                                            <td>{{ $karyawan->nama }}</td>
                                                            <td>{{ $karyawan->departemen ?? 'N/A' }}</td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        @endif

                        {{-- ================================================================= --}}
                        {{-- SECTION UNTUK KATEGORI: TUGAS (ID: 2) --}}
                        {{-- ================================================================= --}}
                        @if ($permohonanPerizinan->kategori_perizinan_id == 2)
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Tipe Tugas</label>
                                    <input type="text" class="form-control"
                                        value="{{ ucfirst($permohonanPerizinan->tipe_tugas ?? 'N/A') }}" readonly>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Tujuan</label>
                                    <input type="text" class="form-control"
                                        value="{{ $permohonanPerizinan->tujuan_tugas == 'dalam_negeri' ? 'Dalam Negeri' : ($permohonanPerizinan->tujuan_tugas == 'luar_negeri' ? 'Luar Negeri' : 'Gabungan') }}"
                                        readonly>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Total Hari</label>
                                    <input type="text" class="form-control"
                                        value="{{ $permohonanPerizinan->total_hari ?? 0 }} hari" readonly>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12 mb-3">
                                    <label class="form-label">Keperluan</label>
                                    <textarea class="form-control" readonly>{{ $permohonanPerizinan->alasan ?? '-' }}</textarea>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Waktu Berangkat</label>
                                    <input type="text" class="form-control"
                                        value="{{ $permohonanPerizinan->jam_keluar ? \Carbon\Carbon::parse($permohonanPerizinan->jam_keluar)->isoFormat('D MMMM YYYY, HH:mm') : '-' }}"
                                        readonly>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Waktu Kepulangan</label>
                                    <input type="text" class="form-control"
                                        value="{{ $permohonanPerizinan->jam_masuk ? \Carbon\Carbon::parse($permohonanPerizinan->jam_masuk)->isoFormat('D MMMM YYYY, HH:mm') : '-' }}"
                                        readonly>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Check Out</label>
                                    <input type="text" class="form-control"
                                        value="{{ $permohonanPerizinan->check_out ? \Carbon\Carbon::parse($permohonanPerizinan->check_out)->isoFormat('D MMMM YYYY, HH:mm') : '-' }}"
                                        readonly>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Check In</label>
                                    <input type="text" class="form-control"
                                        value="{{ $permohonanPerizinan->check_in ? \Carbon\Carbon::parse($permohonanPerizinan->check_in)->isoFormat('D MMMM YYYY, HH:mm') : '-' }}"
                                        readonly>
                                </div>
                            </div>

                            {{-- Reorder sections: Tanggal -> Karyawan -> Rincian Tujuan --}}
                            {{-- Daftar Tanggal (dipindah ke atas) --}}
                            <h6 class="mt-4">Tanggal yang Diajukan</h6>
                            <hr class="horizontal dark mt-1 mb-3">
                            <div class="row">
                                <div class="col-md-12 mb-3">
                                    @php $dates = json_decode($tanggalArray ?? '[]', true); @endphp
                                    @if (!empty($dates))
                                        <div class="table-responsive">
                                            <table id="tanggal_table" class="table table-bordered table-striped w-100">
                                                <thead class="thead-light" style="background-color: #00b7bd4f;">
                                                    <tr>
                                                        <th class="text-center">Hari</th>
                                                        <th class="text-center">Tanggal</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($dates as $dateStr)
                                                        @php $dateObj = \Carbon\Carbon::createFromFormat('d-m-Y', $dateStr); @endphp
                                                        <tr>
                                                            <td class="text-center">{{ $dateObj->isoFormat('dddd') }}</td>
                                                            <td class="text-center">
                                                                {{ $dateObj->isoFormat('D MMMM YYYY') }}</td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    @else
                                        <p class="text-muted">Tidak ada tanggal yang diajukan.</p>
                                    @endif
                                </div>
                            </div>

                            {{-- Karyawan yang Ditugaskan (dipindah di atas rincian tujuan) --}}
                            @if (!empty($karyawanPemohon))
                                <h6 class="mt-4">Karyawan yang Ditugaskan</h6>
                                <hr class="horizontal dark mt-1 mb-3">
                                <div class="row mt-2">
                                    <div class="col-md-12 mb-3">
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-striped w-100"
                                                id="karyawan_dinas_table">
                                                <thead class="thead-light" style="background-color: #00b7bd4f;">
                                                    <tr>
                                                        <th>NIK</th>
                                                        <th>Nama</th>
                                                        <th>Departemen</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($karyawanPemohon as $karyawan)
                                                        <tr>
                                                            <td>{{ $karyawan->nik }}</td>
                                                            <td>{{ $karyawan->nama }}</td>
                                                            <td>{{ $karyawan->departemen ?? 'N/A' }}</td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            {{-- Rincian Tujuan (dipindah ke bawah) --}}
                            @php $rincianTujuan = $rincianTujuan ?? []; @endphp
                            @if (!empty($rincianTujuan))
                                <h6 class="mt-4">Rincian Tujuan</h6>
                                <hr class="horizontal dark mt-1 mb-3">
                                <div class="table-responsive">
                                    <table class="table table-bordered table-striped w-100">
                                        <thead class="thead-light" style="background-color: #00b7bd4f;">
                                            <tr>
                                                <th>Negara/Tujuan</th>
                                                <th>Status</th>
                                                <th>Keterangan</th>
                                                <th>Periode</th>
                                                <th>Jumlah Hari</th>
                                                <th>Karyawan</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($rincianTujuan as $row)
                                                <tr>
                                                    <td>{{ $row['tujuan'] ?: '-' }}</td>
                                                    <td>{{ strtoupper($row['status'] ?: '-') }}</td>
                                                    <td>{{ $row['keterangan'] ?: '-' }}</td>
                                                    <td>
                                                        @php
                                                            $mulai = $row['tanggal_mulai']
                                                                ? \Carbon\Carbon::parse(
                                                                    $row['tanggal_mulai'],
                                                                )->isoFormat('D MMM YYYY')
                                                                : '-';
                                                            $akhir = $row['tanggal_berakhir']
                                                                ? \Carbon\Carbon::parse(
                                                                    $row['tanggal_berakhir'],
                                                                )->isoFormat('D MMM YYYY')
                                                                : '-';
                                                        @endphp
                                                        {{ $mulai }} s/d {{ $akhir }}
                                                    </td>
                                                    <td>{{ $row['jumlah_hari'] ?? '-' }}</td>
                                                    <td>
                                                        @if (!empty($row['karyawan']))
                                                            @foreach ($row['karyawan'] as $k)
                                                                <span
                                                                    class="badge bg-secondary me-1">{{ $k['nama'] ?? $k['nik'] }}</span>
                                                            @endforeach
                                                        @else
                                                            -
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @endif

                            {{-- Detail Anggaran (per karyawan, mengikuti struktur edit) --}}
                            <h6 class="mt-4">Detail Anggaran per Karyawan</h6>
                            <hr class="horizontal dark mt-1 mb-3">
                            @php
                                $defaultBiaya = $defaultBiaya ?? collect();
                                $byNik = $anggaranDataForJs ?? [];
                            @endphp
                            @php $globalAnggaranTotals = []; @endphp
                            @if (!empty($byNik))
                                @foreach ($karyawanPemohon as $emp)
                                    @php
                                        $nik = $emp->nik;
                                        $row = $byNik[$nik] ?? null;
                                    @endphp
                                    @if ($row)
                                        <div class="card mb-3">
                                            <div class="card-header py-2"><strong>{{ $emp->nama }}</strong> <small
                                                    class="text-muted">({{ $emp->nik }})</small></div>
                                            <div class="card-body py-3">
                                                <div class="row">
                                                    @foreach ($defaultBiaya as $b)
                                                        @php
                                                            $vals = $row['default'][$b->id] ?? null;
                                                            if ($vals && isset($vals['currency'])) {
                                                                $vals = [$vals];
                                                            }
                                                        @endphp
                                                        @if (is_array($vals) && count($vals) > 0)
                                                            @foreach ($vals as $v)
                                                                <div class="col-md-3 mb-3">
                                                                    <label class="form-label">{{ $b->nama_biaya }}
                                                                        {{ $v['currency'] ?? 'IDR' }}</label>
                                                                    <input type="text"
                                                                        class="currency-input form-control"
                                                                        value="{{ (float) ($v['jumlah'] ?? 0) }}"
                                                                        readonly>
                                                                </div>
                                                            @endforeach
                                                        @endif
                                                    @endforeach
                                                </div>
                                                @if (!empty($row['lain']))
                                                    <div class="row">
                                                        <div class="col-12">
                                                            <label class="form-label">Biaya Lainnya</label>
                                                            <ul class="list-group">
                                                                @foreach ($row['lain'] as $lain)
                                                                    <li class="list-group-item">
                                                                        <div class="row align-items-center">
                                                                            <div class="col">
                                                                                {{ $lain['deskripsi'] ?? '-' }}
                                                                            </div>
                                                                            <div class="col-auto" style="min-width:200px;">
                                                                                <div class="input-group">
                                                                                    <input type="text" class="currency-input form-control" value="{{ (float) ($lain['jumlah'] ?? 0) }}" disabled>
                                                                                    <span class="input-group-text">{{ $lain['currency'] ?? 'IDR' }}</span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </li>
                                                                @endforeach
                                                            </ul>
                                                        </div>
                                                    </div>
                                                @endif

                                                {{-- Totals per employee (Anggaran) --}} 
                                                @php
                                                    $anggaranTotals = [];
                                                    foreach ($defaultBiaya as $b) {
                                                        $vals = $row['default'][$b->id] ?? null;
                                                        if ($vals && isset($vals['currency'])) {
                                                            $vals = [$vals];
                                                        }
                                                        if (is_array($vals) && count($vals) > 0) {
                                                            foreach ($vals as $v) {
                                                                $amount = (float) ($v['jumlah'] ?? 0);
                                                                $currency = $v['currency'] ?? 'IDR';
                                                                $anggaranTotals[$currency] = ($anggaranTotals[$currency] ?? 0) + $amount;
                                                                $globalAnggaranTotals[$currency] = ($globalAnggaranTotals[$currency] ?? 0) + $amount;
                                                            }
                                                        }
                                                    }
                                                    if (!empty($row['lain'])) {
                                                        foreach ($row['lain'] as $lain) {
                                                            $amount = (float) ($lain['jumlah'] ?? 0);
                                                            $currency = $lain['currency'] ?? 'IDR';
                                                            $anggaranTotals[$currency] = ($anggaranTotals[$currency] ?? 0) + $amount;
                                                            $globalAnggaranTotals[$currency] = ($globalAnggaranTotals[$currency] ?? 0) + $amount;
                                                        }
                                                    }
                                                @endphp

                                                @if (!empty($anggaranTotals))
                                                    <div class="mt-3">
                                                        <h6 class="mb-2">Total Anggaran {{ $emp->nama ?? $emp->nik }}</h6>
                                                        <div class="d-flex gap-2 flex-wrap">
                                                            @foreach ($anggaranTotals as $currency => $amt)
                                                                <div class="badge bg-success text-white p-2 me-2 mb-2">{{ $currency }}: {{ number_format($amt,2,',','.') }}</div>
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                    @endif
                                @endforeach

                                        {{-- Global totals Anggaran --}}
                                        @if (!empty($globalAnggaranTotals))
                                            <div class="mt-3 p-3 border rounded-3 bg-light">
                                                <h5>Total Anggaran Keseluruhan</h5>
                                                <div class="d-flex gap-2 flex-wrap">
                                                    @foreach ($globalAnggaranTotals as $currency => $amt)
                                                        <div class="badge bg-primary text-white p-2 me-2 mb-2">{{ $currency }}: {{ number_format($amt,2,',','.') }}</div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        @endif
                            @else
                                <p class="text-muted">Tidak ada rincian anggaran untuk pengajuan ini.</p>
                            @endif
                        @endif

                        {{-- ================================================================= --}}
                        {{-- SECTION BERSAMA: LAMPIRAN --}}
                        {{-- ================================================================= --}}
                        @if ($permohonanPerizinan->kategori_perizinan_id != 2)
                            <h6 class="mt-4">Lampiran</h6>
                            <hr class="horizontal dark mt-1 mb-3">
                            <div class="row">
                                <div class="col-md-12 mb-3">
                                    <div id="lampiran-preview" class="d-flex flex-wrap gap-2">
                                        @if (isset($lampiran) && !$lampiran->isEmpty())
                                            @foreach ($lampiran as $item)
                                                @if ($item->width && $item->height)
                                                    <div class="preview-item">
                                                        <a href="{{ asset('storage/' . $item->gambar_lampiran) }}"
                                                            class="lampiran-link" data-pswp-width="{{ $item->width }}"
                                                            data-pswp-height="{{ $item->height }}" target="_blank">
                                                            <img src="{{ asset('storage/' . $item->gambar_lampiran) }}"
                                                                alt="Lampiran" class="img-thumbnail"
                                                                style="width: 100px; height: 100px; object-fit: cover;">
                                                        </a>
                                                    </div>
                                                @endif
                                            @endforeach
                                        @else
                                            <div>Tidak ada lampiran yang tersedia.</div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        @endif

                        <!-- Photoswipe Root -->
                        <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
                            <div class="pswp__bg"></div>
                            <div class="pswp__scroll-wrap">
                                <div class="pswp__container">
                                    <div class="pswp__item"></div>
                                    <div class="pswp__item"></div>
                                    <div class="pswp__item"></div>
                                </div>
                                <div class="pswp__ui pswp__ui--hidden">
                                    <div class="pswp__top-bar">
                                        <div class="pswp__counter"></div>
                                        <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
                                        <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
                                        <div class="pswp__preloader">
                                            <div class="pswp__preloader__icn">
                                                <div class="pswp__preloader__cut">
                                                    <div class="pswp__preloader__donut"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pswp__caption">
                                        <div class="pswp__caption__center"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Card untuk Persetujuan oleh Atasan --}}
                        @if (!collect($persetujuanAtasan)->isEmpty())
                            <div class="card mb-4 mt-4">
                                <div class="card-header">Persetujuan oleh Atasan</div>
                                <div class="card-body">
                                    @foreach ($persetujuanAtasan as $approval)
                                        <div class="mb-3">
                                            <h6 class="card-subtitle mb-2 text-muted">On Step: {{ $approval->on_step }}
                                            </h6>
                                            <p><strong>Atasan Pemberi Keputusan:</strong>
                                                {{ $approval->atasan_pemberi_keputusan }}</p>
                                            @if ($approval->status == 'menyetujui')
                                                <p><strong>Status:</strong> <span
                                                        style="color: green; font-weight: bold;">{{ ucfirst($approval->status) }}</span>
                                                </p>
                                            @elseif ($approval->status == 'menolak')
                                                <p><strong>Status:</strong> <span
                                                        style="color: red; font-weight: bold;">{{ ucfirst($approval->status) }}</span>
                                                </p>
                                            @else
                                                <p><strong>Status:</strong> <span
                                                        style="color: gray; font-weight: bold;">{{ ucfirst($approval->status) }}</span>
                                                </p>
                                            @endif
                                            <p><strong>Catatan:</strong> {{ $approval->catatan ?? '-' }}</p>
                                            @if (!$loop->last)
                                                <hr>
                                            @endif
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        @endif

                        @if ($authorize->approval == '1')
                            <!-- Approval and Rejection Buttons -->

                            <div class="mb-4">
                                <!-- Approval and Rejection Buttons -->
                                @if ($table_status->status == 'menyetujui')
                                    <!-- Button for 'menyetujui' status -->
                                    <button type="button" class="btn btn-sm btn-secondary mb-0"
                                        onclick="showSwal('Anda telah menyetujui')">
                                        <i class="fas fa-circle"></i><span class="font-weight-bold"> Anda telah
                                            menyetujui</span></button>
                                @elseif ($table_status->status == 'menolak')
                                    <!-- Button for 'menolak' status -->
                                    <button type="button" class="btn btn-sm btn-secondary mb-0"
                                        onclick="showSwal('Anda telah menolak')">
                                        <i class="fas fa-ban"></i><span class="font-weight-bold"> Anda telah
                                            menolak</span></button>
                                @else
                                    <button type="button" class="btn btn-sm btn-primary mb-0"
                                        onclick="openModal('{{ encrypt($table_status->id) }}')" title="Setujui Data">
                                        <i class="fas fa-check"></i><span class="font-weight-bold"> Beri Keputusan</span>
                                    </button>
                                @endif
                            </div>

                            <!-- Modal untuk Konfirmasi -->
                            <div class="modal fade" id="confirmationModal" tabindex="-1"
                                aria-labelledby="confirmationModalLabel" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-centered">
                                    <div class="modal-content">
                                        <!-- Header Modal -->
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="modalTitle">Konfirmasi Keputusan</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                aria-label="Close" onclick="closeModal()"></button>
                                        </div>

                                        <!-- Body Modal -->
                                        <div class="modal-body">
                                            <label id="modalLabel" class="form-label">Catatan (Bisa dikosongkan jika anda
                                                menyetujui)</label>
                                            <textarea id="modalNote" class="form-control" rows="3" placeholder="Masukkan catatan..."></textarea>
                                        </div>

                                        <!-- Footer Modal -->
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary"
                                                onclick="closeModal()">Batal</button>
                                            <button type="button" class="btn btn-danger"
                                                onclick="submitForm('reject')">Tolak</button>
                                            <button type="button" class="btn btn-success"
                                                onclick="submitForm('approve')">Setujui</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif

                        {{-- Card untuk Persetujuan oleh feat --}}
                        <!-- @if (isset($persetujuanFeat))
                            <div class="card mb-4">
                                <div class="card-header">Persetujuan oleh Feat</div>
                                <div class="card-body">
                                    <p><strong>Status:</strong> <span
                                            style="color: {{ $persetujuanFeat->status == 'disetujui-feat' ? 'green' : ($persetujuanFeat->status == 'ditolak' ? 'red' : ($persetujuanFeat->status == 'disetujui' ? 'green' : 'gray')) }}; font-weight: bold;">{{ ucfirst($persetujuanFeat->status) }}</span>
                                    </p>
                                </div>
                            </div>
                        @endif -->

                        {{-- Card untuk Persetujuan oleh Personalia --}}
                        <div class="card mb-4">
                            <div class="card-header">Persetujuan oleh Personalia</div>
                            <div class="card-body">
                                @if ($persetujuanPersonalia->status == 'disetujui')
                                    <p><strong>Status:</strong> <span
                                            style="color: green; font-weight: bold;">Menyetujui</span></p>
                                @elseif ($persetujuanPersonalia->status == 'ditolak')
                                    <p><strong>Status:</strong> <span style="color: red; font-weight: bold;">Menolak</span>
                                    </p>
                                @else
                                    <p><strong>Status:</strong> <span style="color: gray; font-weight: bold;">Belum
                                            Memutuskan</span></p>
                                @endif
                                <p><strong>Catatan:</strong> {{ $persetujuanPersonalia->catatan_dari_personalia ?? '-' }}
                                </p>
                            </div>
                        </div>

                        {{-- Tombol Kembali --}}
                        <div class="d-flex justify-content-end">
                            <button class="btn btn-secondary me-2" onclick="history.back()">
                                <i class="fas fa-circle-left me-1"></i><span class="font-weight-bold">Kembali</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    {{-- Photoswipe --}}
    <script src="{{ asset('/') }}assets/js/photoswipe.umd.min.js"></script>
    <script src="{{ asset('/') }}assets/js/photoswipe-lightbox.umd.min.js"></script>
    {{-- Show Lampiran --}}
    <script src="{{ asset('/') }}assets/js/show_lampiran.js"></script>


    {{-- For anda telah menyetujui anda telah menolak --}}
    <script>
        function showSwal(status) {
            Swal.fire({
                title: 'Aksi telah dilakukan!',
                text: status,
                icon: 'error',
                confirmButtonText: 'OK'
            });
        }
    </script>

    {{-- Js untuk fitur memberi keputusan --}}
    <script>
        function openModal(primary) {
            // Set modal title and label content
            document.getElementById('modalTitle').innerText = 'Konfirmasi Keputusan';
            document.getElementById('modalLabel').innerText = 'Catatan (Bisa dikosongkan)';

            // Store the primary key in a global variable for submission
            window.currentPrimary = primary;

            // Open the modal using Bootstrap
            var modal = new bootstrap.Modal(document.getElementById('confirmationModal'));
            modal.show();
        }

        function closeModal() {
            // Close the modal by hiding the Bootstrap modal
            var modalElement = document.getElementById('confirmationModal');
            var modalInstance = bootstrap.Modal.getInstance(modalElement);
            modalInstance.hide();
        }

        const baseUrlApprove = "{{ URL::to('/approve/perizinan') }}";
        const baseUrlReject = "{{ URL::to('/reject/perizinan') }}";

        function submitForm(type) {
            const note = document.getElementById('modalNote').value;
            const url = type === 'approve' ? `${baseUrlApprove}/${window.currentPrimary}` :
                `${baseUrlReject}/${window.currentPrimary}`;

            // Create a form dynamically
            const form = document.createElement('form');
            form.method = 'POST';
            form.action = url;

            // Add CSRF token
            const csrfInput = document.createElement('input');
            csrfInput.type = 'hidden';
            csrfInput.name = '_token';
            csrfInput.value = '{{ csrf_token() }}'; // Make sure this is included

            // Add the note
            const noteInput = document.createElement('input');
            noteInput.type = 'hidden';
            noteInput.name = 'note';
            noteInput.value = note;

            form.appendChild(csrfInput);
            form.appendChild(noteInput);

            // Append form to body and submit
            document.body.appendChild(form);
            form.submit();
        }
    </script>

    {{-- Inisialisasi DataTables --}}
    <script>
        $(document).ready(function() {
            const compactOptions = {
                paging: false,
                searching: false,
                ordering: false,
                info: false,
                responsive: true
            };
            if (window.jQuery && $.fn.DataTable) {
                $('#tanggal_table').DataTable(compactOptions);
                $('#karyawan_dinas_table').DataTable(compactOptions);
            }
        });
    </script>
@endpush