@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="row mx-1">
                    <div class="card">
                        <div class="card-header">
                            <h5 class="mb-0">Result {{ $title_menu }}</h5>
                        </div>
                        <hr class="horizontal dark mt-0">
                        <div class="row px-4 py-2">
                            <div class="col-lg">
                                <div class="nav-wrapper row">
                                    <div class="col">
                                        <button class="btn btn-secondary mb-0" onclick="history.back()">
                                            <i class="fas fa-circle-left me-1"></i><span class="font-weight-bold">Kembali</span>
                                        </button>
                                    </div>
                                    <div class="col-md-auto justify-content-end row">
                                        <div class="col-auto">
                                            <span class="text-sm">Filter Aktif:</span>
                                            @php
                                                $filters = [];
                                                if (!empty($frdate) && !empty($todate)) {
                                                    $filters[] = 'Periode: ' . $format->TanggalIndonesia($frdate) . ' - ' . $format->TanggalIndonesia($todate);
                                                }
                                                if (!empty($tahunFilter)) {
                                                    $filters[] = 'Tahun: ' . $tahunFilter;
                                                }
                                                if (!empty($departemenId)) {
                                                    $deptName = $departemenList->firstWhere('id', $departemenId)->nama ?? $departemenId;
                                                    $filters[] = 'Dept: ' . $deptName;
                                                }
                                                if (!empty($statusFilter)) {
                                                    $filters[] = 'Status: ' . ucfirst($statusFilter);
                                                }
                                                if (!empty($searchNikFilter)) {
                                                    $filters[] = 'NIK: ' . $searchNikFilter;
                                                }
                                            @endphp
                                            <span class="text-sm font-weight-bold">{{ implode(' | ', $filters) ?: 'Semua Data' }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row px-4 py-2">
                            <div class="table-responsive">
                                <table class="table display" id="list_{{ $dmenu }}">
                                    <thead class="thead-light" style="background-color: #00b7bd4f;">
                                        <tr>
                                            <th>No</th>
                                            <th>Nama Pemohon</th>
                                            <th>NIK</th>
                                            <th>Departemen</th>
                                            <th>Jabatan</th>
                                            <th>Tanggal</th>
                                            <th>Peserta</th>
                                            <th>Status</th>
                                            <th>Approved By</th>
                                            <th>Approved At</th>
                                            <th>Catatan</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($records as $index => $record)
                                            <tr>
                                                <td class="text-sm font-weight-normal">{{ $index + 1 }}</td>
                                                <td class="text-sm font-weight-normal">{{ $record->nama_pemohon }}</td>
                                                <td class="text-sm font-weight-normal">{{ $record->nik }}</td>
                                                <td class="text-sm font-weight-normal">{{ $record->departemen ?? '-' }}</td>
                                                <td class="text-sm font-weight-normal">{{ $record->jabatan ?? '-' }}</td>
                                                <td class="text-sm font-weight-normal">{{ $record->tanggal ? $format->TanggalIndonesia($record->tanggal) : '-' }}</td>
                                                <td class="text-sm font-weight-normal">
                                                    @if (!empty($record->participants))
                                                        @foreach ($record->participants as $p)
                                                            {{ $p }}@if (!$loop->last)<br>@endif
                                                        @endforeach
                                                    @else
                                                        -
                                                    @endif
                                                </td>
                                                <td class="text-sm font-weight-normal">
                                                    @if ($record->status == 'disetujui')
                                                        <span class="badge bg-success">Disetujui</span>
                                                    @elseif ($record->status == 'ditolak')
                                                        <span class="badge bg-danger">Ditolak</span>
                                                    @else
                                                        <span class="badge bg-warning">Menunggu</span>
                                                    @endif
                                                </td>
                                                <td class="text-sm font-weight-normal">{{ $record->approved_by_name ?? '-' }}</td>
                                                <td class="text-sm font-weight-normal">{{ $record->approved_at ? $format->TanggalIndonesia($record->approved_at) . ' ' . date('H:i', strtotime($record->approved_at)) : '-' }}</td>
                                                <td class="text-sm font-weight-normal">{{ $record->catatan ?? '-' }}</td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="11" class="text-center text-muted py-3">Maaf - Data tidak ada.</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script>
        $(document).ready(function() {
            $('#list_{{ $dmenu }}').DataTable({
                pageLength: 25,
                lengthChange: true,
                ordering: true,
                responsive: true,
                language: {
                    search: "Cari :",
                    lengthMenu: "Tampilkan _MENU_ baris",
                    zeroRecords: "Maaf - Data tidak ada",
                    info: "Data _START_ - _END_ dari _TOTAL_",
                    infoEmpty: "Tidak ada data",
                    infoFiltered: "(pencarian dari _MAX_ data)"
                },
                dom: 'Bfrtip',
                buttons: [
                    {
                        extend: 'excelHtml5',
                        text: '<i class="fas fa-file-excel me-1 text-lg text-success"></i><span class="font-weight-bold"> Excel',
                        autoFilter: true,
                        sheetName: 'Report Redeem Cuti Bersama',
                        exportOptions: {
                            columns: ':visible'
                        }
                    },
                    {
                        extend: 'pdfHtml5',
                        text: '<i class="fas fa-file-pdf me-1 text-lg text-danger"></i><span class="font-weight-bold"> PDF',
                        orientation: 'landscape',
                        pageSize: 'A4',
                        exportOptions: {
                            columns: ':visible'
                        }
                    },
                    {
                        extend: 'print',
                        text: '<i class="fas fa-print me-1 text-lg text-info"></i><span class="font-weight-bold"> Print',
                        orientation: 'landscape',
                        pageSize: 'A4',
                        exportOptions: {
                            columns: ':visible'
                        }
                    }
                ]
            });

            $('.dt-button').addClass('btn btn-secondary');
            $('.dt-button').removeClass('dt-button');

            {{ $authorize->excel == '0' ? "$('.buttons-excel').remove();" : '' }}
            {{ $authorize->pdf == '0' ? "$('.buttons-pdf').remove();" : '' }}
            {{ $authorize->print == '0' ? "$('.buttons-print').remove();" : '' }}
        });
    </script>
@endpush