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

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <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">
                        <button class="btn btn-secondary mb-0" onclick="history.back()"><i class="fas fa-circle-left me-1">
                            </i><span class="font-weight-bold">Kembali</button>
                        <button class="btn btn-primary btn-sm mb-0" style="display: none;" id="sysuser-save"
                            onclick="event.preventDefault(); document.getElementById('sysuser-form').submit();">Simpan</button>
                        @if ($authorize->edit == '1')
                            @if ($rekamMedis->status == 'E')
                                <a id="editButton" class="btn btn-warning mb-0">
                                    <span class="fa fa-edit me-1"></span>Edit</a>
                                <form id="postForm_{{ $rekamMedis->id }}"
                                    action="{{ url('rekamMedis/post/' . $rekamMedis->id) }}" method="POST"
                                    style="display: inline-block;">
                                    @csrf
                                    <button type="button" class="btn btn-primary mb-0"
                                        onclick="showConfirmation('{{ $rekamMedis->id }}', '{{ $rekamMedis->status }}')">
                                        <span class="fa fa-send me-1"></span>Post
                                    </button>
                                </form>

                                <form id="reverseForm_{{ $rekamMedis->id }}"
                                    action="{{ url('rekamMedis/reverse/' . $rekamMedis->id) }}" method="POST"
                                    style="display: inline-block;">
                                    @csrf
                                    <button type="button" class="btn btn-danger mb-0"
                                        onclick="showConfirmationReverse('{{ $rekamMedis->id }}')">
                                        <span class="fa fa-trash me-1"></span>Hapus
                                    </button>
                                </form>
                            @elseif ($rekamMedis->status === 'F')
                                <form id="reverseForm_{{ $rekamMedis->id }}"
                                    action="{{ url('rekamMedis/reverse/' . $rekamMedis->id) }}" method="POST"
                                    style="display: inline-block;">
                                    @csrf
                                    <button type="button" class="btn btn-danger mb-0"
                                        onclick="showConfirmationReverse('{{ $rekamMedis->id }}')">
                                        <span class="fa fa-trash me-1"></span>Reverse
                                    </button>
                                </form>
                            @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <form role="form" method="POST">
        @csrf
        @method('PUT')
        <div class="container-fluid py-4">
            <!-- Header -->
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <input type="hidden" value="msjklinik" name="password">
                        <div class="card-body">
                            <p class="text-uppercase text-sm">Show {{ $title_menu }}</p>
                            <hr class="horizontal dark mt-0">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="card mb-4">
                                        <div class="card-header pb-0">
                                            <h5>Header</h5>
                                            <hr>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="row mb-3">
                                                        <div class="col-lg-3">
                                                            <label for="id" class="text-lg">ID</label>
                                                        </div>
                                                        <div class="col-lg-9">
                                                            <input type="text" placeholder="--"
                                                                value="{{ $rekamMedis->id }}" name="id"
                                                                class="form-control" readonly />
                                                        </div>
                                                    </div>
                                                    <div class="row mb-3">
                                                        <div class="col-lg-3">
                                                            <label for="inputReference" class="text-lg">No. Rekam
                                                                Medis</label>
                                                        </div>
                                                        <div class="col-lg-9">
                                                            <input type="text" class="form-control"
                                                                value="{{ $rekamMedis->no_rm }}" id="nik"
                                                                name="no_rm" required readonly>
                                                        </div>
                                                    </div>
                                                    <div class="row mb-3">
                                                        <div class="col-lg-3">
                                                            <label for="inputDate" class="text-lg">Tanggal</label>
                                                        </div>
                                                        <div class="col-lg-9">
                                                            <input type="date" class="form-control"
                                                                value="{{ $rekamMedis->tgl }}" name="tgl"
                                                                id="tgl" required readonly>
                                                            <div class="invalid-feedback">Date is required.</div>
                                                        </div>
                                                    </div>
                                                    <div class="row mb-3">
                                                        <div class="col-lg-3">
                                                            <label for="inputCustomer" class="text-lg">Nama</label>
                                                        </div>
                                                        <div class="col-lg-9">
                                                            <input type="text" class="form-control"
                                                                value="{{ $rekamMedis->nama }}" id="nama"
                                                                name="nama" required readonly>
                                                        </div>
                                                    </div>
                                                    <div class="row mb-3">
                                                        <div class="col-lg-3">
                                                            <label for="inputReference" class="text-lg">Title</label>
                                                        </div>
                                                        <div class="col-lg-9">
                                                            <input type="text" class="form-control"
                                                                value="{{ $rekamMedis->title }}" id="title"
                                                                name="title" required readonly>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="col-md-6">
                                                    <div class="row mb-3">
                                                        <div class="col-lg-3">
                                                            <label for="inputTgl_lahir" class="text-lg">Tgl Lahir</label>
                                                        </div>
                                                        <div class="col-lg-9">
                                                            <input type="text" class="form-control"
                                                                value="{{ $rekamMedis->tgl_lahir }}" id="tgl_lahir"
                                                                name="tgl_lahir" required readonly>
                                                        </div>
                                                    </div>
                                                    <div class="row mb-3">
                                                        <div class="col-lg-3">
                                                            <label for="inputGender" class="text-lg">Gender</label>
                                                        </div>
                                                        <div class="col-lg-9">
                                                            <input type="text" class="form-control"
                                                                value="{{ $rekamMedis->gender }}" id="gender"
                                                                name="gender" required readonly>
                                                        </div>
                                                    </div>
                                                    <div class="row mb-3">
                                                        <div class="col-lg-3">
                                                            <label for="inputUmur" class="text-lg">Umur</label>
                                                        </div>
                                                        <div class="col-lg-9">
                                                            <input type="text" class="form-control"
                                                                value="{{ $rekamMedis->umur }}" id="umur"
                                                                name="umur" required readonly>
                                                        </div>
                                                    </div>
                                                    <div class="row mb-3">
                                                        <div class="col-lg-3">
                                                            <label for="inputDepartemen"
                                                                class="text-lg">Departemen</label>
                                                        </div>
                                                        <div class="col-lg-9">
                                                            <input type="text" class="form-control"
                                                                value="{{ $rekamMedis->departemen }}" id="departemen"
                                                                name="departemen" required readonly>
                                                        </div>
                                                    </div>
                                                    <div class="row mb-3">
                                                        <div class="col-lg-3">
                                                            <label for="inputDokter" class="text-lg">Pemeriksa</label>
                                                        </div>
                                                        <div class="col-lg-9">
                                                            <input type="text" class="form-control"
                                                                value="{{ $rekamMedis->dokter }}" id="departemen"
                                                                name="departemen" required readonly>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Page Anamnesia dan Pemeriksaan Fisik -->
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="card mb-4">
                                        <div class="card-header pb-0">
                                            <h5>Anamnesia dan Pemeriksaan Fisik</h5>
                                            <hr>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="card shadow mb-4">
                                                        <div class="card-body">
                                                            <div class="row mb-3">
                                                                <div class="col-lg-2">
                                                                    <label class="text-lg">Subjektif</label>
                                                                </div>
                                                                <hr>
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-20">
                                                                        <textarea class="form-control" id="ds" name="ds" readonly>{{ $rekamMedis->ds }}</textarea>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="card shadow mb-4">
                                                        <div class="card-body">
                                                            <div class="row mb-3">
                                                                <div class="col-lg-2">
                                                                    <label for="inputUmur"
                                                                        class="text-lg">Objektif</label>
                                                                </div>
                                                                <hr>
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-2">
                                                                        <label for="tb" class="text-lg">TB</label>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="input-group">
                                                                            <input type="text"
                                                                                value="{{ $rekamMedis->tb }}"
                                                                                class="form-control" id="tb"
                                                                                name="tb" readonly>
                                                                            <span class="input-group-text">cm</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-2">
                                                                        <label for="bb" class="text-lg">BB</label>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="input-group">
                                                                            <input type="text"
                                                                                value="{{ $rekamMedis->bb }}"
                                                                                class="form-control" id="bb"
                                                                                name="bb" readonly>
                                                                            <span class="input-group-text">kg</span>
                                                                        </div>
                                                                    </div>

                                                                </div>
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-2">
                                                                        <label for="nadi" class="text-lg">Nadi</label>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="input-group">
                                                                            <input type="text"
                                                                                value="{{ $rekamMedis->nadi }}"
                                                                                class="form-control" id="nadi"
                                                                                name="nadi" readonly>
                                                                            <span class="input-group-text">x/mnt</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-2">
                                                                        <label for="rr"
                                                                            class="text-lg">Respiratori</label>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="input-group">
                                                                            <input type="text"
                                                                                value="{{ $rekamMedis->rr }}"
                                                                                class="form-control" id="rr"
                                                                                name="rr" readonly>
                                                                            <span class="input-group-text">x/mnt</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-2">
                                                                        <label for="suhu" class="text-lg">Suhu</label>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="input-group">
                                                                            <input type="text"
                                                                                value="{{ $rekamMedis->suhu }}"
                                                                                class="form-control" id="suhu"
                                                                                name="suhu" readonly>
                                                                            <span class="input-group-text">°C</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-2">
                                                                        <label for=""
                                                                            class="text-lg">Tensi</label>
                                                                    </div>
                                                                    <div class="col-lg-2">
                                                                        <input type="number"
                                                                            value="{{ $rekamMedis->tekanan_sistolik }}"
                                                                            class="form-control" name="tekanan_sistolik"
                                                                            id="tekanan_sistolik" value="0" required
                                                                            readonly>
                                                                    </div>
                                                                    <div class="col-lg-2"
                                                                        style="padding-left: 0px;padding-right: 0px;width: 0px;">
                                                                        <span>/</span>
                                                                    </div>
                                                                    <div class="col-lg-2">
                                                                        <input type="number"
                                                                            value="{{ $rekamMedis->tekanan_diastolik }}"
                                                                            class="form-control" name="tekanan_diastolik"
                                                                            id="tekanan_diastolik" value="0" required
                                                                            readonly>
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-2">
                                                                        <label for="o2" class="text-lg">O2</label>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="input-group">
                                                                            <input type="text"
                                                                                value="{{ $rekamMedis->o2 }}"
                                                                                class="form-control" id="o2"
                                                                                name="o2" readonly>
                                                                            <span class="input-group-text">%</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-2">
                                                                        <label for="asam_urat" class="text-lg">Asam
                                                                            Urat</label>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="input-group">
                                                                            <input type="text"
                                                                                value="{{ $rekamMedis->asam_urat }}"
                                                                                class="form-control" id="asam_urat"
                                                                                name="asam_urat" readonly>
                                                                            <span class="input-group-text">mg/dL</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-2">
                                                                        <label for="glukosa" class="text-lg">Glukosa
                                                                            Darah</label>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="input-group">
                                                                            <input type="text"
                                                                                value="{{ $rekamMedis->glukosa }}"
                                                                                class="form-control" id="glukosa"
                                                                                name="glukosa" readonly>
                                                                            <span class="input-group-text">mg/dL</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-2">
                                                                        <label for="kolesterol"
                                                                            class="text-lg">Kolesterol</label>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="input-group">
                                                                            <input type="text"
                                                                                value="{{ $rekamMedis->kolesterol }}"
                                                                                class="form-control" id="kolesterol"
                                                                                name="kolesterol" readonly>
                                                                            <span class="input-group-text">mg/dL</span>
                                                                        </div>
                                                                    </div>


                                                                </div>
                                                                <div class="row mb-3">
                                                                    {{-- Swab Ag --}}
                                                                    <div class="col-lg-2">
                                                                        <label for="swab" class="text-lg">
                                                                            Swab Ag
                                                                        </label>
                                                                    </div>

                                                                    <div class="col-lg-4">
                                                                        <input type="text" class="form-control"
                                                                            id="swab"
                                                                            value="{{ $rekamMedis->swab ?: '-' }}"
                                                                            readonly>
                                                                    </div>

                                                                    {{-- Indikator --}}
                                                                    <div class="col-lg-2">
                                                                        <label class="text-lg">
                                                                            Indikator
                                                                        </label>
                                                                    </div>

                                                                    <div class="col-lg-4">
                                                                        <div
                                                                            class="d-flex align-items-center gap-4 flex-wrap">

                                                                            {{-- PAK --}}
                                                                            <div class="form-check form-switch mb-0">
                                                                                <input class="form-check-input"
                                                                                    type="checkbox" role="switch"
                                                                                    id="pak" disabled
                                                                                    {{ $rekamMedis->pak ? 'checked' : '' }}>

                                                                                <label
                                                                                    class="form-check-label font-weight-bold"
                                                                                    for="pak">
                                                                                    PAK
                                                                                </label>
                                                                            </div>

                                                                            {{-- Kecelakaan Kerja --}}
                                                                            <div class="form-check form-switch mb-0">
                                                                                <input class="form-check-input"
                                                                                    type="checkbox" role="switch"
                                                                                    id="kk" disabled
                                                                                    {{ $rekamMedis->kk ?? 0 ? 'checked' : '' }}>

                                                                                <label
                                                                                    class="form-check-label font-weight-bold"
                                                                                    for="kk">
                                                                                    Kecelakaan Kerja
                                                                                </label>
                                                                            </div>

                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Riwayat Rekam Medis -->
                                                <div class="col-md-6">
                                                    <div class="card shadow mb-4">
                                                        <div class="card-body">
                                                            <!-- Bagian Riwayat Rekam Medis -->
                                                            <div class="row mb-3">
                                                                <div class="col-lg">
                                                                    <label for="inputUmur" class="text-lg">Riwayat Rekam
                                                                        Medis</label>
                                                                </div>
                                                                <hr>
                                                                <div class="col-lg-20">
                                                                    <div id="riwayat_rekam_medis">
                                                                        <!-- Data rekam medis terakhir akan ditampilkan di sini -->
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="card shadow mb-4">
                                                        <div class="card-body">
                                                            <div class="row mb-3">
                                                                <div class="col-lg-2">
                                                                    <label class="text-lg">Lain-lain</label>
                                                                </div>
                                                                <hr>
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-20">
                                                                        <textarea type="text" name="lain_lain" id="lain_lain" class="form-control" readonly>{{ $rekamMedis->lain_lain }}
                                                            </textarea>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Page Diagnosa -->
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="card mb-4">
                                        <div class="card-header pb-0">
                                            <h5>Diagnosa</h5>
                                            <hr>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="card shadow mb-4">
                                                        <div class="card-body">
                                                            <div class="row mb-3">
                                                                <div class="col-lg-2">
                                                                    <label class="text-lg">Diagnosa</label>
                                                                </div>
                                                                <hr>
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-20">
                                                                        <input value="{{ $rekamMedis->diagnosa }}"
                                                                            class="form-control" name="diagnosa"
                                                                            id="diagnosa" value="0" required
                                                                            readonly>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Tgl Kontrol -->
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="card mb-4">
                                        <div class="card-header pb-0">
                                            <h5>Tanggal Kembali Kontrol<span class="text-danger"></span></h5>
                                            <hr>
                                            <div class="row">
                                                <div class="row mb-3">
                                                    <div class="col-lg-3">
                                                        <input type="date" class="form-control" name="tgl_kontrol"
                                                            value="{{ $rekamMedis->tgl_kontrol }}" id="tgl_kontrol"
                                                            min="{{ now()->addDay()->toDateString() }}" readonly>
                                                        <p class='text-secondary text-xs pt-1 px-1'>isi tgl periksa jika
                                                            pasien harus
                                                            kembali kontrol ke klinik</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Page Gambar Luka -->
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="card mb-4">
                                        <div class="card-header pb-0">
                                            <h5>Dokumentasi Injury/Cedera <small class="text-muted">(opsional)</small></h5>
                                            <hr>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="card shadow mb-4">
                                                        <div class="card-body">
                                                            <!-- Bagian Sebelum Penanganan -->
                                                            <div class="form-group">
                                                                <label class="form-control-label">Sebelum
                                                                    Penanganan</label>
                                                                <div class="row">
                                                                    <!-- Gambar Sebelum 1 -->
                                                                    <div class="col-md-4">
                                                                        <span
                                                                            class="h-12 w-12 rounded-full overflow-hidden bg-gray-100">
                                                                            <img src="{{ $rekamMedis->gambar_seb ? asset('storage/' . $rekamMedis->gambar_seb) : asset('/storage/noimage.png') }}"
                                                                                id="preview_sebelum1" alt="image"
                                                                                style="width: 100%; height: 100%; object-fit: cover;"
                                                                                class="border-radius-lg shadow-sm">
                                                                        </span>
                                                                    </div>

                                                                    <!-- Gambar Sebelum 2 -->
                                                                    <div class="col-md-4">
                                                                        <span
                                                                            class="h-12 w-12 rounded-full overflow-hidden bg-gray-100">
                                                                            <img src="{{ $rekamMedis->gambar_seb2 ? asset('storage/' . $rekamMedis->gambar_seb2) : asset('/storage/noimage.png') }}"
                                                                                id="preview_sebelum2" alt="image"
                                                                                style="width: 100%; height: 100%; object-fit: cover;"
                                                                                class="border-radius-lg shadow-sm">
                                                                        </span>
                                                                    </div>

                                                                    <!-- Gambar Sebelum 3 -->
                                                                    <div class="col-md-4">
                                                                        <span
                                                                            class="h-12 w-12 rounded-full overflow-hidden bg-gray-100">
                                                                            <img src="{{ $rekamMedis->gambar_seb3 ? asset('storage/' . $rekamMedis->gambar_seb3) : asset('/storage/noimage.png') }}"
                                                                                id="preview_sebelum3" alt="image"
                                                                                style="width: 100%; height: 100%; object-fit: cover;"
                                                                                class="border-radius-lg shadow-sm">
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <!-- Bagian Sesudah Penanganan -->
                                                            <div class="form-group">
                                                                <label class="form-control-label">Sesudah
                                                                    Penanganan</label>
                                                                <div class="row">
                                                                    <!-- Gambar Sesudah 1 -->
                                                                    <div class="col-md-4">
                                                                        <span
                                                                            class="h-12 w-12 rounded-full overflow-hidden bg-gray-100">
                                                                            <img src="{{ $rekamMedis->gambar_ses ? asset('storage/' . $rekamMedis->gambar_ses) : asset('/storage/noimage.png') }}"
                                                                                id="preview_sesudah1" alt="image"
                                                                                style="width: 100%; height:100%; object-fit: cover;"
                                                                                class="border-radius-lg shadow-sm">
                                                                        </span>
                                                                    </div>

                                                                    <!-- Gambar Sesudah 2 -->
                                                                    <div class="col-md-4">
                                                                        <span
                                                                            class="h-12 w-12 rounded-full overflow-hidden bg-gray-100">
                                                                            <img src="{{ $rekamMedis->gambar_ses2 ? asset('storage/' . $rekamMedis->gambar_ses2) : asset('/storage/noimage.png') }}"
                                                                                id="preview_sesudah2" alt="image"
                                                                                style="width: 100%; height: 100%; object-fit: cover;"
                                                                                class="border-radius-lg shadow-sm">
                                                                        </span>
                                                                    </div>

                                                                    <!-- Gambar Sesudah 3 -->
                                                                    <div class="col-md-4">
                                                                        <span
                                                                            class="h-12 w-12 rounded-full overflow-hidden bg-gray-100">
                                                                            <img src="{{ $rekamMedis->gambar_ses3 ? asset('storage/' . $rekamMedis->gambar_ses3) : asset('/storage/noimage.png') }}"
                                                                                id="preview_sesudah3" alt="image"
                                                                                style="width: 100%; height: 100%; object-fit: cover;"
                                                                                class="border-radius-lg shadow-sm">
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Page Detail Obat -->
                            <div class="row">
                                <div class="col-12">
                                    <div class="card mb-4">
                                        <div class="card-header pb-0">
                                            <h5>Detail Obat</h5>
                                            <hr>
                                            <label class="ms-3">Alergi Obat?</label>
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input ms-0" type="checkbox" id="alergi"
                                                    disabled {{ $rekamMedis->alergi_obat == '' ? '' : 'checked=checked' }}>
                                                <label class="form-check-label" for="Iya">Iya</label>
                                            </div>
                                            <code id="note_alergi"
                                                {{ $rekamMedis->alergi_obat == '' ? 'style=display:none;' : '' }}>isi
                                                rincian
                                                alergi obat</code>
                                            <div class="alert-danger p-1" role="alert" id="alergi_obat"
                                                {{ $rekamMedis->alergi_obat == '' ? 'style=display:none;' : '' }}>
                                                <textarea type="text" placeholder="Tambahkan alergi obat apa?" name="alergi_obat" class="form-control" disabled>{{ $rekamMedis->alergi_obat }}</textarea>
                                            </div>
                                        </div>
                                        <div class="card-body">
                                            <div class="table-responsive">
                                                <table class="table table-bordered table-striped" style="width:100%">
                                                    <thead style="background-color: #daecff;">
                                                        <tr>
                                                            <th scope="col">Item</th>
                                                            <th scope="col">Tipe</th>
                                                            <th scope="col">Kode</th>
                                                            <th scope="col">Nama Obat</th>
                                                            <th scope="col">Pemakaian</th>
                                                            <th scope="col">Jumlah</th>
                                                            <th scope="col" colspan="3">Aturan Minum</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="table-data">
                                                        @foreach ($details as $d)
                                                            <tr>
                                                                <td>{{ $d->item }}</td>
                                                                <td>{{ $d->tipe }}</td>
                                                                <td>{{ $d->kode_obat }}</td>
                                                                <td>{{ $d->nama_obat }}</td>
                                                                <td>{{ $d->pemakaian }}</td>
                                                                <td class="text-end">{{ $d->qty }}</td>
                                                                <td>{{ $d->aturan_pakai1 }} {{ $d->aturan_pakai2 }}
                                                                    {{ $d->aturan_pakai3 }}</td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal -->
        <div class="modal fade" id="imageModal" tabindex="-1" aria-labelledby="imageModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <!-- Tambahkan class modal-lg untuk modal yang lebih besar -->
                <div class="modal-content">
                    <div class="modal-body text-center">
                        <!-- Tambahkan tag img di dalam modal untuk menampilkan gambar -->
                        <img id="modalLukaImage" class="img-fluid" width="800px" height="800px">
                    </div>
                </div>
            </div>
        </div>
    </form>
    <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">
                        <button class="btn btn-secondary mb-0" onclick="history.back()"><i
                                class="fas fa-circle-left me-1">
                            </i><span class="font-weight-bold">Kembali</button>
                        <button class="btn btn-primary btn-sm mb-0" style="display: none;" id="sysuser-save"
                            onclick="event.preventDefault(); document.getElementById('sysuser-form').submit();">Simpan</button>
                        @if ($rekamMedis->status == 'E')
                            <a id="editButton1" class="btn btn-warning mb-0">
                                <span class="fa fa-edit me-1"></span>Edit</a>
                            <form id="postForm_{{ $rekamMedis->id }}"
                                action="{{ url('rekamMedis/post/' . $rekamMedis->id) }}" method="POST"
                                style="display: inline-block;">
                                @csrf
                                <button type="button" class="btn btn-primary mb-0"
                                    onclick="showConfirmation('{{ $rekamMedis->id }}', '{{ $rekamMedis->status }}')">
                                    <span class="fa fa-send me-1"></span>Post
                                </button>
                            </form>

                            <form id="reverseForm_{{ $rekamMedis->id }}"
                                action="{{ url('rekamMedis/reverse/' . $rekamMedis->id) }}" method="POST"
                                style="display: inline-block;">
                                @csrf
                                <button type="button" class="btn btn-danger mb-0"
                                    onclick="showConfirmationReverse('{{ $rekamMedis->id }}')">
                                    <span class="fa fa-trash me-1"></span>Hapus
                                </button>
                            </form>
                        @elseif ($rekamMedis->status === 'F')
                            <form id="reverseForm_{{ $rekamMedis->id }}"
                                action="{{ url('rekamMedis/reverse/' . $rekamMedis->id) }}" method="POST"
                                style="display: inline-block;">
                                @csrf
                                <button type="button" class="btn btn-danger mb-0"
                                    onclick="showConfirmationReverse('{{ $rekamMedis->id }}')">
                                    <span class="fa fa-trash me-1"></span>Reverse
                                </button>
                            </form>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('js')
    <script>
        function showConfirmation(id, status) {
            var postUrl = "{{ url('rekamMedis/post/') }}/" + id;
            Swal.fire({
                title: 'Apakah Anda yakin?',
                text: 'Ingin memposting data rekam medis dengan ID ' + id + ' ?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#3085d6',
                confirmButtonText: 'Ya, lanjutkan!',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    postrekamMedis(postUrl); // Panggil fungsi untuk melakukan posting
                }
            });
        }

        function postrekamMedis(postUrl) {
            $.ajax({
                url: postUrl,
                type: "POST",
                data: {
                    _token: '{{ csrf_token() }}',
                },
                success: function(response) {
                    Swal.fire({
                        title: 'Sukses',
                        text: 'Data rekam medis berhasil diposting.',
                        icon: 'success',
                        showConfirmButton: true,
                        // timer: 1500
                    }).then((result) => {
                        window.location.href = "{{ url($url_menu) }}";
                    });
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    Swal.fire({
                        title: 'Gagal',
                        text: 'Terjadi kesalahan saat memposting data.',
                        icon: 'error',
                        showConfirmButton: true
                    });
                    console.error(textStatus, errorThrown);
                }
            });
        }

        function showConfirmationReverse(id) {
            var reverseUrl = "{{ url('rekamMedis/reverse') }}/" + id;
            Swal.fire({
                title: 'Apakah Anda yakin?',
                text: 'Ingin membatalkan data rekam medis dengan ID ' + id + ' ?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#3085d6',
                confirmButtonText: 'Ya, batalkan!',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    // Jika konfirmasi diterima, kirim permintaan pembatalan
                    reverserekamMedis(reverseUrl);
                }
            });
        }

        function reverserekamMedis(reverseUrl) {
            $.ajax({
                url: reverseUrl,
                type: "POST",
                data: {
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    Swal.fire({
                        title: 'Sukses',
                        text: 'Rekam medis berhasil dibatalkan.',
                        icon: 'success',
                        showConfirmButton: true,
                        // timer: 1500
                    }).then((result) => {
                        window.location.href = "{{ url($url_menu) }}";
                    });
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    Swal.fire({
                        title: 'Gagal',
                        text: 'Terjadi kesalahan saat membatalkan rekam medis.',
                        icon: 'error',
                        showConfirmButton: true
                    });
                    console.error(textStatus, errorThrown);
                }
            });
        }

        document.addEventListener('DOMContentLoaded', function() {
            var encryptedId = "{{ $encryptedId }}"; // Mengambil ID terenkripsi dari controller
            var status = "{{ $rekamMedis->status }}"; // Mengambil status rekam medis

            if (status === 'E') {
                var editButton = document.getElementById('editButton');
                var editButton1 = document.getElementById('editButton1');
                editButton.style.display = 'inline-block';
                editButton1.style.display = 'inline-block';
                // Menggunakan ID terenkripsi untuk URL edit
                editButton.href = "{{ url($url_menu . '/edit') }}/" + encryptedId;
                editButton1.href = "{{ url($url_menu . '/edit') }}/" + encryptedId;
            }

            // Ambil NIK dari input hidden yang ada di halaman
            var nik = document.getElementById('nik').value;
            var tgl = document.getElementById('tgl').value;

            // Lakukan request AJAX untuk mengambil data rekam medis terakhir berdasarkan NIK
            $.ajax({
                url: '{{ route('rekam-medis.get-latest') }}', // Route untuk mendapatkan rekam medis
                type: 'GET',
                data: {
                    nik: nik, // Kirimkan NIK karyawan yang dipilih
                    tgl: tgl // Kirimkan tgl periksa
                },
                success: function(response) {
                    // Jika data rekam medis ditemukan, tampilkan di bagian yang sesuai
                    if (response.rekamMedis) {
                        let rekamMedisHtml = '';
                        rekamMedisHtml +=
                            `<p><strong>Tgl Periksa:</strong>  ${response.rekamMedis.tgl}</p>`;
                        // Diagnosis Subjektif (DS) dan Diagnosis Objektif (DO) dengan pengkondisian untuk nilai null
                        if (response.rekamMedis.ds) {
                            rekamMedisHtml +=
                                `<p><strong>Diagnosis Subjektif (DS):</strong> ${response.rekamMedis.ds}</p>`;
                        }
                        if (response.rekamMedis.diagnosa) {
                            rekamMedisHtml +=
                                `<p><strong>Diagnosis Objektif (DO):</strong>  ${response.rekamMedis.diagnosa}</p>`;
                        }
                        if (response.rekamMedis.tb) {
                            rekamMedisHtml += `<p>TB: ${response.rekamMedis.tb} cm</p>`;
                        }
                        if (response.rekamMedis.bb) {
                            rekamMedisHtml += `<p>BB: ${response.rekamMedis.bb} Kg</p>`;
                        }
                        if (response.rekamMedis.nadi) {
                            rekamMedisHtml += `<p>Nadi: ${response.rekamMedis.nadi} x/m</p>`;
                        }
                        if (response.rekamMedis.rr) {
                            rekamMedisHtml += `<p>Respiratori: ${response.rekamMedis.rr} x/m</p>`;
                        }
                        if (response.rekamMedis.suhu) {
                            rekamMedisHtml += `<p>Suhu: ${response.rekamMedis.suhu} °C</p>`;
                        }
                        if (response.rekamMedis.tekanan_sistolik && response.rekamMedis
                            .tekanan_diastolik) {
                            rekamMedisHtml +=
                                `<p>Tensi: ${response.rekamMedis.tekanan_sistolik}/${response.rekamMedis.tekanan_diastolik} mmHg</p>`;
                        }
                        if (response.rekamMedis.o2) {
                            rekamMedisHtml += `<p>O2: ${response.rekamMedis.o2} %</p>`;
                        }
                        if (response.rekamMedis.asam_urat) {
                            rekamMedisHtml +=
                                `<p>Asam Urat: ${response.rekamMedis.asam_urat} mg/dL</p>`;
                        }
                        if (response.rekamMedis.glukosa) {
                            rekamMedisHtml += `<p>Glukosa: ${response.rekamMedis.glukosa} mg/dL</p>`;
                        }
                        if (response.rekamMedis.kolesterol) {
                            rekamMedisHtml +=
                                `<p>Kolesterol: ${response.rekamMedis.kolesterol} mg/dL</p>`;
                        }
                        if (response.rekamMedis.swab) {
                            rekamMedisHtml += `<p>Swab Ag: ${response.rekamMedis.swab}</p>`;
                        }

                        // Detail Obat dengan nama_obat dan aturan pakai
                        if (response.details && response.details.length > 0) {
                            rekamMedisHtml += `<p><strong>Detail Obat:</strong></p>`;
                            response.details.forEach(detail => {
                                let aturanPakai = [];

                                // Memasukkan aturan pakai jika ada
                                if (detail.aturan_pakai1) aturanPakai.push(detail
                                    .aturan_pakai1);
                                if (detail.aturan_pakai2) aturanPakai.push(detail
                                    .aturan_pakai2);
                                if (detail.aturan_pakai3) aturanPakai.push(detail
                                    .aturan_pakai3);

                                // Gabungkan aturan pakai menjadi satu string, jika ada
                                let aturanPakaiStr = aturanPakai.length > 0 ?
                                    ` (${aturanPakai.join(', ')})` : '';

                                // Cek apakah tipe obat adalah "Resep"
                                if (detail.tipe === 'Resep') {
                                    // Jika obat bertipe Resep, tampilkan nama obat tanpa dosis
                                    rekamMedisHtml +=
                                        `<p>${detail.nama_obat}${aturanPakaiStr} <em>(Resep)</em></p>`;
                                } else {
                                    // Jika bukan Resep, tampilkan nama obat dan dosisnya
                                    rekamMedisHtml +=
                                        `<p>${detail.nama_obat} - ${detail.dosis}${aturanPakaiStr}</p>`;
                                }
                            });
                        } else {
                            // Jika tidak ada detail obat, tampilkan "konsultasi"
                            rekamMedisHtml += `<p><strong>Detail Obat:</strong> Konsultasi</p>`;
                        }
                        // Menampilkan HTML yang sudah dirangkai ke dalam elemen dengan ID 'riwayat_rekam_medis'
                        $('#riwayat_rekam_medis').html(rekamMedisHtml);
                    } else {
                        $('#riwayat_rekam_medis').html(
                            '<p>Riwayat rekam medis terakhir tidak ditemukan.</p>');
                    }
                },
                error: function() {
                    alert('Terjadi kesalahan saat mengambil data rekam medis.');
                }
            });
        });
    </script>
    <script>
        // Event listener untuk gambar sebelum penanganan
        document.getElementById('beforeImage').addEventListener('click', function() {
            $('#imageModal').modal('show'); // Buka modal secara manual
            $('#modalLukaImage').attr('src', $(this).attr('src')); // Setel gambar di modal
        });

        // Event listener untuk gambar setelah penanganan
        document.getElementById('afterImage').addEventListener('click', function() {
            $('#imageModal').modal('show'); // Buka modal secara manual
            $('#modalLukaImage').attr('src', $(this).attr('src')); // Setel gambar di modal
        });
    </script>
@endpush