@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 Pengajuan SPL</h5>
                            <div class="d-flex gap-2">
                                @if ($spl->status === 'draft')
                                    <form action="{{ route('pengajuan.spl.submit') }}" method="POST" id="formSubmitSpl" class="d-inline">
                                        @csrf
                                        <input type="hidden" name="spl_id" value="{{ $spl->id }}">
                                        <button type="button" class="btn btn-sm btn-success" onclick="confirmSubmit()">
                                            <i class="fas fa-paper-plane me-1"></i> Submit
                                        </button>
                                    </form>
                                @endif
                                <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>
                    <div class="card-body">

                        {{-- ====== HEADER SPL ====== --}}
                        <div class="card mb-4 border">
                            <div class="card-header bg-light">
                                <h6 class="mb-0">Header SPL</h6>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-4 mb-3">
                                        <label class="form-label fw-bold">No SPL</label>
                                        <p class="form-control-plaintext">{{ $spl->no_spl }}</p>
                                    </div>
                                    <div class="col-md-4 mb-3">
                                        <label class="form-label fw-bold">Tanggal Pengajuan</label>
                                        <p class="form-control-plaintext">
                                            {{ \Carbon\Carbon::parse($spl->tanggal_pengajuan)->format('j-M-Y') }}</p>
                                    </div>
                                    <div class="col-md-4 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-info',
                                                    'rejected_atasan' => 'bg-danger',
                                                    'pending_hrd' => 'bg-warning text-white',
                                                    'approved_hrd' => 'bg-success',
                                                    'rejected_hrd' => 'bg-danger',
                                                    'cancelled' => 'bg-dark',
                                                ];
                                            @endphp
                                            <span class="badge {{ $statusBadge[$spl->status] ?? 'bg-secondary' }}">
                                                {{ strtoupper(str_replace('_', ' ', $spl->status)) }}
                                            </span>
                                        </p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-4 mb-3">
                                        <label class="form-label fw-bold">NIK Pemohon</label>
                                        <p class="form-control-plaintext">{{ $spl->nik }}</p>
                                    </div>
                                    <div class="col-md-4 mb-3">
                                        <label class="form-label fw-bold">Nama Pemohon</label>
                                        <p class="form-control-plaintext">{{ $pemohon->nama ?? '-' }}</p>
                                    </div>
                                    <div class="col-md-4 mb-3">
                                        <label class="form-label fw-bold">Departemen</label>
                                        <p class="form-control-plaintext">{{ $departemen->nama ?? '-' }}</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-8 mb-3">
                                        <label class="form-label fw-bold">Keterangan</label>
                                        <p class="form-control-plaintext">{{ $spl->keterangan ?: '-' }}</p>
                                    </div>
                                    <div class="col-md-4 mb-3">
                                        <label class="form-label fw-bold">Sending Approval To</label>
                                        <p class="form-control-plaintext">{{ $approver_name ?? '-' }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- ====== APPROVAL INFO ====== --}}
                        @if ($spl->status != 'draft')
                            <div class="card mb-4 border">
                                <div class="card-header bg-light">
                                    <h6 class="mb-0">Informasi Approval</h6>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        {{-- Atasan --}}
                                        <div class="col-md-6">
                                            <h6 class="text-sm text-uppercase text-muted">Approval Atasan</h6>
                                            <table class="table table-sm table-borderless">
                                                <tr>
                                                    <td width="120">Status</td>
                                                    <td>:
                                                        @if (str_contains($spl->status, 'approved_atasan') || str_contains($spl->status, 'pending_hrd') || str_contains($spl->status, 'approved_hrd'))
                                                            <span class="badge bg-success">Approved</span>
                                                        @elseif (str_contains($spl->status, 'rejected_atasan'))
                                                            <span class="badge bg-danger">Rejected</span>
                                                        @elseif (str_contains($spl->status, 'pending_atasan'))
                                                            <span class="badge bg-warning text-white">Pending</span>
                                                        @else
                                                            <span class="badge bg-secondary">-</span>
                                                        @endif
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Approved By</td>
                                                    <td>: {{ \App\Helpers\Format_Helper::getNameAndUsername($spl->approved_atasan_by) }}</td>
                                                </tr>
                                                <tr>
                                                    <td>Tanggal</td>
                                                    <td>:
                                                        {{ $spl->approved_atasan_at ? \Carbon\Carbon::parse($spl->approved_atasan_at)->format('j-M-Y H:i') : '-' }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Catatan</td>
                                                    <td>: {{ $spl->catatan_atasan ?: '-' }}</td>
                                                </tr>
                                            </table>
                                        </div>
                                        {{-- HRD LEGACY --}}
                                        <div class="col-md-6">
                                            <h6 class="text-sm text-uppercase text-muted">Informasi HRD (Legacy)</h6>
                                            <table class="table table-sm table-borderless">
                                                <tr>
                                                    <td width="120">Status</td>
                                                    <td>:
                                                        @if (str_contains($spl->status, 'approved_hrd'))
                                                            <span class="badge bg-success">Approved</span>
                                                        @elseif (str_contains($spl->status, 'rejected_hrd'))
                                                            <span class="badge bg-danger">Rejected</span>
                                                        @elseif (str_contains($spl->status, 'pending_hrd'))
                                                            <span class="badge bg-warning text-white">Pending</span>
                                                        @else
                                                            <span class="badge bg-secondary">-</span>
                                                        @endif
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Approved By</td>
                                                    <td>: {{ \App\Helpers\Format_Helper::getNameAndUsername($spl->approved_hrd_by) }}</td>
                                                </tr>
                                                <tr>
                                                    <td>Tanggal</td>
                                                    <td>:
                                                        {{ $spl->approved_hrd_at ? \Carbon\Carbon::parse($spl->approved_hrd_at)->format('j-M-Y H:i') : '-' }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Catatan</td>
                                                    <td>: {{ $spl->catatan_hrd ?: '-' }}</td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif

                        {{-- ====== DETAIL SPL ====== --}}
                        <div class="card mb-4 border">
                            <div class="card-header bg-light">
                                <h6 class="mb-0">Detail Lembur ({{ $spl_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</th>
                                                <th width="150px">Nama</th>
                                                <th width="120px">Tanggal Lembur</th>
                                                <th width="250px">Agenda</th>
                                                <th width="80px">Mulai Pengerjaan</th>
                                                <th width="80px">Selesai Pengerjaan</th>
                                                <th width="70px">Istirahat (Jam)</th>
                                                <th width="70px">Jam</th>
                                                <th width="150px">Jenis</th>
                                                <th width="150px">Tipe</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($spl_details as $idx => $detail)
                                                <tr>
                                                    <td class="text-center">{{ $idx + 1 }}</td>
                                                    <td>{{ $detail->nik }}</td>
                                                    <td>{{ $karyawan_map[$detail->nik] ?? '-' }}</td>
                                                    <td>{{ \Carbon\Carbon::parse($detail->tanggal_lembur)->format('j-M-Y') }}
                                                    </td>
                                                    <td>{{ $detail->agenda }}</td>
                                                    <td>{{ $detail->jam_mulai ? \Carbon\Carbon::parse($detail->jam_mulai)->format('H:i') : '-' }}</td>
                                                    <td>{{ $detail->jam_selesai ? \Carbon\Carbon::parse($detail->jam_selesai)->format('H:i') : '-' }}</td>
                                                    <td class="text-center">{{ $detail->break_jam }}</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>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="11" class="text-center text-muted">Tidak ada detail lembur.
                                                    </td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                        @if ($spl_details->count() > 0)
                                            <tfoot>
                                                <tr class="fw-bold" style="background-color: #f0f0f0;">
                                                    <td colspan="8" class="text-end">Total Jam Lembur:</td>
                                                    <td class="text-center">{{ $spl_details->sum('jam_lembur') }}</td>
                                                    <td colspan="2"></td>
                                                </tr>
                                            </tfoot>
                                        @endif
                                    </table>
                                </div>
                            </div>
                        </div>

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

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

@push('js')
    <script>
        function confirmSubmit() {
            if (typeof Swal !== 'undefined') {
                Swal.fire({
                    title: 'Submit SPL',
                    text: 'Apakah Anda yakin ingin submit SPL ini? SPL yang sudah disubmit tidak dapat diubah lagi.',
                    icon: 'question',
                    showCancelButton: true,
                    confirmButtonColor: '#2dce89',
                    cancelButtonColor: '#6c757d',
                    confirmButtonText: 'Ya, Submit Sekarang!',
                    cancelButtonText: 'Batal'
                }).then((result) => {
                    if (result.isConfirmed) {
                        document.getElementById('formSubmitSpl').submit();
                    }
                });
            } else {
                if (confirm('Apakah Anda yakin ingin submit SPL ini? SPL yang sudah disubmit tidak dapat diubah lagi.')) {
                    document.getElementById('formSubmitSpl').submit();
                }
            }
        }
    </script>
@endpush