@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])

    @php
        $isUnsafeAction = isset($sp['violation_label']) && 
                          (stripos($sp['violation_label'], 'unsafe') !== false || 
                           stripos($sp['violation_label'], 'ua') !== false);
        $isST = isset($sp['surat_label']) && stripos($sp['surat_label'], 'Teguran') !== false;
        $isSP = isset($sp['surat_label']) && stripos($sp['surat_label'], 'Peringatan') !== false;
        $spEncId = !empty($sp['id']) ? \App\Helpers\Function_Helper::encryptUrlId($sp['id']) : 0;
    @endphp

    <div class="container-fluid py-3">
        <div class="card shadow-sm">
            <div class="card-body">
                <div class="mb-2 d-flex justify-content-between align-items-center flex-wrap gap-2">
                    <div>
                        <h6 class="mb-0 text-dark font-weight-bold">Informasi Surat</h6>
                        <p class="text-sm mb-0 text-secondary">Data Surat Teguran / Peringatan - Read Only</p>
                    </div>
                    <div class="d-flex gap-2">
                        <button type="button" class="btn btn-secondary btn-sm mb-0" onclick="goBackToDetail()">
                            <i class="fas fa-arrow-left me-1"></i>Kembali
                        </button>
                        <button type="button" class="btn btn-primary btn-sm mb-0" onclick="previewSuratPDF('{{ $spEncId }}')">
                            <i class="fas fa-file-pdf me-1"></i>Preview Surat PDF
                        </button>
                    </div>
                </div>

                <div class="alert alert-info mb-3" role="alert">
                    <i class="fas fa-info-circle me-2"></i>
                    <strong>Mode View Only:</strong> Data di bawah ini hanya untuk ditampilkan dan tidak dapat diedit.
                </div>

             

                @if(!$isUnsafeAction)
                {{-- Radio Button Pilih Jenis Surat (Readonly Display) --}}
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label text-sm font-weight-bold">Pilih Jenis Surat</label>
                            <div class="d-flex gap-4">
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="letter_type_display" id="letter_type_st_display" {{ $isST ? 'checked' : '' }} disabled>
                                    <label class="form-check-label" for="letter_type_st_display">
                                        Surat Teguran
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="letter_type_display" id="letter_type_sp_display" {{ $isSP ? 'checked' : '' }} disabled>
                                    <label class="form-check-label" for="letter_type_sp_display">
                                        Surat Peringatan
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endif

                {{-- Main Form Fields --}}
                <div class="row">
                    {{-- KOLOM KIRI --}}
                    <div class="col-md-6">
                        <!-- Nama Karyawan -->
                        <div class="mb-3 d-flex flex-column">
                            <label class="form-label text-sm font-weight-bold">Nama Karyawan</label>
                            <input type="text" class="form-control" value="{{ ($sp['nik'] ?? '') ? ($sp['nik'] . ' - ' . ($sp['nama_karyawan'] ?? '-')) : ($sp['nama_karyawan'] ?? '-') }}" disabled style="background-color: #f8f9fa; cursor: not-allowed;">
                        </div>

                        @if($isST || $isSP)
                        <!-- Level Surat (Pindah ke kiri) -->
                        <div class="mb-3 d-flex flex-column">
                            <label class="form-label text-sm font-weight-bold">Level Surat {{ $isST ? 'Teguran' : 'Peringatan' }}</label>
                            <input type="text" class="form-control" value="{{ $sp['surat_label'] ?? '-' }}" disabled style="background-color: #f8f9fa; cursor: not-allowed;">
                        </div>
                        @endif

                        <!-- Departemen -->
                        <div class="mb-3 d-flex flex-column">
                            <label class="form-label text-sm font-weight-bold">Departemen</label>
                            <input type="text" class="form-control" value="{{ $sp['departemen'] ?? '-' }}" disabled style="background-color: #f8f9fa; cursor: not-allowed;">
                        </div>

                        <!-- Grup -->
                        <div class="mb-3 d-flex flex-column">
                            <label class="form-label text-sm font-weight-bold">Grup</label>
                            <input type="text" class="form-control" value="{{ $sp['nama_grup'] ?? '-' }}" disabled style="background-color: #f8f9fa; cursor: not-allowed;">
                        </div>

                        <!-- Nama Atasan -->
                        <div class="mb-3 d-flex flex-column">
                            <label class="form-label text-sm font-weight-bold">Nama Atasan</label>
                            <input type="text" class="form-control" value="{{ $sp['nama_atasan'] ?? '-' }}" disabled style="background-color: #f8f9fa; cursor: not-allowed;">
                        </div>
                    </div>

                    {{-- KOLOM KANAN --}}
                    <div class="col-md-6">
                        @if($isSP)
                        <!-- PKB (Pindah ke kanan atas) -->
                        <div class="mb-3 d-flex flex-column">
                            <label class="form-label text-sm font-weight-bold">PKB</label>
                            <input type="text" class="form-control" value="{{ $sp['pkb_label'] ?? '-' }}" disabled style="background-color: #f8f9fa; cursor: not-allowed;">
                            <small class="text-muted">Pilih PKB yang sesuai dengan pelanggaran</small>
                        </div>
                        @endif

                        @if(!$isUnsafeAction)
                        <!-- Tanggal Surat (Pindah ke kanan) -->
                        <div class="mb-3 d-flex flex-column">
                            <label class="form-label text-sm font-weight-bold">Tanggal Surat</label>
                            <input type="text" class="form-control" value="{{ $sp['tanggal_surat_formatted'] ?? '-' }}" disabled style="background-color: #f8f9fa; cursor: not-allowed;">
                        </div>

                        <!-- Nomor Surat (Pindah ke kanan) -->
                        <div class="mb-3 d-flex flex-column">
                            <label class="form-label text-sm font-weight-bold">Nomor Surat</label>
                            <input type="text" class="form-control" value="{{ $sp['nomor_surat'] ?? '-' }}" disabled style="background-color: #f8f9fa; cursor: not-allowed;">
                            <small class="text-muted">Format: NNN.800.ST/SP.M.YY</small>
                        </div>
                        @endif

                        @if($isST || $isSP)
                        <!-- Keterangan HRD (Hanya untuk ST dan SP) -->
                        <div class="mb-3 d-flex flex-column">
                            <label class="form-label text-sm font-weight-bold">Keterangan HRD</label>
                            <textarea class="form-control" rows="4" disabled style="background-color: #f8f9fa; cursor: not-allowed; resize: vertical;">{{ $sp['keterangan_hrd'] ?? '' }}</textarea>
                        </div>
                        @endif
                    </div>
                </div>

                {{-- FORM UNSAFE ACTION --}}
                @if($isUnsafeAction)
                <div class="mt-4 p-4 border rounded bg-light">
                    <h6 class="text-primary font-weight-bold mb-3">
                        <i class="fas fa-exclamation-triangle"></i> Form Unsafe Action
                    </h6>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3 d-flex flex-column">
                                <label class="form-label text-sm font-weight-bold">Hari/Tanggal</label>
                                <input type="text" class="form-control" value="{{ $sp['ua_hari_tanggal'] ?? '-' }}" disabled style="background-color: #f8f9fa;">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3 d-flex flex-column">
                                <label class="form-label text-sm font-weight-bold">Jam</label>
                                <input type="text" class="form-control" value="{{ $sp['ua_jam'] ?? '-' }}" disabled style="background-color: #f8f9fa;">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="mb-3 d-flex flex-column">
                                <label class="form-label text-sm font-weight-bold">Lokasi</label>
                                <input type="text" class="form-control" value="{{ $sp['lokasi'] ?? $sp['ua_lokasi'] ?? '-' }}" disabled style="background-color: #f8f9fa;">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3 d-flex flex-column">
                                <label class="form-label text-sm font-weight-bold">Nama</label>
                                <input type="text" class="form-control" value="{{ $sp['nama'] ?? $sp['ua_nama'] ?? '-' }}" disabled style="background-color: #f8f9fa;">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3 d-flex flex-column">
                                <label class="form-label text-sm font-weight-bold">Departemen/Bagian</label>
                                <input type="text" class="form-control" value="{{ $sp['ua_departemen_bagian'] ?? '-' }}" disabled style="background-color: #f8f9fa;">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3 d-flex flex-column">
                                <label class="form-label text-sm font-weight-bold">Nama Atasan</label>
                                <input type="text" class="form-control" value="{{ $sp['ua_nama_atasan'] ?? $sp['nama_atasan'] ?? '-' }}" disabled style="background-color: #f8f9fa;">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3 d-flex flex-column">
                                <label class="form-label text-sm font-weight-bold">Referensi Standar</label>
                                <input type="text" class="form-control" value="{{ $sp['referensi_standar'] ?? $sp['ua_referensi_standar'] ?? '-' }}" disabled style="background-color: #f8f9fa;">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="mb-3 d-flex flex-column">
                                <label class="form-label text-sm font-weight-bold">Deskripsi Pelanggaran</label>
                                <textarea class="form-control" rows="3" disabled style="background-color: #f8f9fa; resize: vertical;">{{ $sp['deskripsi_pelanggaran'] ?? $sp['ua_deskripsi_pelanggaran'] ?? '-' }}</textarea>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="mb-3 d-flex flex-column">
                                <label class="form-label text-sm font-weight-bold">Catatan/Komentar</label>
                                <textarea class="form-control" rows="2" disabled style="background-color: #f8f9fa; resize: vertical;">{{ $sp['catatan'] ?? $sp['ua_catatan_komentar'] ?? '-' }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
                @endif

                {{-- Status & Force Close Info --}}
                @if($sp['status'] === 'force_closed' && !empty($sp['catatan_penutupan']))
                <div class="mt-4 p-4 border rounded" style="background-color: #fff3cd;">
                    <h6 class="text-dark font-weight-bold mb-3">
                        <i class="fas fa-ban"></i> Status: Ditutup Sepihak oleh HRD
                    </h6>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="mb-2 d-flex flex-column">
                                <label class="form-label text-sm font-weight-bold">Catatan Penutupan</label>
                                <textarea class="form-control" rows="3" disabled style="background-color: #fff; resize: vertical;">{{ $sp['catatan_penutupan'] }}</textarea>
                            </div>
                            @if(!empty($sp['ditutup_at']))
                                <small class="text-muted">
                                    Ditutup pada: {{ date('d M Y H:i', strtotime($sp['ditutup_at'])) }}
                                    @if(!empty($sp['ditutup_by']))
                                        oleh {{ $sp['ditutup_by'] }}
                                    @endif
                                </small>
                            @endif
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>

    @push('js')
        <script>
            function previewSuratPDF(id) {
                if (!id) {
                    alert('ID surat tidak valid');
                    return;
                }
                
                const url = '{{ url("/trssp/cetaksp") }}?id=' + id;
                window.open(url, '_blank');
            }

            function goBackToDetail() {
                const savedDetailUrl = sessionStorage.getItem('rptsp_detail_url');
                if (savedDetailUrl && savedDetailUrl.includes('/rptsp/detail/')) {
                    window.location.href = savedDetailUrl;
                    return;
                }
                
                const urlParams = new URLSearchParams(window.location.search);
                const fromParam = urlParams.get('from');
                
                if (fromParam === 'detail') {
                    if (document.referrer && document.referrer.includes('/rptsp/detail/')) {
                        window.location.href = document.referrer;
                        return;
                    }
                    
                    if (window.history.length > 1) {
                        window.history.back();
                        return;
                    }
                }
                
                window.location.href = '{{ url("/rptsp") }}';
            }
        </script>
    @endpush
@endsection