@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <div class="d-flex justify-content-between align-items-center">
                            <h5 class="mb-0">Detail History DKL</h5>
                            <a href="{{ url($url_menu) }}" class="btn btn-sm btn-outline-secondary">
                                <i class="fas fa-arrow-left me-1"></i> Kembali
                            </a>
                        </div>
                    </div>
                    <div class="card-body">

                        {{-- ====== HEADER DKL ====== --}}
                        <div class="card mb-4 border">
                            <div class="card-header bg-light">
                                <h6 class="mb-0">Header DKL</h6>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label fw-bold">No DKL</label>
                                        <p class="form-control-plaintext">{{ $dkl->no_dkl }}</p>
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label fw-bold">No SPL (Referensi)</label>
                                        <p class="form-control-plaintext">{{ $dkl->no_spl }}</p>
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label fw-bold">Tanggal DKL</label>
                                        <p class="form-control-plaintext">
                                            {{ \Carbon\Carbon::parse($dkl->tanggal_dkl)->format('j-M-Y') }}
                                        </p>
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label fw-bold">Status</label>
                                        <p class="form-control-plaintext">
                                            @php
                                                $statusBadge = [
                                                    'draft' => 'bg-secondary',
                                                    'pending_atasan' => 'bg-warning text-white',
                                                    'approved_atasan' => 'bg-success',
                                                    'pending_personalia' => 'bg-info text-white',
                                                    'approved_personalia' => 'bg-primary',
                                                    'rejected_personalia' => 'bg-danger',
                                                    'rejected_atasan' => 'bg-danger',
                                                ];
                                            @endphp
                                            <span class="badge {{ $statusBadge[$dkl->status] ?? 'bg-secondary' }}">
                                                {{ strtoupper(str_replace('_', ' ', $dkl->status)) }}
                                            </span>
                                        </p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label fw-bold">NIK Pemohon</label>
                                        <p class="form-control-plaintext">{{ $dkl->nik }}</p>
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label fw-bold">Nama Pemohon</label>
                                        <p class="form-control-plaintext">{{ $pemohon->nama ?? '-' }}</p>
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label fw-bold">Departemen</label>
                                        <p class="form-control-plaintext">{{ $departemen->nama ?? '-' }}</p>
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label fw-bold">Approver</label>
                                        <p class="form-control-plaintext">{{ $approver_name ?? '-' }}</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12 mb-3">
                                        <label class="form-label fw-bold">Keterangan</label>
                                        <p class="form-control-plaintext">{{ $dkl->keterangan ?: '-' }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- ====== COMPARISON: SPL vs DKL ====== --}}
                        <div class="card mb-4 border">
                            <div class="card-header bg-light">
                                <div class="d-flex justify-content-between align-items-center">
                                    <h6 class="mb-0">Perbandingan: SPL (Rencana) vs DKL (Realisasi)</h6>
                                    <div>
                                        <span class="badge bg-primary me-1">Biru = SPL (Rencana)</span>
                                        <span class="badge bg-success">Hijau = DKL (Aktual)</span>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-bordered" style="min-width:1500px;">
                                        <thead style="background-color: #00b7bd4f;">
                                            <tr>
                                                <th width="40px">No</th>
                                                <th width="100px">NIK</th>
                                                <th width="140px">Nama</th>
                                                <th width="110px">Tgl Lembur</th>
                                                <th width="200px">Agenda</th>
                                                <th width="130px">From</th>
                                                <th width="130px">To</th>
                                                <th width="100px">Break</th>
                                                <th width="100px">Hour</th>
                                                <th width="160px">Jenis</th>
                                                <th width="160px">Tipe</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($dkl_details as $idx => $dklDetail)
                                                @php
                                                    $splDetail = $spl_details->get($dklDetail->id_spl_detail);
                                                    $diffFrom = $splDetail && $splDetail->jam_mulai != $dklDetail->jam_mulai;
                                                    $diffTo = $splDetail && $splDetail->jam_selesai != $dklDetail->jam_selesai;
                                                    $diffBreak = $splDetail && $splDetail->break_jam != $dklDetail->break_jam;
                                                    $diffHour = $splDetail && $splDetail->jam_lembur != $dklDetail->jam_lembur;
                                                    $diffAgenda = $splDetail && $splDetail->agenda != $dklDetail->agenda;
                                                    $diffJenis = $splDetail && $splDetail->id_jenis_lembur != $dklDetail->id_jenis_lembur;
                                                    $diffTipe = $splDetail && $splDetail->id_tipe_lembur != $dklDetail->id_tipe_lembur;
                                                @endphp
                                                {{-- SPL Row (Rencana) --}}
                                                @if ($splDetail)
                                                    <tr style="background-color: #e3f2fd;">
                                                        <td rowspan="2" class="text-center align-middle">{{ $idx + 1 }}</td>
                                                        <td rowspan="2" class="align-middle">{{ $dklDetail->nik }}</td>
                                                        <td rowspan="2" class="align-middle">
                                                            {{ $karyawan_map[$dklDetail->nik] ?? '-' }}
                                                        </td>
                                                        <td rowspan="2" class="align-middle">
                                                            {{ \Carbon\Carbon::parse($dklDetail->tanggal_lembur)->format('j-M-Y') }}
                                                        </td>
                                                        <td>
                                                            <small class="text-primary fw-bold">SPL:</small><br>
                                                            {{ $splDetail->agenda }}
                                                        </td>
                                                        <td>
                                                            <small class="text-primary fw-bold">SPL:</small><br>
                                                            {{ $splDetail->jam_mulai }}
                                                        </td>
                                                        <td>
                                                            <small class="text-primary fw-bold">SPL:</small><br>
                                                            {{ $splDetail->jam_selesai }}
                                                        </td>
                                                        <td class="text-center">
                                                            <small class="text-primary fw-bold">SPL:</small><br>
                                                            {{ $splDetail->break_jam }}
                                                        </td>
                                                        <td class="text-center">
                                                            <small class="text-primary fw-bold">SPL:</small><br>
                                                            {{ $splDetail->jam_lembur }}
                                                        </td>
                                                        <td>
                                                            <small class="text-primary fw-bold">SPL:</small><br>
                                                            {{ isset($jenis_lembur[$splDetail->id_jenis_lembur]) ? $jenis_lembur[$splDetail->id_jenis_lembur]->nama : '-' }}
                                                        </td>
                                                        <td>
                                                            <small class="text-primary fw-bold">SPL:</small><br>
                                                            {{ isset($tipe_lembur[$splDetail->id_tipe_lembur]) ? $tipe_lembur[$splDetail->id_tipe_lembur]->nama : '-' }}
                                                        </td>
                                                    </tr>
                                                @endif

                                                {{-- DKL Row (Realisasi) --}}
                                                <tr style="background-color: {{ $splDetail ? '#e8f5e9' : '#ffffff' }};">
                                                    @if (!$splDetail)
                                                        <td class="text-center">{{ $idx + 1 }}</td>
                                                        <td>{{ $dklDetail->nik }}</td>
                                                        <td>{{ $karyawan_map[$dklDetail->nik] ?? '-' }}</td>
                                                        <td>{{ \Carbon\Carbon::parse($dklDetail->tanggal_lembur)->format('j-M-Y') }}
                                                        </td>
                                                    @endif
                                                    <td class="{{ $diffAgenda ? 'text-danger fw-bold' : '' }}">
                                                        <small class="text-success fw-bold">DKL:</small><br>
                                                        {{ $dklDetail->agenda }}
                                                    </td>
                                                    <td class="{{ $diffFrom ? 'text-danger fw-bold' : '' }}">
                                                        <small class="text-success fw-bold">DKL:</small><br>
                                                        {{ $dklDetail->jam_mulai }}
                                                    </td>
                                                    <td class="{{ $diffTo ? 'text-danger fw-bold' : '' }}">
                                                        <small class="text-success fw-bold">DKL:</small><br>
                                                        {{ $dklDetail->jam_selesai }}
                                                    </td>
                                                    <td class="text-center {{ $diffBreak ? 'text-danger fw-bold' : '' }}">
                                                        <small class="text-success fw-bold">DKL:</small><br>
                                                        {{ $dklDetail->break_jam }}
                                                    </td>
                                                    <td class="text-center {{ $diffHour ? 'text-danger fw-bold' : '' }}">
                                                        <small class="text-success fw-bold">DKL:</small><br>
                                                        <span class="fw-bold">{{ $dklDetail->jam_lembur }}</span>
                                                    </td>
                                                    <td class="{{ $diffJenis ? 'text-danger fw-bold' : '' }}">
                                                        <small class="text-success fw-bold">DKL:</small><br>
                                                        {{ isset($jenis_lembur[$dklDetail->id_jenis_lembur]) ? $jenis_lembur[$dklDetail->id_jenis_lembur]->nama : '-' }}
                                                    </td>
                                                    <td class="{{ $diffTipe ? 'text-danger fw-bold' : '' }}">
                                                        <small class="text-success fw-bold">DKL:</small><br>
                                                        {{ isset($tipe_lembur[$dklDetail->id_tipe_lembur]) ? $tipe_lembur[$dklDetail->id_tipe_lembur]->nama : '-' }}
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="11" class="text-center text-muted">Tidak ada detail lembur.
                                                    </td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                        @if ($dkl_details->count() > 0)
                                            <tfoot>
                                                <tr class="fw-bold" style="background-color: #f0f0f0;">
                                                    <td colspan="8" class="text-end">Total Jam Lembur (DKL):</td>
                                                    <td class="text-center">{{ $dkl_details->sum('jam_lembur') }}</td>
                                                    <td colspan="2"></td>
                                                </tr>
                                            </tfoot>
                                        @endif
                                    </table>
                                </div>
                            </div>
                        </div>

                        {{-- ====== APPROVAL INFO ====== --}}
                        @if (in_array($dkl->status, ['approved_atasan', 'rejected_atasan', 'pending_personalia', 'approved_personalia', 'rejected_personalia']))
                            <div class="card mb-4 border">
                                <div class="card-header bg-light">
                                    <h6 class="mb-0">Informasi Approval Atasan</h6>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <table class="table table-sm table-borderless">
                                                <tr>
                                                    <td width="150">Status</td>
                                                    <td>:
                                                        @if ($dkl->status == 'approved_atasan')
                                                            <span class="badge bg-success">Approved</span>
                                                        @elseif ($dkl->status == 'pending_personalia')
                                                            <span class="badge bg-info text-white">Menunggu Personalia</span>
                                                        @elseif ($dkl->status == 'approved_personalia')
                                                            <span class="badge bg-primary">Approved Personalia</span>
                                                        @elseif ($dkl->status == 'rejected_personalia')
                                                            <span class="badge bg-danger">Rejected Personalia</span>
                                                        @elseif ($dkl->status == 'rejected_atasan')
                                                            <span class="badge bg-danger">Rejected</span>
                                                        @endif
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Diproses Oleh</td>
                                                    <td>: {{ \App\Helpers\Format_Helper::getNameAndUsername($dkl->approved_atasan_by) }}</td>
                                                </tr>
                                                <tr>
                                                    <td>Tanggal</td>
                                                    <td>:
                                                        {{ $dkl->approved_atasan_at ? \Carbon\Carbon::parse($dkl->approved_atasan_at)->format('j-M-Y H:i') : '-' }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Catatan Atasan</td>
                                                    <td>: {{ $dkl->catatan_atasan ?: '-' }}</td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif

                        @if (in_array($dkl->status, ['pending_personalia', 'approved_personalia', 'rejected_personalia']))
                            <div class="card mb-4 border">
                                <div class="card-header bg-light">
                                    <h6 class="mb-0">Informasi Approval Personalia</h6>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <table class="table table-sm table-borderless">
                                                <tr>
                                                    <td width="150">Status</td>
                                                    <td>:
                                                        @if ($dkl->status == 'pending_personalia')
                                                            <span class="badge bg-info text-white">Menunggu Personalia</span>
                                                        @elseif ($dkl->status == 'approved_personalia')
                                                            <span class="badge bg-primary">Approved Personalia</span>
                                                        @elseif ($dkl->status == 'rejected_personalia')
                                                            <span class="badge bg-danger">Rejected Personalia</span>
                                                        @endif
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Diproses Oleh</td>
                                                    <td>: {{ \App\Helpers\Format_Helper::getNameAndUsername($dkl->approved_personalia_by) }}</td>
                                                </tr>
                                                <tr>
                                                    <td>Tanggal</td>
                                                    <td>:
                                                        {{ $dkl->approved_personalia_at ? \Carbon\Carbon::parse($dkl->approved_personalia_at)->format('j-M-Y H:i') : '-' }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Catatan Personalia</td>
                                                    <td>: {{ $dkl->catatan_personalia ?: '-' }}</td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif

                        {{-- Audit Info --}}
                        <div class="row">
                            <div class="col-md-6">
                                <small class="text-muted">
                                    Dibuat oleh: {{ $dkl->user_create ?? '-' }} |
                                    {{ $dkl->created_at ? \Carbon\Carbon::parse($dkl->created_at)->format('j-M-Y H:i') : '-' }}
                                </small>
                            </div>
                            <div class="col-md-6 text-end">
                                <small class="text-muted">
                                    Diupdate oleh: {{ $dkl->user_update ?? '-' }} |
                                    {{ $dkl->updated_at ? \Carbon\Carbon::parse($dkl->updated_at)->format('j-M-Y H:i') : '-' }}
                                </small>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection