@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">

                {{-- Filter / Pencarian --}}
                <div class="row mx-1 mb-3">
                    <div class="card">
                        <div class="card-header pb-0">
                            <h5 class="mb-0">Pencarian</h5>
                        </div>
                        <hr class="horizontal dark mt-2">
                        <div class="card-body pt-0">
                            <form method="GET" action="{{ url($url_menu) }}">
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label fw-bold">Dari Tanggal</label>
                                        <input type="date" class="form-control" name="dari_tanggal"
                                            value="{{ $filter['dari_tanggal'] ?? '' }}" placeholder="Pilih rentan tanggal">
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label fw-bold">Sampai Tanggal</label>
                                        <input type="date" class="form-control" name="sampai_tanggal"
                                            value="{{ $filter['sampai_tanggal'] ?? '' }}"
                                            placeholder="Pilih rentan tanggal">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label fw-bold">Status</label>
                                        <select class="form-select" name="status_filter">
                                            <option value="">Perlihatkan Semua</option>
                                            @foreach ($status_options as $val => $label)
                                                <option value="{{ $val }}" {{ ($filter['status_filter'] ?? '') == $val ? 'selected' : '' }}>
                                                    {{ $label }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label fw-bold">Pencarian Bebas</label>
                                        <input type="text" class="form-control" name="pencarian"
                                            value="{{ $filter['pencarian'] ?? '' }}"
                                            placeholder="No. DKL, No. SPL, Keterangan...">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label fw-bold">Nama Pemohon</label>
                                        <input type="text" class="form-control" name="nama_pemohon"
                                            value="{{ $filter['nama_pemohon'] ?? '' }}" placeholder="Cari nama pemohon...">
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label fw-bold">Nama Detail</label>
                                        <input type="text" class="form-control" name="nama_detail"
                                            value="{{ $filter['nama_detail'] ?? '' }}" placeholder="Cari nama karyawan detail...">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <button type="submit" class="btn btn-primary mb-0">
                                            <i class="fas fa-search me-1"></i> Cari
                                        </button>
                                        <a href="{{ url($url_menu) }}" class="btn btn-outline-secondary mb-0">
                                            <i class="fas fa-undo me-1"></i> Reset
                                        </a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                {{-- Data Table --}}
                <div class="row mx-1">
                    <div class="card">
                        <div class="row">
                            <div class="card-header col-md-auto">
                                <h5 class="mb-0">{{ $title_menu }}</h5>
                            </div>
                            <div class="col">
                                @include('components.alert')
                            </div>
                        </div>
                        <hr class="horizontal dark mt-0">
                        <div class="row px-4 py-2">
                            <div class="col-lg">
                                <div class="nav-wrapper">
                                    <span class="badge bg-info text-white px-3 py-2 d-inline-block w-100 text-start"
                                        style="white-space:normal;word-break:break-word;line-height:1.35;">
                                        <i class="fas fa-info-circle me-1"></i>
                                        Menampilkan riwayat DKL yang sudah diproses
                                        @if (!empty($filter['dari_tanggal']) || !empty($filter['sampai_tanggal']) || !empty($filter['status_filter']) || !empty($filter['pencarian']) || !empty($filter['nama_pemohon']) || !empty($filter['nama_detail']))
                                            — <strong>Filter aktif</strong> ({{ $table_detail->count() }} data ditemukan)
                                        @endif
                                    </span>
                                </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>Action</th>
                                            <th>Detail</th>
                                            @foreach ($table_header as $header)
                                                <th>{{ $header->alias }}</th>
                                            @endforeach
                                        </tr>
                                    </thead>
                                    @php
                                        $departemenMap = $departemen_map ?? collect();
                                        $detailMap = $detail_map ?? collect();
                                    @endphp
                                    <tbody>
                                        @foreach ($table_detail as $detail)
                                            @php
                                                $primary = '';
                                                foreach ($table_primary as $p) {
                                                    $primary == ''
                                                        ? ($primary = $detail->{$p->field})
                                                        : ($primary = $primary . ':' . $detail->{$p->field});
                                                }
                                                $vcount = $loop->iteration;
                                            @endphp
                                            @php
                                                $rowBgMap = [
                                                    'draft' => '#f5f6f8',
                                                    'pending_atasan' => '#f3ecff',
                                                    'approved_atasan' => '#e8f7fb',
                                                    'pending_personalia' => '#fff4e8',
                                                    'approved_personalia' => '#c8f2d7',
                                                    'rejected_atasan' => '#fdecef',
                                                    'rejected_personalia' => '#fdecef',
                                                    'pending_hrd' => '#fff4e8',
                                                    'approved_hrd' => '#c8f2d7',
                                                    'rejected_hrd' => '#fdecef',
                                                    'cancelled' => '#eceff1',
                                                ];
                                                $rowBg = $rowBgMap[$detail->status] ?? '';
                                            @endphp
                                            <tr {{ $rowBg != '' ? 'style=--status-row-bg:' . $rowBg . ';background-color:' . $rowBg . ';' : '' }}>
                                                <td>{{ $vcount }}</td>
                                                <td class="text-sm font-weight-normal">
                                                    <button type="button" class="btn btn-sm btn-primary mb-0"
                                                        title="View Detail"
                                                        onclick="window.location='{{ url($url_menu . '/show/' . encrypt($primary)) }}'">
                                                        <i class="fas fa-eye"></i> Lihat
                                                    </button>
                                                </td>
                                                @php $detailRows = $detailMap[$detail->id] ?? collect(); @endphp
                                                <td class="text-sm font-weight-normal">
                                                    <details class="spl-detail-dropdown">
                                                        <summary>
                                                            <span class="detail-label-wrap">
                                                                <span class="detail-label">{{ $detailRows->count() }} detail lembur</span>
                                                                <span class="detail-note">Klik untuk menampilkan detail</span>
                                                            </span>
                                                            <span class="detail-arrow"><i class="fas fa-chevron-down"></i></span>
                                                        </summary>
                                                        <div class="spl-detail-panel">
                                                            <div class="spl-mini-table-wrap">
                                                                <table class="table table-sm mb-0 spl-mini-table">
                                                                    <thead>
                                                                        <tr>
                                                                            <th>No</th>
                                                                            <th>NIK</th>
                                                                            <th>Nama</th>
                                                                            <th>Departemen</th>
                                                                            <th>Tanggal</th>
                                                                            <th>Jam</th>
                                                                            <th>Durasi</th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        @foreach ($detailRows as $d)
                                                                            <tr>
                                                                                <td>{{ $loop->iteration }}</td>
                                                                                <td>{{ $d->detail_nik ?? '-' }}</td>
                                                                                <td>{{ $d->detail_nama ?? '-' }}</td>
                                                                                <td>{{ $d->detail_departemen ?? '-' }}</td>
                                                                                <td>{{ $d->tanggal_lembur ? \Carbon\Carbon::parse($d->tanggal_lembur)->format('j-M-Y') : '-' }}</td>
                                                                                <td>{{ $d->jam_mulai ? \Carbon\Carbon::parse($d->jam_mulai)->format('H:i') : '-' }} - {{ $d->jam_selesai ? \Carbon\Carbon::parse($d->jam_selesai)->format('H:i') : '-' }}</td>
                                                                                <td>{{ $d->jam_lembur ?? '-' }}</td>
                                                                            </tr>
                                                                        @endforeach
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </details>
                                                </td>
                                                @foreach ($table_header as $field)
                                                    @php $string = $field->field; @endphp
                                                    @if ($field->type == 'join')
                                                        <td class="text-sm font-weight-normal">
                                                            @if ($field->query != '')
                                                                @php
                                                                    $q = $field->query;
                                                                    preg_match_all("/\[(\w+)\]/", $q, $matches);
                                                                    foreach ($matches[1] as $m) {
                                                                        $q = str_replace("[$m]", $detail->$m ?? '', $q);
                                                                    }
                                                                    $data_query = DB::select($q);
                                                                @endphp
                                                                @foreach ($data_query as $qr)
                                                                    @php $arr = array_values((array) $qr); @endphp
                                                                    @php $joinValue = $arr[0] ?? ''; @endphp
                                                                    @if (in_array(strtolower($string), ['id_departemen', 'departemen']))
                                                                        {{ $departemenMap[$joinValue] ?? $joinValue }}
                                                                    @else
                                                                        {{ $joinValue }}
                                                                    @endif
                                                                @endforeach
                                                            @endif
                                                        </td>
                                                    @elseif ($field->type == 'enum')
                                                        <td class="text-sm font-weight-normal">
                                                            @php
                                                                $rawValue = $detail->$string;
                                                                $labelValue = $rawValue;
                                                                if ($field->query != '') {
                                                                    $data_query = DB::select($field->query);
                                                                    foreach ($data_query as $qr) {
                                                                        $arr = array_values((array) $qr);
                                                                        if ($rawValue == ($arr[0] ?? null)) {
                                                                            $labelValue = $arr[1] ?? $rawValue;
                                                                            break;
                                                                        }
                                                                    }
                                                                }

                                                                $statusBadgeMap = [
                                                                    'draft' => '<span class="badge" style="background-color:#6c757d;color:#fff;">Draft</span>',
                                                                    'pending_atasan' => '<span class="badge" style="background-color:#7e57c2;color:#fff;">Pending Atasan</span>',
                                                                    'approved_atasan' => '<span class="badge" style="background-color:#17a2b8;color:#fff;">Approved Atasan</span>',
                                                                    'pending_personalia' => '<span class="badge" style="background-color:#fd7e14;color:#fff;">Pending Personalia</span>',
                                                                    'approved_personalia' => '<span class="badge" style="background-color:#28a745;color:#fff;">Approved Personalia</span>',
                                                                    'rejected_personalia' => '<span class="badge" style="background-color:#dc3545;color:#fff;">Rejected Personalia</span>',
                                                                    'rejected_atasan' => '<span class="badge" style="background-color:#dc3545;color:#fff;">Rejected Atasan</span>',
                                                                    'pending_hrd' => '<span class="badge" style="background-color:#fd7e14;color:#fff;">Pending HRD (Legacy)</span>',
                                                                    'approved_hrd' => '<span class="badge" style="background-color:#28a745;color:#fff;">Approved HRD (Legacy)</span>',
                                                                    'rejected_hrd' => '<span class="badge" style="background-color:#b02a37;color:#fff;">Rejected HRD (Legacy)</span>',
                                                                    'cancelled' => '<span class="badge" style="background-color:#343a40;color:#fff;">Cancelled</span>',
                                                                ];
                                                            @endphp

                                                            @if (in_array(strtolower($string), ['id_departemen', 'departemen']))
                                                                {{ $departemenMap[$rawValue] ?? $labelValue }}
                                                            @elseif (strtolower($string) == 'status')
                                                                {!! $statusBadgeMap[$rawValue] ?? e($labelValue) !!}
                                                            @else
                                                                {{ $labelValue }}
                                                            @endif
                                                        </td>
                                                    @elseif ($field->type == 'date')
                                                        <td class="text-sm font-weight-normal">
                                                            {{ $detail->$string ? \Carbon\Carbon::parse($detail->$string)->format('j-M-Y') : '' }}
                                                        </td>
                                                    @else
                                                        <td class="text-sm font-weight-normal">
                                                            @if (in_array(strtolower($string), ['id_departemen', 'departemen']))
                                                                {{ $departemenMap[$detail->$string] ?? $detail->$string }}
                                                            @else
                                                                {{ $detail->$string }}
                                                            @endif
                                                        </td>
                                                    @endif
                                                @endforeach
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <style>
        .spl-detail-dropdown summary {
            list-style: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            cursor: pointer;
            user-select: none;
        }

        #list_{{ $dmenu }} tbody tr {
            --status-row-bg: transparent;
        }

        #list_{{ $dmenu }} tbody tr > td,
        #list_{{ $dmenu }} tbody tr .spl-detail-dropdown,
        #list_{{ $dmenu }} tbody tr .spl-detail-dropdown summary,
        #list_{{ $dmenu }} tbody tr .spl-detail-panel,
        #list_{{ $dmenu }} tbody tr .spl-mini-table-wrap,
        #list_{{ $dmenu }} tbody tr .spl-mini-table,
        #list_{{ $dmenu }} tbody tr .spl-mini-table thead th,
        #list_{{ $dmenu }} tbody tr .spl-mini-table tbody td {
            background-color: var(--status-row-bg) !important;
        }

        .spl-detail-dropdown summary::-webkit-details-marker { display: none; }
        .detail-label-wrap { display: inline-flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
        .detail-label { font-size: 12px; font-weight: 600; color: #4f5d75; border-bottom: 1px dashed #d7dee8; }
        .detail-note { font-size: 11px; color: #7b8796; }
        .detail-arrow { color: #67748e; font-size: 9px; transition: transform .2s ease; }
        .spl-detail-dropdown[open] .detail-arrow { transform: rotate(180deg); }
        .spl-mini-table-wrap { border-top: 1px solid #e6ebf1; overflow: auto; max-height: 170px; margin-top: 4px; }
        .spl-mini-table { min-width: 760px; table-layout: auto; }
        .spl-mini-table thead th { position: sticky; top: 0; z-index: 1; font-size: 11px; color: #67748e; white-space: nowrap; border-bottom: 1px solid #e8edf3; padding: 6px 8px; }
        .spl-mini-table tbody td { font-size: 12px; color: #344767; white-space: nowrap; padding: 5px 8px; border-top: 1px solid #eef2f6; }
        .spl-mini-table thead th:nth-child(1), .spl-mini-table tbody td:nth-child(1) { width: 48px; text-align: center; }
        .spl-mini-table thead th:nth-child(2), .spl-mini-table tbody td:nth-child(2) { min-width: 110px; text-align: center; }
        .spl-mini-table thead th:nth-child(3), .spl-mini-table tbody td:nth-child(3) { min-width: 180px; text-align: left; }
        .spl-mini-table thead th:nth-child(4), .spl-mini-table tbody td:nth-child(4) { min-width: 150px; text-align: left; }
        .spl-mini-table thead th:nth-child(5), .spl-mini-table tbody td:nth-child(5) { min-width: 110px; text-align: center; }
        .spl-mini-table thead th:nth-child(6), .spl-mini-table tbody td:nth-child(6) { min-width: 150px; text-align: center; }
        .spl-mini-table thead th:nth-child(7), .spl-mini-table tbody td:nth-child(7) { min-width: 80px; text-align: center; }
    </style>

    <script>
        $(document).ready(function () {
            $('#list_{{ $dmenu }}').DataTable({
                "paging": true,
                "lengthChange": true,
                "searching": false,
                "ordering": true,
                "info": true,
                "autoWidth": false,
                "pageLength": 10,
                "order": [
                    [0, 'desc']
                ]
            });
        });
    </script>
@endsection