@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 DKL (Daftar Kerja Lembur)</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',
                                                    '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">Ditujukan Kepada</label>
                                        <p class="form-control-plaintext">{{ $atasan_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>

                        {{-- ====== APPROVAL INFO ====== --}}
                        @if (!in_array($dkl->status, ['draft', 'pending_atasan']))
                            <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 == 'rejected_atasan')
                                                            <span class="badge bg-danger">Rejected</span>
                                                        @endif
                                                    </td>
                                                </tr>
                                                 <tr>
                                                     <td>Diproses Oleh</td>
                                                     <td>: {{ $dkl->approved_atasan_by && $dkl->approved_atasan_by !== '-' ? (($u = \DB::table('users')->where('username', $dkl->approved_atasan_by)->first()) ? trim(($u->firstname ?? '') . ' ' . ($u->lastname ?? '')) . ' - ' . $dkl->approved_atasan_by : $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

                        {{-- ====== DETAIL DKL ====== --}}
                        <div class="card mb-4 border">
                            <div class="card-header bg-light">
                                <h6 class="mb-0">Detail Realisasi Lembur ({{ $dkl_details->count() }} record)</h6>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-bordered" style="min-width:1200px;">
                                        <thead style="background-color: #00b7bd4f;">
                                            <tr>
                                                <th width="40px">No</th>
                                                <th width="120px">NIK Karyawan</th>
                                                <th width="150px">Nama</th>
                                                <th width="250px">Agenda</th>
                                                <th width="150px">Mulai Pengerjaan</th>
                                                <th width="150px">Selesai Pengerjaan</th>
                                                <th width="70px">Istirahat (Menit)</th>
                                                <th width="70px">Jam</th>
                                                <th width="150px">Jenis</th>
                                                <th width="150px">Tipe</th>
                                                <th width="100px">Status Pekerjaan</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($dkl_details as $idx => $detail)
                                                <tr>
                                                    <td class="text-center">{{ $idx + 1 }}</td>
                                                    <td>{{ $detail->nik }}</td>
                                                    <td>{{ $karyawan_map[$detail->nik] ?? '-' }}</td>
                                                    <td>{{ $detail->agenda }}</td>
                                                    <td>{{ $detail->jam_mulai ? \Carbon\Carbon::parse($detail->jam_mulai)->format('j-M-Y H:i') : '' }}</td>
                                                    <td>{{ $detail->jam_selesai ? \Carbon\Carbon::parse($detail->jam_selesai)->format('j-M-Y H:i') : '' }}</td>
                                                    <td class="text-center">{{ intval(($detail->break_jam ?? 0) * 60) }}</td>
                                                    <td class="text-center fw-bold">{{ $detail->jam_lembur }}</td>
                                                    <td>{{ isset($jenis_lembur[$detail->id_jenis_lembur]) ? $jenis_lembur[$detail->id_jenis_lembur]->nama : '-' }}</td>
                                                    <td>{{ isset($tipe_lembur[$detail->id_tipe_lembur]) ? $tipe_lembur[$detail->id_tipe_lembur]->nama : '-' }}</td>
                                                    <td class="text-center">
                                                         @if(strtolower($detail->pekerjaan_selesai ?? 'belum') === 'sudah')
                                                             <span class="text-success fw-bold">Selesai</span>
                                                         @elseif(strtolower($detail->pekerjaan_selesai ?? 'belum') === 'tidak')
                                                             <span class="text-danger fw-bold">Tidak</span>
                                                         @else
                                                             <span class="text-warning fw-bold">Belum</span>
                                                         @endif
                                                    </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="7" class="text-end">Total Jam Lembur:</td>
                                                    <td class="text-center">{{ $dkl_details->sum('jam_lembur') }}</td>
                                                    <td colspan="3"></td>
                                                </tr>
                                            </tfoot>
                                        @endif
                                    </table>
                                </div>
                            </div>
                        </div>

                        {{-- ====== BUTTONS & KETERANGAN ====== --}}
                        <div class="d-flex justify-content-between align-items-center flex-wrap gap-3 mt-3 mb-3">
                            <div class="d-flex flex-column gap-2 text-xs">
                                <!-- Item 1 -->
                                <div class="d-flex align-items-center gap-2">
                                    <span class="badge rounded-pill bg-warning-subtle text-warning border border-warning-subtle px-2 py-1" style="font-size: 10px;">Belum</span>
                                    <span class="text-secondary" style="font-size: 12px;">= Pekerjaan masih berjalan & akan dilanjutkan nanti. </span>
                                </div>

                                <!-- Item 2 -->
                                <div class="d-flex align-items-center gap-2">
                                    <span class="badge rounded-pill bg-success-subtle text-success border border-success-subtle px-2 py-1" style="font-size: 10px;">Selesai</span>
                                    <span class="text-secondary" style="font-size: 12px;">= Pekerjaan telah tuntas dikerjakan seluruhnya.</span>
                                </div>

                                <!-- Item 3 -->
                                <div class="d-flex align-items-center gap-2">
                                    <span class="badge rounded-pill bg-danger-subtle text-danger border border-danger-subtle px-2 py-1" style="font-size: 10px;">Tidak</span>
                                    <span class="text-secondary" style="font-size: 12px;">= Pekerjaan terhenti/gagal karena kendala alat atau teknis.</span>
                                </div>
                            </div>
                        </div>

                        {{-- 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>

                        @if ($dkl->status == 'draft')
                            @php
                                $grouped = [];
                                foreach ($dkl_details as $detail) {
                                    $nik = $detail->nik;
                                    $name = $karyawan_map[$nik] ?? '-';
                                    if (!isset($grouped[$nik])) {
                                        $grouped[$nik] = [
                                            'nama' => $name,
                                            'total_jam' => 0,
                                            'status' => $detail->pekerjaan_selesai ?? 'belum'
                                        ];
                                    }
                                    $grouped[$nik]['total_jam'] += $detail->jam_lembur;
                                }

                                $dklHtmlTable = '<div class="table-responsive text-start mt-3" style="border-radius: 8px; overflow: hidden; border: 1px solid #e9ecef;"><table class="table mb-0" style="font-size: 12px; background-color: #fff; width: 100%; border-collapse: collapse;">';
                                $dklHtmlTable .= '<thead style="background-color: #f1f3f5; color: #495057; font-weight: bold; text-transform: uppercase;"><tr><th style="padding: 10px 15px; border-bottom: 1px solid #dee2e6;">NAMA</th><th class="text-center" style="padding: 10px 15px; border-bottom: 1px solid #dee2e6;">TOTAL DKL</th><th class="text-center" style="padding: 10px 15px; border-bottom: 1px solid #dee2e6;">STATUS</th></tr></thead><tbody>';
                                foreach ($grouped as $g) {
                                    $statusText = 'BELUM';
                                    $statusStyle = 'background-color: #f59e0b; color: #fff;';
                                    if (strtolower($g['status']) === 'sudah') {
                                        $statusText = 'SUDAH SELESAI';
                                        $statusStyle = 'background-color: #10b981; color: #fff;';
                                    } elseif (strtolower($g['status']) === 'tidak') {
                                        $statusText = 'TIDAK';
                                        $statusStyle = 'background-color: #ef4444; color: #fff;';
                                    }

                                    $dklHtmlTable .= '<tr>';
                                    $dklHtmlTable .= '<td style="padding: 10px 15px; border-bottom: 1px solid #e9ecef; font-weight: 600;">' . e($g['nama']) . '</td>';
                                    $dklHtmlTable .= '<td class="text-center" style="padding: 10px 15px; border-bottom: 1px solid #e9ecef; color: #6c757d;">' . number_format($g['total_jam'], 2) . ' jam</td>';
                                    $dklHtmlTable .= '<td class="text-center" style="padding: 10px 15px; border-bottom: 1px solid #e9ecef;"><span class="badge rounded-pill px-2 py-1" style="' . $statusStyle . ' font-size: 9px; font-weight: bold; text-transform: uppercase;">' . $statusText . '</span></td>';
                                    $dklHtmlTable .= '</tr>';
                                }
                                $dklHtmlTable .= '</tbody></table></div>';
                            @endphp

                            <hr class="horizontal dark my-3">
                            <div class="d-flex justify-content-end gap-2">
                                <a href="{{ url($url_menu . '/edit/' . encrypt($dkl->id)) }}" class="btn btn-warning mb-0">
                                    <i class="fas fa-edit me-1"></i> Edit Realisasi
                                </a>
                                <button type="button" class="btn btn-success mb-0" onclick="confirmPostingShow()">
                                    <i class="fas fa-paper-plane me-1"></i> Posting DKL
                                </button>
                            </div>

                            <form id="form-posting-dkl-show" method="POST" action="{{ url('/edit-dkl/posting') }}" style="display:none;">
                                @csrf
                                <input type="hidden" name="dkl_id" value="{{ $dkl->id }}">
                                <input type="hidden" name="return_url" value="{{ url($url_menu) }}">
                            </form>

                            <script>
                                function confirmPostingShow() {
                                    Swal.fire({
                                        title: 'Posting DKL',
                                        html: '<p style="font-size: 14px; color: #6c757d;">Apakah Anda yakin ingin mem-posting DKL <strong>{{ $dkl->no_dkl }}</strong> untuk persetujuan Atasan?</p>' + {!! json_encode($dklHtmlTable) !!},
                                        icon: 'question',
                                        showCancelButton: true,
                                        confirmButtonColor: '#10b981',
                                        cancelButtonColor: '#6c757d',
                                        confirmButtonText: 'Ya, Post!',
                                        cancelButtonText: 'Batal'
                                    }).then((result) => {
                                        if (result.isConfirmed) {
                                            document.getElementById('form-posting-dkl-show').submit();
                                        }
                                    });
                                }
                            </script>
                        @endif

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