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

@section('content')
    @push('js')
        <script>
            $(document).ready(function() {
                // Initialize DataTables for all tables
                $('.data-table').DataTable({
                    "pageLength": 25,
                    "responsive": true,
                    "language": {
                        "search": "Cari:",
                        "lengthMenu": "Tampilkan _MENU_ data per halaman",
                        "zeroRecords": "Data tidak ditemukan",
                        "info": "Menampilkan _START_ sampai _END_ dari _TOTAL_ data",
                        "infoEmpty": "Menampilkan 0 sampai 0 dari 0 data",
                        "infoFiltered": "(disaring dari _MAX_ total data)",
                        "paginate": {
                            "first": "Pertama",
                            "last": "Terakhir",
                            "next": "Selanjutnya",
                            "previous": "Sebelumnya"
                        }
                    }
                });
            });
        </script>
    @endpush

    @php
        use Carbon\Carbon;

        $kategoriCollection = collect($kategoriPerizinan ?? []);
        $jenisCollection = collect($jenisIzin ?? []);
        $defaultBiayaCollection = collect($defaultBiaya ?? []);
        $karyawanCollection = collect($karyawanPemohon ?? []);
        $rincianTujuanCollection = collect($rincianTujuan ?? []);
        $anggaranCollection = collect($anggaranDataForJs ?? []);

        $tanggalRaw = $tanggalArray ?? [];
        if (is_string($tanggalRaw)) {
            $decodedTanggal = json_decode($tanggalRaw, true);
            $tanggalCollection = collect(is_array($decodedTanggal) ? $decodedTanggal : []);
        } elseif (is_array($tanggalRaw)) {
            $tanggalCollection = collect($tanggalRaw);
        } else {
            $tanggalCollection = collect();
        }

        $kategoriItem = $kategoriCollection->firstWhere('id', data_get($permohonanPerizinan, 'kategori_perizinan_id'));
        $jenisItem = $jenisCollection->firstWhere('id', data_get($permohonanPerizinan, 'jenis_izin_id'));
        $kategoriName = data_get($kategoriItem, 'nama', '-');
        $jenisName = data_get($jenisItem, 'nama', '-');

        $jamKeluar = data_get($permohonanPerizinan, 'jam_keluar')
            ? Carbon::parse(data_get($permohonanPerizinan, 'jam_keluar'))->format('d-m-Y H:i')
            : '-';
        $jamMasuk = data_get($permohonanPerizinan, 'jam_masuk')
            ? Carbon::parse(data_get($permohonanPerizinan, 'jam_masuk'))->format('d-m-Y H:i')
            : '-';

        $submittedAt = data_get($permohonanPerizinan, 'created_at');
        $submittedAtFormatted = $submittedAt ? Carbon::parse($submittedAt)->format('d-m-Y H:i') : '-';
        $updatedAt = data_get($permohonanPerizinan, 'updated_at');
        $updatedAtFormatted = $updatedAt ? Carbon::parse($updatedAt)->format('d-m-Y H:i') : '-';

        $totalHari = data_get($permohonanPerizinan, 'total_hari');
        if (!$totalHari) {
            $totalHari = $tanggalCollection->count();
        }

        $defaultBiayaMap = $defaultBiayaCollection->keyBy('id');

        $notaByEmployee = collect($notaReimburse ?? [])
            ->map(function ($rows) {
                $rowCollection = collect($rows);
                return $rowCollection
                    ->groupBy(function ($item) {
                        return data_get($item, 'tanggal_pengeluaran');
                    })
                    ->filter(function ($items, $date) {
                        return filled($date);
                    })
                    ->sortKeysDesc()
                    ->map(function ($items) {
                        return collect($items)->sortBy('id');
                    });
            })
            ->filter(function ($group) {
                return $group instanceof \Illuminate\Support\Collection && $group->isNotEmpty();
            });

        $isKategoriIzin = (string) data_get($permohonanPerizinan, 'kategori_perizinan_id') === '1';
        $isKategoriTugas = (string) data_get($permohonanPerizinan, 'kategori_perizinan_id') === '2';
    @endphp

    @include('layouts.navbars.auth.topnav', ['title' => 'Detail Pengajuan Permohonan'])

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-12">
                <div class="alert alert-warning alert-dismissible" role="alert">
                    <i class="fas fa-eye me-2"></i> Tampilan ini hanya untuk melihat data. Tidak ada aksi pengeditan yang
                    tersedia.
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="card shadow-sm mb-4">
                    <div class="card-header border-0 pb-0">
                        <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 class="col-md-6 mb-3">
                                <label for="departemen" class="form-label">Departemen</label>
                                <input type="text" id="departemen" class="form-control"
                                    value="{{ $pengaju->departemen }}" readonly>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card shadow-sm mb-4">
                    <div class="card-header border-0 pb-0">
                        <h5 class="mb-0">Ringkasan Pengajuan</h5>
                    </div>
                    <div class="card-body">
                        <div class="row g-3 mb-3">
                            <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="bg-light border rounded p-3">
                                    <small class="text-uppercase text-muted d-block mb-1">ID Permohonan</small>
                                    <strong class="text-dark">{{ data_get($permohonanPerizinan, 'id', '-') }}</strong>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="bg-light border rounded p-3">
                                    <small class="text-uppercase text-muted d-block mb-1">ID Reimburse</small>
                                    <strong class="text-dark">{{ $permohonanReimburseId ?? '-' }}</strong>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="bg-light border rounded p-3">
                                    <small class="text-uppercase text-muted d-block mb-1">Kategori Permohonan</small>
                                    <strong class="text-dark">{{ $kategoriName }}</strong>
                                </div>
                            </div>
                            @if ($isKategoriIzin)
                                <div class="col-lg-3 col-md-4 col-sm-6">
                                    <div class="bg-light border rounded p-3">
                                        <small class="text-uppercase text-muted d-block mb-1">Jenis Izin</small>
                                        <strong class="text-dark">{{ $jenisName }}</strong>
                                    </div>
                                </div>
                            @endif
                            @if ($isKategoriTugas)
                                <div class="col-lg-3 col-md-4 col-sm-6">
                                    <div class="bg-light border rounded p-3">
                                        <small class="text-uppercase text-muted d-block mb-1">Tipe Tugas</small>
                                        <strong
                                            class="text-dark text-capitalize">{{ data_get($permohonanPerizinan, 'tipe_tugas', '-') }}</strong>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-4 col-sm-6">
                                    <div class="bg-light border rounded p-3">
                                        <small class="text-uppercase text-muted d-block mb-1">Tujuan Tugas</small>
                                        <strong
                                            class="text-dark text-capitalize">{{ data_get($permohonanPerizinan, 'tujuan_tugas', '-') }}</strong>
                                    </div>
                                </div>
                            @endif
                            <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="bg-light border rounded p-3">
                                    <small class="text-uppercase text-muted d-block mb-1">Jam Keluar / Berangkat</small>
                                    <strong class="text-dark">{{ $jamKeluar }}</strong>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="bg-light border rounded p-3">
                                    <small class="text-uppercase text-muted d-block mb-1">Jam Masuk / Kepulangan</small>
                                    <strong class="text-dark">{{ $jamMasuk }}</strong>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="bg-light border rounded p-3">
                                    <small class="text-uppercase text-muted d-block mb-1">Total Hari</small>
                                    <strong class="text-dark">{{ $totalHari ?: '-' }}</strong>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="bg-light border rounded p-3">
                                    <small class="text-uppercase text-muted d-block mb-1">Status Post</small>
                                    <span class="badge {{ $isPosted ?? false ? 'bg-success' : 'bg-warning text-white fw-bold ms-1' }}">
                                        {{ $isPosted ?? false ? 'Sudah Post' : 'Belum Post' }}
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="bg-light border rounded p-3">
                                    <small class="text-uppercase text-muted d-block mb-1">Tanggal Pengajuan</small>
                                    <strong class="text-dark">{{ $submittedAtFormatted }}</strong>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="bg-light border rounded p-3">
                                    <small class="text-uppercase text-muted d-block mb-1">Terakhir Diperbarui</small>
                                    <strong class="text-dark">{{ $updatedAtFormatted }}</strong>
                                </div>
                            </div>
                        </div>
                        <div class="bg-light border rounded p-3">
                            <small class="text-uppercase text-muted d-block mb-2">Alasan / Deskripsi</small>
                            <p class="mb-0 text-secondary">{{ data_get($permohonanPerizinan, 'alasan') ?: '-' }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="card shadow-sm mb-4">
                    <div class="card-header border-0 pb-0">
                        <h5 class="mb-0">Daftar Karyawan Terlibat</h5>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-striped table-hover data-table">
                                <thead class="table-info">
                                    <tr>
                                        <th>NIK</th>
                                        <th>Nama</th>
                                        <th>Departemen</th>
                                        <th>Jabatan</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($karyawanCollection as $employee)
                                        <tr>
                                            <td>{{ data_get($employee, 'nik', '-') }}</td>
                                            <td>{{ data_get($employee, 'nama', '-') }}</td>
                                            <td>{{ data_get($employee, 'departemen', '-') }}</td>
                                            <td>{{ data_get($employee, 'jabatan', '-') }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="4" class="text-center text-muted py-3">Tidak ada data karyawan.
                                            </td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        @if ($tanggalCollection->isNotEmpty())
            <div class="row">
                <div class="col-12">
                    <div class="card shadow-sm mb-4">
                        <div class="card-header border-0 pb-0">
                            <h5 class="mb-0">Daftar Tanggal Pengajuan</h5>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-striped table-hover data-table">
                                    <thead class="table-info">
                                        <tr>
                                            <th class="text-center">No</th>
                                            <th>Hari</th>
                                            <th>Tanggal</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($tanggalCollection as $index => $tanggal)
                                            @php
                                                try {
                                                    $tanggalCarbon = Carbon::createFromFormat('d-m-Y', $tanggal);
                                                } catch (\Throwable $e) {
                                                    $tanggalCarbon = null;
                                                }
                                            @endphp
                                            <tr>
                                                <td class="text-center">{{ $index + 1 }}</td>
                                                <td>{{ $tanggalCarbon ? $tanggalCarbon->locale('id')->translatedFormat('l') : '-' }}
                                                </td>
                                                <td>{{ $tanggalCarbon ? $tanggalCarbon->format('d-m-Y') : $tanggal }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif

        <div class="row">
            <div class="col-12">
                <div class="card shadow-sm mb-4">
                    <div class="card-header border-0 pb-0">
                        <h5 class="mb-0">Rincian Tujuan Perjalanan</h5>
                    </div>
                    <div class="card-body">
                        @if ($rincianTujuanCollection->isEmpty())
                            <p class="text-muted mb-0">Tidak ada rincian tujuan yang tercatat.</p>
                        @else
                            <div class="table-responsive">
                                <table class="table table-striped table-hover data-table">
                                    <thead class="table-info">
                                        <tr>
                                            <th>Tujuan</th>
                                            <th class="text-center">Status</th>
                                            <th>Periode</th>
                                            <th class="text-center">Jumlah Hari</th>
                                            <th>Karyawan Mengikuti</th>
                                            <th>Keterangan</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($rincianTujuanCollection as $tujuan)
                                            @php
                                                $mulai = data_get($tujuan, 'tanggal_mulai');
                                                $akhir = data_get($tujuan, 'tanggal_berakhir');
                                                try {
                                                    $mulaiFormatted = $mulai
                                                        ? Carbon::parse($mulai)->format('d-m-Y')
                                                        : null;
                                                } catch (\Throwable $e) {
                                                    $mulaiFormatted = $mulai;
                                                }
                                                try {
                                                    $akhirFormatted = $akhir
                                                        ? Carbon::parse($akhir)->format('d-m-Y')
                                                        : null;
                                                } catch (\Throwable $e) {
                                                    $akhirFormatted = $akhir;
                                                }
                                                $periode =
                                                    $mulaiFormatted && $akhirFormatted
                                                        ? ($mulaiFormatted === $akhirFormatted
                                                            ? $mulaiFormatted
                                                            : $mulaiFormatted . ' s/d ' . $akhirFormatted)
                                                        : ($mulaiFormatted ?:
                                                        ($akhirFormatted ?:
                                                        '-'));
                                                $karyawanTujuan = collect(data_get($tujuan, 'karyawan', []));
                                            @endphp
                                            <tr>
                                                <td>{{ data_get($tujuan, 'tujuan', '-') }}</td>
                                                <td class="text-center text-uppercase">
                                                    {{ strtoupper(data_get($tujuan, 'status', '-')) }}</td>
                                                <td>{{ $periode }}</td>
                                                <td class="text-center">{{ data_get($tujuan, 'jumlah_hari', '-') }}</td>
                                                <td>
                                                    @if ($karyawanTujuan->isEmpty())
                                                        <span class="text-muted">-</span>
                                                    @else
                                                        <div class="d-flex flex-wrap gap-1">
                                                            @foreach ($karyawanTujuan as $emp)
                                                                <span
                                                                    class="badge bg-gradient-primary">{{ data_get($emp, 'nama', data_get($emp, 'nik')) }}</span>
                                                            @endforeach
                                                        </div>
                                                    @endif
                                                </td>
                                                <td>{{ data_get($tujuan, 'keterangan', '-') }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="card shadow-sm mb-4">
                    <div class="card-header border-0 pb-0">
                        <h5 class="mb-0">Rincian Anggaran</h5>
                    </div>
                    <div class="card-body">
                        @php
                            $anggaranEmployees = $anggaranCollection->keys();
                            $globalAnggaranTotals = [];
                        @endphp
                        <div class="d-flex flex-column gap-3">
                            @foreach ($karyawanCollection as $employee)
                                @php
                                    $nik = data_get($employee, 'nik');
                                    $employeeInfo = $employee;
                                    $anggaranData = $anggaranCollection->get($nik, []);
                                    $defaultEntries = collect(data_get($anggaranData, 'default', []));
                                    $lainEntries = collect(data_get($anggaranData, 'lain', []));
                                    $hasAnggaran = $defaultEntries->isNotEmpty() || $lainEntries->isNotEmpty();
                                @endphp
                                    <div class="border rounded-3">
                                        <div class="px-3 py-2 border-bottom bg-light">
                                            <strong>{{ data_get($employeeInfo, 'nama', $nik) }}</strong>
                                            <span class="text-muted">({{ $nik }})</span>
                                        </div>
                                        <div class="p-3">
                                            @if (!$hasAnggaran)
                                                <p class="text-muted mb-0">Tidak ada anggaran untuk karyawan ini.</p>
                                            @else
                                                <div class="table-responsive">
                                                    <table class="table table-striped table-hover data-table">
                                                        <thead class="table-info">
                                                            <tr>
                                                                <th>Deskripsi</th>
                                                                <th class="text-center">Kategori</th>
                                                                <th class="text-end">Jumlah</th>
                                                                <th class="text-center">Mata Uang</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @foreach ($defaultEntries as $biayaId => $entries)
                                                                @foreach (collect($entries) as $entry)
                                                                    @php
                                                                        $jumlah = data_get($entry, 'jumlah');
                                                                        $formattedJumlah =
                                                                            $jumlah !== null && $jumlah !== ''
                                                                                ? number_format(
                                                                                    (float) $jumlah,
                                                                                    2,
                                                                                    ',',
                                                                                    '.',
                                                                                )
                                                                                : '-';
                                                                        $currency = data_get($entry, 'currency', 'IDR');
                                                                        $biayaInfo = $defaultBiayaMap->get($biayaId);
                                                                    @endphp
                                                                    <tr>
                                                                        <td>{{ data_get($biayaInfo, 'nama_biaya', 'Biaya Default') }}
                                                                        </td>
                                                                        <td class="text-center"><span
                                                                                class="badge bg-secondary">Default</span>
                                                                        </td>
                                                                        <td class="text-end">{{ $formattedJumlah }}</td>
                                                                        <td class="text-center">{{ $currency }}</td>
                                                                    </tr>
                                                                @endforeach
                                                            @endforeach
                                                            @foreach ($lainEntries as $entry)
                                                                @php
                                                                    $jumlah = data_get($entry, 'jumlah');
                                                                    $formattedJumlah =
                                                                        $jumlah !== null && $jumlah !== ''
                                                                            ? number_format(
                                                                                (float) $jumlah,
                                                                                2,
                                                                                ',',
                                                                                '.',
                                                                            )
                                                                            : '-';
                                                                    $currency = data_get($entry, 'currency', 'IDR');
                                                                @endphp
                                                                <tr>
                                                                    <td>{{ data_get($entry, 'deskripsi', 'Biaya Lain') }}
                                                                    </td>
                                                                    <td class="text-center"><span
                                                                            class="badge bg-info text-dark">Lainnya</span>
                                                                    </td>
                                                                    <td class="text-end">{{ $formattedJumlah }}</td>
                                                                    <td class="text-center">{{ $currency }}</td>
                                                                </tr>
                                                            @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>

                                                {{-- Totals per employee (Anggaran) --}}
                                                @php
                                                    $anggaranTotals = [];
                                                    foreach ($defaultEntries as $biayaId => $entries) {
                                                        foreach (collect($entries) as $entry) {
                                                            $amount = (float) data_get($entry, 'jumlah', 0);
                                                            $currency = data_get($entry, 'currency', 'IDR');
                                                            $anggaranTotals[$currency] = ($anggaranTotals[$currency] ?? 0) + $amount;
                                                            $globalAnggaranTotals[$currency] = ($globalAnggaranTotals[$currency] ?? 0) + $amount;
                                                        }
                                                    }
                                                    foreach ($lainEntries as $entry) {
                                                        $amount = (float) data_get($entry, 'jumlah', 0);
                                                        $currency = data_get($entry, '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 {{ data_get($employeeInfo, 'nama', $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
                                            @endif
                                        </div>
                                    </div>
                                @endforeach
                            </div>

                        @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
                    </div> 
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="card shadow-sm mb-4">
                    <div class="card-header border-0 pb-0">
                        <h5 class="mb-0">Nota Reimburse</h5>
                    </div>
                    <div class="card-body">
                        @php $globalNotaTotals = []; @endphp
                        @if ($notaByEmployee->isEmpty())
                            <p class="text-muted mb-0">Belum ada nota reimbursement yang tercatat.</p>
                        @else
                            <div class="d-flex flex-column gap-3">
                                @foreach ($karyawanCollection as $karyawan)
                                    @php
                                        $nik = $karyawan->nik;
                                        $nama = $karyawan->nama;
                                        $notaTanggalGroup = $notaByEmployee->get($nik, collect());
                                    @endphp
                                    <div class="border rounded-3">
                                        <div
                                            class="px-3 py-2 border-bottom bg-light d-flex justify-content-between align-items-center">
                                            <div>
                                                <strong>{{ $nama }}</strong>
                                                <span class="text-muted">({{ $nik }})</span>
                                            </div>
                                            @php
                                                $notaTotalCount = $notaTanggalGroup
                                                    ? $notaTanggalGroup->flatten()->count()
                                                    : 0;
                                            @endphp
                                            <span class="badge bg-light text-dark">{{ $notaTotalCount }} Nota</span>
                                        </div>
                                        <div class="p-3">
                                            @if ($notaTanggalGroup->isEmpty())
                                                <p class="text-muted mb-0">Tidak ada nota reimbursement untuk karyawan ini.</p>
                                            @else
                                                {{-- Jika ada nota, tampilkan list tanggal + tabel seperti biasa --}}
                                                @foreach ($notaTanggalGroup as $tanggal => $items)
                                                    @php
                                                        try {
                                                            $displayDate = Carbon::parse($tanggal)->format('d-m-Y');
                                                        } catch (\Throwable $e) {
                                                            $displayDate = $tanggal;
                                                        }
                                                    @endphp

                                                    <div class="mb-3">
                                                        <div class="fw-bold text-dark mb-2">Tanggal: {{ $displayDate }}</div>

                                                        <div class="table-responsive">
                                                            <table class="table table-striped table-hover data-table">
                                                                <thead class="table-info">
                                                                    <tr>
                                                                        <th>Jenis Biaya</th>
                                                                        <th>Detail</th>
                                                                        <th class="text-end">Jumlah</th>
                                                                        <th class="text-center">Mata Uang</th>
                                                                        <th class="text-center">Credit</th>
                                                                        <th class="text-center">Private</th>
                                                                        <th>Catatan</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    @foreach ($items as $item)
                                                                        @php
                                                                            $jumlah = data_get($item, 'jumlah');
                                                                            $formattedJumlah = $jumlah !== null && $jumlah !== ''
                                                                                ? number_format((float) $jumlah, 2, ',', '.')
                                                                                : '-';
                                                                        @endphp
                                                                        <tr>
                                                                            <td>{{ data_get($item, 'deskripsi', '-') }}</td>
                                                                            <td>{{ data_get($item, 'details', '-') }}</td>
                                                                            <td class="text-end">{{ $formattedJumlah }}</td>
                                                                            <td class="text-center">{{ data_get($item, 'mata_uang', 'IDR') }}</td>
                                                                            <td class="text-center">{{ data_get($item, 'is_credit_use') ? 'Ya' : 'Tidak' }}</td>
                                                                            <td class="text-center">{{ data_get($item, 'is_private_use') ? 'Ya' : 'Tidak' }}</td>
                                                                            <td>{{ data_get($item, 'keterangan', '-') }}</td>
                                                                        </tr>
                                                                    @endforeach
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                @endforeach

                                            {{-- Totals per employee (Nota Reimburse) --}}
                                            @php
                                                $notaTotals = [];
                                                foreach ($notaTanggalGroup as $tanggal => $items) {
                                                    foreach (collect($items) as $item) {
                                                        $amount = (float) data_get($item, 'jumlah', 0);
                                                        $currency = data_get($item, 'mata_uang', 'IDR');
                                                        $notaTotals[$currency] = ($notaTotals[$currency] ?? 0) + $amount;
                                                        $globalNotaTotals[$currency] = ($globalNotaTotals[$currency] ?? 0) + $amount;
                                                    }
                                                }
                                            @endphp

                                            @if (!empty($notaTotals))
                                                <div class="mt-3">
                                                    <h6 class="mb-2">Total Reimburse {{ $nama }}</h6>
                                                    <div class="d-flex gap-2 flex-wrap">
                                                        @foreach ($notaTotals 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

                                            @endif
                                        </div>
                                    </div>
                                @endforeach
                            </div>

                            {{-- Global totals Nota Reimburse --}}
                            @if (!empty($globalNotaTotals))
                                <div class="mt-3 p-3 border rounded-3 bg-light">
                                    <h5>Total Reimburse Keseluruhan</h5>
                                    <div class="d-flex gap-2 flex-wrap">
                                        @foreach ($globalNotaTotals 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
                        @endif
                    </div> 
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="card shadow-sm mb-4">
                    <div class="card-header border-0 pb-0">
                        <h5 class="mb-0">Exchange Transactions</h5>
                    </div>
                    <div class="card-body">
                        @php
                            $exchangeByEmployee = collect($exchangeTransactions ?? []);
                            $globalExchangeTotals = ['awal' => [], 'exchanged' => []];
                        @endphp
                        <div class="d-flex flex-column gap-3">
                            @foreach ($karyawanCollection as $employee)
                                @php
                                    $nik = data_get($employee, 'nik');
                                    $employeeInfo = $employee;
                                    $exchanges = collect($exchangeByEmployee->get($nik, collect()));
                                @endphp

                                <div class="border rounded-3">
                                    <div class="px-3 py-2 border-bottom bg-light d-flex justify-content-between align-items-center">
                                        <div>
                                            <strong>{{ data_get($employeeInfo, 'nama', $nik) }}</strong>
                                            <span class="text-muted">({{ $nik }})</span>
                                        </div>
                                        <span class="badge bg-light text-dark">{{ $exchanges->count() }} Transaksi</span>
                                    </div>
                                    <div class="p-3">
                                        @if ($exchanges->isEmpty())
                                            <p class="text-muted mb-0">Tidak ada transaksi exchange untuk karyawan ini.</p>
                                        @else
                                            <div class="table-responsive">
                                                <table class="table table-striped table-hover data-table">
                                                    <thead class="table-info">
                                                        <tr>
                                                            <th>Details/Keterangan</th>
                                                            <th class="text-end">Jumlah Awal</th>
                                                            <th class="text-center">Mata Uang Awal</th>
                                                            <th class="text-end">Jumlah Exchanged</th>
                                                            <th class="text-center">Mata Uang Exchanged</th>
                                                            <th class="text-center">Tanggal Exchange</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($exchanges as $exchange)
                                                            @php
                                                                $jumlahAwal = data_get($exchange, 'jumlah_awal');
                                                                $formattedJumlahAwal =
                                                                    $jumlahAwal !== null && $jumlahAwal !== ''
                                                                        ? number_format((float) $jumlahAwal, 2, ',', '.')
                                                                        : '-';
                                                                $currencyAwal = data_get($exchange, 'currency_awal', 'IDR');

                                                                $jumlahExchanged = data_get($exchange, 'jumlah_exchanged');
                                                                $formattedJumlahExchanged =
                                                                    $jumlahExchanged !== null && $jumlahExchanged !== ''
                                                                        ? number_format((float) $jumlahExchanged, 2, ',', '.')
                                                                        : '-';
                                                                $currencyExchanged = data_get($exchange, 'currency_exchanged', 'USD');

                                                                $exchangeDate = data_get($exchange, 'exchange_date');
                                                                try {
                                                                    $displayExchangeDate = $exchangeDate ? Carbon::parse($exchangeDate)->format('d-m-Y') : '-';
                                                                } catch (\Throwable $e) {
                                                                    $displayExchangeDate = $exchangeDate ?: '-';
                                                                }
                                                            @endphp
                                                            <tr>
                                                                <td>{{ data_get($exchange, 'details', '-') }}</td>
                                                                <td class="text-end">{{ $formattedJumlahAwal }}</td>
                                                                <td class="text-center">{{ $currencyAwal }}</td>
                                                                <td class="text-end">{{ $formattedJumlahExchanged }}</td>
                                                                <td class="text-center">{{ $currencyExchanged }}</td>
                                                                <td class="text-center">{{ $displayExchangeDate }}</td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>

                                            {{-- Totals per employee (Exchange) --}}
                                            @php
                                                $exchangeTotalsAwal = [];
                                                $exchangeTotalsExchanged = [];
                                                foreach ($exchanges as $exchange) {
                                                    $amtAwal = (float) data_get($exchange, 'jumlah_awal', 0);
                                                    $curAwal = data_get($exchange, 'currency_awal', 'IDR');
                                                    $exchangeTotalsAwal[$curAwal] = ($exchangeTotalsAwal[$curAwal] ?? 0) + $amtAwal;
                                                    $globalExchangeTotals['awal'][$curAwal] = ($globalExchangeTotals['awal'][$curAwal] ?? 0) + $amtAwal;

                                                    $amtEx = (float) data_get($exchange, 'jumlah_exchanged', 0);
                                                    $curEx = data_get($exchange, 'currency_exchanged', 'USD');
                                                    $exchangeTotalsExchanged[$curEx] = ($exchangeTotalsExchanged[$curEx] ?? 0) + $amtEx;
                                                    $globalExchangeTotals['exchanged'][$curEx] = ($globalExchangeTotals['exchanged'][$curEx] ?? 0) + $amtEx;
                                                }
                                            @endphp

                                            @if (!empty($exchangeTotalsAwal) || !empty($exchangeTotalsExchanged))
                                                <div class="mt-3">
                                                    <h6 class="mb-2">Total Exchange {{ data_get($employeeInfo, 'nama', $nik) }}</h6>
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <small class="text-muted">Jumlah Awal</small>
                                                            <div class="d-flex gap-2 flex-wrap mt-1">
                                                                @if(!empty($exchangeTotalsAwal))
                                                                    @foreach ($exchangeTotalsAwal as $currency => $amt)
                                                                        <div class="badge bg-success text-white p-2 me-2 mb-2">{{ $currency }}: {{ number_format($amt,2,',','.') }}</div>
                                                                    @endforeach
                                                                @else
                                                                    <div class="text-muted">-</div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <small class="text-muted">Jumlah Exchanged</small>
                                                            <div class="d-flex gap-2 flex-wrap mt-1">
                                                                @if(!empty($exchangeTotalsExchanged))
                                                                    @foreach ($exchangeTotalsExchanged as $currency => $amt)
                                                                        <div class="badge bg-success text-white p-2 me-2 mb-2">{{ $currency }}: {{ number_format($amt,2,',','.') }}</div>
                                                                    @endforeach
                                                                @else
                                                                    <div class="text-muted">-</div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                        @endif
                                    </div>
                                </div>
                            @endforeach

                            {{-- Global totals Exchange (inside card) --}}
                            @if (!empty($globalExchangeTotals['awal']) || !empty($globalExchangeTotals['exchanged']))
                                <div class="mt-3 p-3 border rounded-3 bg-light">
                                    <h5>Total Exchange Keseluruhan</h5>
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <h6>Jumlah Awal</h6>
                                            @foreach ($globalExchangeTotals['awal'] 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 class="col-md-6">
                                            <h6>Jumlah Exchanged</h6>
                                            @foreach ($globalExchangeTotals['exchanged'] 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>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="d-flex justify-content-between align-items-center">
                    <a href="{{ url()->previous() }}" class="btn btn-primary">
                        <i class="fas fa-arrow-left"></i> Kembali
                    </a>

                    @if ($authorize->approval == '1')
                        {{-- Approval and Rejection Buttons --}}
                        @php
                            $status = $permohonanReimburseStatus;
                        @endphp
                        @if ($status != 'menyetujui' && $status != 'menolak')
                            <button type="button" class="btn btn-success"
                                onclick="openModal('{{ encrypt($permohonanPerizinan->id) }}')" title="Beri Keputusan">
                                <i class="fas fa-check"></i> Beri Keputusan
                            </button>
                        @endif
                    @endif
                </div>
            </div>
        </div>

    </div>

    {{-- JavaScript untuk fitur memberi keputusan --}}
    <script>
    function openModal(primary) {
        window.currentPrimary = primary;

        Swal.fire({
            title: 'Konfirmasi Keputusan',
            html: `
                <div style="text-align:left;">
                    <label style="font-weight:600;">
                        Catatan (Bisa dikosongkan jika menyetujui)
                    </label>
                    <textarea id="swalNote"
                        class="form-control"
                        style="width:100%; min-height:120px;"
                        placeholder="Masukkan catatan..."></textarea>
                </div>
            `,
            showCancelButton: true,
            showDenyButton: true,
            confirmButtonText: 'Setujui',
            denyButtonText: 'Tolak',
            cancelButtonText: 'Batal',
            confirmButtonColor: '#028284',
            denyButtonColor: '#dc3545'
        }).then((result) => {

            if (result.isConfirmed) {
                submitForm('approve');
            }

            if (result.isDenied) {
                const note = document.getElementById('swalNote').value.trim();
                if (!note) {
                    Swal.fire('Catatan wajib diisi untuk menolak', '', 'warning');
                    return;
                }
                submitForm('reject');
            }
        });
    }

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

    function submitForm(type) {

        const note = document.getElementById('swalNote').value;

        const url = type === 'approve'
            ? `${baseUrlApprove}/${window.currentPrimary}`
            : `${baseUrlReject}/${window.currentPrimary}`;

        const form = document.createElement('form');
        form.method = 'POST';
        form.action = url;

        form.innerHTML = `
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="note" value="${note}">
        `;

        document.body.appendChild(form);
        form.submit();
    }
    </script>
@endsection