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

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

    {{-- HEADER CARD --}}
    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">

                        {{-- Kembali --}}
                        <a href="{{ url($url_menu) }}" class="btn btn-secondary mb-0">
                            <i class="fas fa-circle-left me-1"></i> Kembali
                        </a>

                        {{-- Edit --}}
                        <a href="{{ url($url_menu . '/edit/' . encrypt($form->id)) }}" class="btn btn-warning mb-0">
                            <i class="fas fa-edit me-1"></i> Edit
                        </a>

                        {{-- Print --}}
                        @if ($authorize->print == '1')
                            <button class="btn btn-dark mb-0" onclick="printPDF('{{ encrypt($form->id) }}')">
                                <i class="fas fa-print me-1"></i> Print
                            </button>
                        @endif

                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- FORM UTAMA --}}
    <div class="container-fluid py-4">
        <div class="row">

            {{-- ========================= --}}
            {{--        FORM KIRI          --}}
            {{-- ========================= --}}
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">

                        <p class="text-uppercase text-sm">Detail Surat Keterangan</p>
                        <hr class="horizontal dark mt-0">

                        {{-- TANGGAL --}}
                        <div class="mb-3">
                            <label class="form-control-label">Tanggal Pembuatan</label>
                            <input type="date" class="form-control" value="{{ $form->tgl_buat }}" readonly>
                        </div>

                        {{-- KARYAWAN --}}
                        <div class="mb-3">
                            <label>Nama</label>
                            <input type="text" class="form-control" value="{{ $form->nama_karyawan }}" readonly>
                        </div>

                        {{-- NIK --}}
                        <div class="mb-3">
                            <label>NIK</label>
                            <input type="text" class="form-control" value="{{ $form->nik }}" readonly>
                        </div>

                        {{-- TIPE SURAT --}}
                        <div class="mb-3">
                            <label>Tipe Surat</label>
                            <input type="text" class="form-control" value="{{ strtoupper($form->tipe) }}" readonly>
                        </div>

                        {{-- ====================== --}}
                        {{-- ===== SHOW SEHAT ===== --}}
                        {{-- ====================== --}}
                        @if ($form->tipe == 'sehat')
                            <hr>
                            <p class="text-uppercase text-sm">Detail Pemeriksaan (SEHAT)</p>

                            <div class="mb-3">
                                <label>Keperluan</label>
                                <textarea class="form-control" rows="3" readonly>{{ $form->keperluan }}</textarea>
                            </div>

                            <div class="mb-3">
                                <label>Keterangan</label>
                                <input type="text" class="form-control"
                                    value="{{ $form->ket == 1 ? 'SEHAT' : 'TIDAK SEHAT' }}" readonly>
                            </div>

                            <div class="mb-3">
                                <label>Tinggi Badan (cm)</label>
                                <input type="text" class="form-control" value="{{ $form->tb }}" readonly>
                            </div>

                            <div class="mb-3">
                                <label>Berat Badan (kg)</label>
                                <input type="text" class="form-control" value="{{ $form->bb }}" readonly>
                            </div>

                            <div class="mb-3">
                                <label>Tekanan Darah (mmHg)</label>
                                <input type="text" class="form-control"
                                    value="{{ $form->tekanan_sistolik }}/{{ $form->tekanan_diastolik }}" readonly>
                            </div>

                            <div class="mb-3">
                                <label>Golongan Darah</label>
                                <input type="text" class="form-control" value="{{ $form->golongan_darah }}" readonly>
                            </div>

                            <div class="mb-3">
                                <label>Buta Warna</label>
                                <input type="text" class="form-control"
                                    value="{{ $form->buta_warna == 1 ? 'Ya' : 'Tidak' }}" readonly>
                            </div>
                        @endif

                        {{-- ====================== --}}
                        {{-- ===== SHOW SAKIT ===== --}}
                        {{-- ====================== --}}
                        @if ($form->tipe == 'sakit')
                            <hr>
                            <p class="text-uppercase text-sm">Detail Pemeriksaan (SAKIT)</p>

                            <div class="mb-3">
                                <label>Lama Istirahat (Hari)</label>
                                <input type="text" class="form-control" value="{{ $form->lama }}" readonly>
                            </div>

                            <div class="mb-3">
                                <label>Dari Tanggal</label>
                                <input type="date" class="form-control" value="{{ $form->tgl_from }}" readonly>
                            </div>

                            <div class="mb-3">
                                <label>Sampai Tanggal</label>
                                <input type="date" class="form-control" value="{{ $form->tgl_to }}" readonly>
                            </div>
                        @endif
                        <div class="mb-3">
                            <label>Pemeriksa</label>

                            <div class="mb-3">
                                <input type="text" class="form-control" value="{{ $form->nama_dokter }}" readonly>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Area untuk menampilkan PDF -->
    <div class="container mt-4">
        <iframe id="pdfFrame" style="width: 0%; height: 0vh; display: none;" frameborder="0"></iframe>
    </div>
@endsection
@push('js')
    <script>
        function printPDF(idEncrypt) {
            var pdfUrl = "{{ url($url_menu . '/print' . '/') }}/" + idEncrypt;

            // Menampilkan iframe
            var iframe = document.getElementById('pdfFrame');
            iframe.style.display = 'block'; // Menampilkan iframe

            // Update src iframe dengan URL PDF
            iframe.src = pdfUrl;
        }
    </script>
@endpush