@extends('parent.master')
<style>
    .text-tab {
        width: fit-content;
    }

    .text-tab hr {
        border-radius: 5px;
        border: 2px solid #66CDAA;
        margin-left: 5%;
    }
</style>
@section('content')
    <div class="main-content">
        <section class="section">
            @if ($errors->any())
                @foreach ($errors->all() as $error)
                    <div class="alert alert-warning alert-dismissible show fade">
                        <div class="alert-body">
                            <button class="close" data-dismiss="alert">
                                <span>&times;</span>
                            </button>
                            {{ $error }}
                        </div>
                    </div>
                @endforeach
            @endif
            @if (session('status'))
                <div class="alert alert-info alert-dismissible show fade">
                    <div class="alert-body">
                        <button class="close" data-dismiss="alert">
                            <span>&times;</span>
                        </button>
                        {{ session('status') }}
                    </div>
                </div>
            @endif
            @if (session('error'))
                <div class="alert alert-danger alert-dismissible show fade">
                    <div class="alert-body">
                        <button class="close" data-dismiss="alert">
                            <span>&times;</span>
                        </button>
                        {{ session('error') }}
                    </div>
                </div>
            @endif
            <div class="row">
                <div class="col-12 col-md-3 col-lg-3">
                    <div class="card">
                        <div class="card-body">
                            <div class="container">
                                <table class="table">
                                    <tbody class="" style="align-content: center">
                                        <tr>
                                            <td class="d-flex justify-content-center">Nama Pasien</td>
                                        </tr>
                                        <tr>
                                            <td style="padding-bottom:20px" class="d-flex justify-content-center">
                                                <b>{{ $pasien->users->name }}</b>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="d-flex justify-content-center">No Reg</td>
                                        </tr>
                                        <tr>
                                            <td style="padding-bottom:20px" class="d-flex justify-content-center">
                                                <b>{{ $pasien->no_reg }}</b>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="d-flex justify-content-center">Alamat Lengkap</td>
                                        </tr>
                                        <tr>
                                            <td style="padding-bottom:20px" class="d-flex justify-content-center">
                                                <b>{{ $pasien->alamat }}</b>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="d-flex justify-content-center">Tempat Tanggal Lahir</td>
                                        </tr>
                                        <tr>
                                            <td style="padding-bottom:20px" class="d-flex justify-content-center">
                                                <b>{{ $pasien->ttl }}</b>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-9 col-lg-9">
                    <div class="card">
                        <div class="card-body">
                            <ul class="nav nav-tabs" id="myTab2" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link" id="home-tab2" data-toggle="tab" href="#rm" role="tab"
                                        aria-controls="home" aria-selected="false">Riwayat Medis</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="profile-tab2" data-toggle="tab" href="#menu1" role="tab"
                                        aria-controls="profile" aria-selected="false">S O A P</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="contact-tab2" data-toggle="tab" href="#menu2" role="tab"
                                        aria-controls="contact" aria-selected="false">Resep</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="contact-tab2" data-toggle="tab" href="#menu3" role="tab"
                                        aria-controls="contact" aria-selected="false">CResep</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="contact-tab2" data-toggle="tab" href="#menu4" role="tab"
                                        aria-controls="contact" aria-selected="false">LAB</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="contact-tab2" data-toggle="tab" href="#menu5" role="tab"
                                        aria-controls="contact" aria-selected="false">RAD</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="contact-tab2" data-toggle="tab" href="#menu6" role="tab"
                                        aria-controls="contact" aria-selected="false">Kontrol</a>
                                </li>
                            </ul>
                            <div class="tab-content tab-bordered" id="myTab3Content">
                                <div id="rm" class="tab-pane fade" style="background-color: white">
                                    <h3>Riwayat Medis</h3>
                                </div>
                                <div id="menu1" class="tab-pane fade" style="background-color: white">
                                    <form action="{{ url('admin/data-pasien/' . $pasien->users->id . '/soap') }}"
                                        method="POST" enctype="multipart/form-data">
                                        @csrf
                                        <div class="container pt-2">
                                            <div class="text-tab">
                                                <h5>Subjective</h5>
                                                <hr>
                                            </div>
                                            <div class="form-group">
                                                <label for="keluhan">Keluhan</label>
                                                <textarea name="keluhan" id="keluhan" placeholder="Masukkan Keluhan" class="form-control" id=""
                                                    style="height: 100px;"></textarea>
                                            </div>
                                            <div class="text-tab mt-5">
                                                <h5>Objective</h5>
                                                <hr>
                                            </div>
                                            <div class="form-group">
                                                <label for="pemeriksaan">Pemeriksaan</label>
                                                <textarea name="pemeriksaan_objective" id="pemeriksaan" placeholder="Masukkan Pemeriksaan" class="form-control"
                                                    id="" style="height: 100px;"></textarea>
                                            </div>
                                            <div class="form-group">
                                                <label for="gcs">GCS</label>
                                                {{-- <textarea name="gcs" id="gcs" placeholder="Masukkan GCS"
                                                class="form-control" id="gcs" style="height: 100px;"></textarea> --}}
                                                <select name="gcs" id="gcs" class="form-control">
                                                    @for ($i = 1; $i <= 15; $i++)
                                                        <option value="{{ $i }}">GCS Level
                                                            {{ $i }}
                                                        </option>
                                                    @endfor
                                                </select>
                                            </div>
                                            <div class="row mt-2">
                                                <div class="col-md-4 col-lg-4 col-12">
                                                    <div class="form-group">
                                                        <label for="mmhg">Tensi</label>
                                                        <div class="input-group">
                                                            <input type="text" class="form-control" id="mmhg"
                                                                name="tensi" placeholder="110/80">
                                                            <div class="input-group-prepend">
                                                                <div
                                                                    class="input-group-text bg-secondary rounded text-white">
                                                                    mmHg</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4 col-lg-4 col-12">
                                                    <div class="form-group">
                                                        <label for="nadi">Nadi</label>
                                                        <div class="input-group">
                                                            <input type="text" class="form-control" id="nadi"
                                                                name="nadi">
                                                            <div class="input-group-prepend">
                                                                <div
                                                                    class="input-group-text bg-secondary rounded text-white">
                                                                    x/menit</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4 col-lg-4 col-12">
                                                    <div class="form-group">
                                                        <label for="rr">RR</label>
                                                        <div class="input-group">
                                                            <input type="text" class="form-control" id="rr"
                                                                name="rr">
                                                            <div class="input-group-prepend">
                                                                <div
                                                                    class="input-group-text bg-secondary rounded text-white">
                                                                    x/menit</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4 col-lg-4 col-12">
                                                    <div class="form-group">
                                                        <label for="suhu">Suhu</label>
                                                        <div class="input-group">
                                                            <input type="text" class="form-control" id="suhu"
                                                                name="suhu">
                                                            <div class="input-group-prepend">
                                                                <div
                                                                    class="input-group-text bg-secondary rounded text-white">
                                                                    °C
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4 col-lg-4 col-12">
                                                    <div class="form-group">
                                                        <label for="tinggi">Tinggi</label>
                                                        <div class="input-group">
                                                            <input type="text" class="form-control" id="tinggi"
                                                                name="tinggi">
                                                            <div class="input-group-prepend">
                                                                <div
                                                                    class="input-group-text bg-secondary rounded text-white">
                                                                    Cm
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4 col-lg-4 col-12">
                                                    <div class="form-group">
                                                        <label for="berat">Berat</label>
                                                        <div class="input-group">
                                                            <input type="text" class="form-control" id="berat"
                                                                name="berat">
                                                            <div class="input-group-prepend">
                                                                <div
                                                                    class="input-group-text bg-secondary rounded text-white">
                                                                    Kg
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4 col-lg-4 col-12">
                                                    <div class="form-group">
                                                        <label for="alergi">Alergi</label>
                                                        <div class="input-group">
                                                            <input type="text" class="form-control" id="alergi"
                                                                name="alergi">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4 col-lg-4 col-12">
                                                    <div class="form-group">
                                                        <label for="sp02">Sp02</label>
                                                        <div class="input-group">
                                                            <input type="text" class="form-control" id="sp02"
                                                                name="spo2">
                                                            <div class="input-group-prepend">
                                                                <div
                                                                    class="input-group-text bg-secondary rounded text-white">
                                                                    %
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4 col-lg-4 col-12">
                                                    <div class="form-group">
                                                        <label for="imunisasi">Imunisasi</label>
                                                        <div class="input-group">
                                                            <div class="input-group-prepend">
                                                                <div
                                                                    class="input-group-text bg-secondary rounded text-white">
                                                                    Ke
                                                                    - </div>
                                                            </div>
                                                            <input type="text" class="form-control" id="imunisasi"
                                                                name="imunisasi">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="text-tab mt-5">
                                                <h5>Assessment</h5>
                                                <hr>
                                            </div>
                                            <div class="form-group">
                                                <label for="pemeriksaan">Pemeriksaan</label>
                                                <textarea name="pemeriksaan_assessment" id="pemeriksaan" placeholder="Masukkan Pemeriksaan" class="form-control"
                                                    style="height: 100px;"></textarea>
                                            </div>
                                            <div class="form-group">
                                                <label for="tindakan">Tindakan Keperawatan</label>
                                                <select class="form-control" name="tindakan" id="tindakan">
                                                    {{-- <option value="AL">Tindakan 1</option>
                                                <option value="ID">Tindakan 2</option>
                                                <option value="WY">Tindakan 3</option> --}}
                                                    <option value="Tindakan Observasi">Tindakan Observasi</option>
                                                    <option value="Tindakan Terapeutik">Tindakan Terapeutik</option>
                                                    <option value="Tindakan Edukasi">Tindakan Edukasi</option>
                                                    <option value="Tindakan Kolaborasi">Tindakan Kolaborasi</option>
                                                </select>
                                            </div>
                                            <div class="text-tab mt-5">
                                                <h5>Plan</h5>
                                                <hr>
                                            </div>
                                            <div class="form-group">
                                                <label for="plan">Plan</label>
                                                <textarea name="plan" id="plan" placeholder="Masukkan Plan" class="form-control" id=""
                                                    style="height: 100px;"></textarea>
                                            </div>
                                            <div class="form-group">
                                                <label for="catatan">Catatan Dokter</label>
                                                <textarea name="catatan" id="gcs" placeholder="Masukkan Catatan Dokter" class="form-control"
                                                    style="height: 100px;"></textarea>
                                            </div>
                                            <div class="text-tab mt-5">
                                                <h5>Instruksi dan Evaluasi</h5>
                                                <hr>
                                            </div>
                                            <div class="form-group">
                                                <label for="instruksi">Instruksi</label>
                                                <textarea name="instruksi" id="instruksi" placeholder="Masukkan Instruksi" class="form-control"
                                                    style="height: 100px;"></textarea>
                                            </div>
                                            <div class="form-group">
                                                <label for="evaluasi">Evaluasi</label>
                                                <textarea name="evaluasi" id="evaluasi" placeholder="Masukkan Evaluasi" class="form-control"
                                                    style="height: 100px;"></textarea>
                                            </div>
                                            <div class="text-tab mt-5">
                                                <h5>Status Pelayanan</h5>
                                                <hr>
                                            </div>
                                            <div class="form-group">
                                                <label for="statuspelayanan">Status Pelayanan</label>
                                                <select class="form-control" id="statuspelayanan" name="status">
                                                    {{-- <option value="" selected>Pilih Pelayanan</option> --}}
                                                    <option id="Sudah Terlayani">Sudah Terlayani</option>
                                                    <option id="Belum Terlayani">Belum Terlayani</option>
                                                </select>
                                            </div>
                                            <div class="row">
                                                <div class="col-6 p-4">
                                                    <center><button type="submit"
                                                            class="btn w-100 btn-lg rounded text-white"
                                                            style="background-color: #2B5BFF;">Simpan</button></center>
                                                </div>
                                                <div class="col-6 p-4">
                                                    <center><input type="reset"
                                                            class="btn w-100 btn-outline-danger btn-lg rounded"
                                                            onclick="resetFunction()" value="Batal">
                                                    </center>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div id="menu2" class="tab-pane fade" style="background-color: white">
                                    <div class="card">
                                        <div class="card-body">
                                            <form action="{{ url('admin/resep') }}" method="POST" id="form-obat">
                                                @csrf
                                                <div class="container">
                                                    <input type="hidden" name="obat[0][pasien_id]"
                                                        value="{{ $pasienID }}">
                                                    <label for="obat">Obat</label>
                                                    <div class="form-group">
                                                        <textarea class="form-control" id="obat" name="obat[0][desc]" placeholder="Masukkan Deskripsi Obat"
                                                            style="height:100px;"></textarea>
                                                    </div>
                                                    <div class="form-row">
                                                        <div class="form-group col-md-7">
                                                            <label for="inputObat">Nama obat</label>
                                                            <select class="form-control" id="inputObat"
                                                                name="obat[0][medicine_id]">'>
                                                                @foreach ($obat as $item)
                                                                    <option value="{{ $item->id }}">
                                                                        {{ $item->name }} - {{ $item->type }} -
                                                                        {{ $item->category }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="form-group col-md-5">
                                                            <label for="inputState">Jumlah</label>
                                                            <input type="number" name="obat[0][jml_obat]"
                                                                class="form-control" min="1" required>
                                                        </div>
                                                    </div>
                                                    <div class="form-row">
                                                        <div class="form-group col-md-7">
                                                            <label for="aturan">Aturan pakai</label>
                                                            <select class="form-control" name="obat[0][aturan_pakai]"
                                                                id="aturan">
                                                                <option>1</option>
                                                                <option>2</option>
                                                                <option>3</option>
                                                                <option>4</option>
                                                                <option>5</option>
                                                            </select>
                                                        </div>
                                                        <div class="form-group col-md-5">
                                                            <label for="tgl">Tanggal</label>
                                                            <input type="date" name="obat[0][tanggal]"
                                                                class="form-control" id="tgl" required>
                                                        </div>
                                                    </div>
                                                    <center>
                                                        <div class="buttons">
                                                            <button type="button" id="addForm"
                                                                class="w-70 btn btn-lg text-white"
                                                                style="background-color: #2B5BFF">Tambah</button>
                                                        </div>
                                                    </center>
                                                </div>
                                            </form>
                                            <div class="container mt-5">
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="checkbox" id="inlineCheckbox1"
                                                        value="option1">
                                                    <label class="form-check-label" for="inlineCheckbox1">Apakah anda
                                                        yakin untuk menyimpan resep ini?</label>
                                                </div>
                                                <div class="row">
                                                    <div class="col-6 p-3">
                                                        <button type="submit" class="btn btn-lg text-white"
                                                            form="form-obat"
                                                            style="background-color: #2B5BFF; width:100%">Simpan</button>
                                                    </div>
                                                    <div class="col-6 p-3">
                                                        <button type="button"
                                                            class="btn btn-lg text-danger btn-outline-danger"
                                                            form="form-obat" style="width:100%">Batal</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="menu3" class="tab-pane fade" style="background-color: white">
                                    <div class="card">
                                        <div class="card-header">
                                            <div class="text-tab">
                                                <h5>Objective</h5>
                                                <hr>
                                            </div>
                                        </div>
                                        <div class="card-body table-responsive">
                                            <table class="table">
                                                <thead>
                                                    <tr>
                                                        <th scope="col">Aksi</th>
                                                        <th scope="col">Nama Obat</th>
                                                        <th scope="col">Desc</th>
                                                        <th scope="col">Jumlah Obat</th>
                                                        <th scope="col">Aturan Pakai</th>
                                                        <th scope="col">Tanggal</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($reseps as $resep)
                                                        <tr>
                                                            <td><button type="button" id="copy1"
                                                                    class="btn rounded text-white"
                                                                    onclick="copyClipboard('{{ $resep->medicines->name }}, {{ $resep->desc }}, {{ $resep->jml_obat }}')"
                                                                    style="background-color: #2B5BFF">copy</button></td>
                                                            <td>{{ $resep->medicines->name }}</td>
                                                            <td>{{ $resep->desc }}</td>
                                                            <td>{{ $resep->jml_obat }}</td>
                                                            <td>{{ $resep->aturan_pakai }}</td>
                                                            <td>{{ $resep->tanggal }}</td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="row justify-content-center">
                                            <div class="buttons">
                                                <nav aria-label="Page navigation example">
                                                    <ul class="pagination">
                                                        <li
                                                            class="{{ $reseps->currentPage() == 1 ? 'page-item disabled' : 'page-item' }}">
                                                            <a class="page-link"
                                                                href="{{ $reseps->url($reseps->currentPage() - 1) }}"
                                                                aria-label="Previous">
                                                                <span aria-hidden="true">&laquo;</span>
                                                                <span class="sr-only">Previous</span>
                                                            </a>
                                                        </li>
                                                        @for ($i = 1; $i <= $reseps->lastPage(); $i++)
                                                            <li
                                                                class="{{ $reseps->currentPage() == $i ? 'page-item active' : 'page-item' }}">
                                                                <a class="page-link"
                                                                    href="{{ $reseps->url($i) }}">{{ $i }}</a>
                                                            </li>
                                                        @endfor
                                                        <li
                                                            class="{{ $reseps->currentPage() == $reseps->lastPage() ? 'page-item disabled' : 'page-item' }}">
                                                            <a class="page-link"
                                                                href="{{ $reseps->url($reseps->currentPage() + 1) }}"
                                                                aria-label="Next">
                                                                <span aria-hidden="true">&raquo;</span>
                                                                <span class="sr-only">Next</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </nav>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="menu4" class="tab-pane fade" style="background-color: white">
                                    <form action="{{ url('admin/lab') }}" method="POST" enctype="multipart/form-data">
                                        @csrf
                                        <div class="container">
                                            <input type="hidden" name="pasien_id" value="{{ $pasienID }}">
                                            <label for="diagnosa">Diagnosa Klinis</label>
                                            <div class="form-group">
                                                <textarea class="form-control" id="diagnosa" name="diagnosis_klinis" placeholder="Masukkan Diagnosa"
                                                    style="height: 100px"></textarea>
                                            </div>
                                            <label for="infoTambahan">Informasi Tambahan</label>
                                            <div class="form-group">
                                                <textarea class="form-control" id="infoTambahan" placeholder="Masukkan Informasi Tambahan" name="info_tambahan"
                                                    style="height: 100px"></textarea>
                                            </div>
                                            <div class="form-group">
                                                <label for="alergi">Nama Pemeriksaan</label>
                                                <div class="input-group">
                                                    <input type="text" class="form-control" id="alergi"
                                                        name="nama_pemeriksaan" placeholder="Masukkan nama pemeriksaan">
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6 p-3">
                                                    <button type="submit" class="btn btn-lg text-white"
                                                        style="background-color: #2B5BFF; width:100%">Simpan</button>
                                                </div>
                                                <div class="col-6 p-3">
                                                    <button type="button"
                                                        class="btn btn-lg text-danger btn-outline-danger" form="form-obat"
                                                        style="width:100%">Batal</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div id="menu5" class="tab-pane fade" style="background-color: white">
                                    <form action="{{ url('admin/rad') }}" method="POST" enctype="multipart/form-data">
                                        @csrf
                                        <div class="container">
                                            <input type="hidden" name="pasien_id" value="{{ $pasienID }}">
                                            <label for="diagnosa">Diagnosa Klinis</label>
                                            <div class="form-group">
                                                <textarea class="form-control" id="diagnosa" name="diagnosis_klinis" placeholder="Masukkan Diagnosa"
                                                    style="height: 100px"></textarea>
                                            </div>
                                            <label for="infoTambahan">Informasi Tambahan</label>
                                            <div class="form-group">
                                                <textarea class="form-control" id="infoTambahan" placeholder="Masukkan Informasi Tambahan" name="info_tambahan"
                                                    style="height: 100px"></textarea>
                                            </div>
                                            <div class="form-group">
                                                <label for="alergi">Nama Pemeriksaan</label>
                                                <div class="input-group">
                                                    <input type="text" class="form-control" id="alergi"
                                                        name="nama_pemeriksaan" placeholder="Masukkan nama pemeriksaan">
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6 p-3">
                                                    <button type="submit" class="btn btn-lg text-white"
                                                        style="background-color: #2B5BFF; width:100%">Simpan</button>
                                                </div>
                                                <div class="col-6 p-3">
                                                    <button type="button"
                                                        class="btn btn-lg text-danger btn-outline-danger" form="form-obat"
                                                        style="width:100%">Batal</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div id="menu6" class="tab-pane fade" style="background-color: white">
                                    <form action="{{ url('/admin/kontrol') }}" method="POST"
                                        enctype="multipart/form-data">
                                        @csrf
                                        <div class="container">
                                            <input type="hidden" name="pasien_id" value="{{ $pasienID }}">
                                            <label id="diagnosaKontrol">Diagnosa</label>
                                            <div class="form-group">
                                                <textarea class="form-control" name="diagnosis" id="diagnosaKontrol" style="height: 100px;"></textarea>
                                            </div>
                                            <label for="terapi">Tindakan/Terapi</label>
                                            <div class="form-group">
                                                <textarea class="form-control" name="tindakan" id="terapi" style="height: 100px;"></textarea>
                                            </div>
                                            <label for="alasanKontrol">Alasan Kontrol</label>
                                            <div class="form-group">
                                                <textarea class="form-control" id="alasanKontrol" name="alasan" style="height: 100px;"></textarea>
                                            </div>
                                            <label id="rtl">Rencana Tindak Lanjut</label>
                                            <div class="form-group">
                                                <textarea class="form-control col-12" id="rtl" name="rencana" style="height: 100px;"></textarea>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-md-5">
                                                    <label for="jadwalKontrol">Jadwal Kontrol</label>
                                                    <div class="input-group mb-2">
                                                        <input type="date" name="tgl_kontrol" class="form-control"
                                                            id="jadwalKontrol">
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-7">
                                                    <label for="pembayaran">Jenis Pembayaran Kontrol</label>
                                                    <select class="custom-select" id="pembayaran" style="height: 42px"
                                                        name="jenis_bayar">
                                                        <option value="UMUM">Umum</option>
                                                        <option value="BPJS">BPJS</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-6 p-3">
                                                <button type="submit" class="btn btn-lg text-white"
                                                    style="background-color: #2B5BFF; width:100%">Simpan</button>
                                            </div>
                                            <div class="col-6 p-3">
                                                <button type="button" class="btn btn-lg text-danger btn-outline-danger"
                                                    form="form-obat" style="width:100%">Batal</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                {{-- <div class="container mt-4">
                                    <div class="table-responsive" style="border: solid #8A8A8A">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th scope="col">Aksi</th>
                                                    <th scope="col">Tanggal Kontrol</th>
                                                    <th scope="col">Diagnosa</th>
                                                    <th scope="col">Tindakan</th>
                                                    <th scope="col">Pembayaran</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td class="pt-4 pb-4">
                                                        <div class="col-12 pl-3 pr-3"><button
                                                                class="btn btn-danger w-100 btn-sm mt-1">Hapus</button>
                                                        </div>
                                                        <div class="col-12 pl-3 pr-3"><button
                                                                class="btn btn-success w-100 btn-sm mt-1">Cetak</button>
                                                        </div>
                                                        <div class="col-12 pl-3 pr-3"><button
                                                                class="btn btn-info w-100 btn-sm mt-1">Kirim</button>
                                                        </div>
                                                    </td>
                                                    <td>12-09-2022</td>
                                                    <td>Kesakitan</td>
                                                    <td>Operasi</td>
                                                    <td>Umum</td>
                                                </tr>
                                                <tr>
                                                    <td class="pt-4 pb-4">
                                                        <div class="col-12 pl-3 pr-3"><button
                                                                class="btn btn-danger w-100 btn-sm mt-1">Hapus</button>
                                                        </div>
                                                        <div class="col-12 pl-3 pr-3"><button
                                                                class="btn btn-success w-100 btn-sm mt-1">Cetak</button>
                                                        </div>
                                                        <div class="col-12 pl-3 pr-3"><button
                                                                class="btn btn-info w-100 btn-sm mt-1">Kirim</button>
                                                        </div>
                                                    </td>
                                                    <td>12-09-2022</td>
                                                    <td>Kesakitan</td>
                                                    <td>Operasi</td>
                                                    <td>Umum</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div> --}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </div>
    </section>
    </div>
    <script>
        var i = 0;
        var data = {!! json_encode($data_obat) !!}
        var pasienID = {!! json_encode($pasienID) !!}
        console.log(data)
        $(document).on('click', '#addForm', function() {
            ++i;
            var element = '<div class="container">' +
                '<input type="hidden" name="obat[' + i + '][pasien_id]" value="' + pasienID + '"' +
                '<label for="obat">Obat</label>' +
                '<div class="form-group">' +
                '<textarea class="form-control" id="obat" name="obat[' + i +
                '][desc]" placeholder="Masukkan Obat" style="height:100px;"></textarea>' +
                '</div>' +
                '<div class="form-row">' +
                '<div class="form-group col-md-7">' +
                '<label for="inputObat">Nama obat</label>' +
                '<select class="form-control" id="inputObat' + i + '" name="obat[' + i + '][medicine_id]">' +
                '</select>' +
                '</div>' +
                '<div class="form-group col-md-5">' +
                '<label for="inputState">Jumlah</label>' +
                '<input type="number"  class="form-control" min="1" name="obat[' + i + '][jml_obat]" required>' +
                '</div>' +
                '</div>' +
                '<div class="form-row">' +
                '<div class="form-group col-md-7">' +
                '<label for="aturan">Aturan pakai</label>' +
                '<select class="form-control" name="obat[' + i + '][aturan_pakai]" id="aturan">' +
                '<option>1</option>' +
                '<option>2</option>' +
                '<option>3</option>' +
                '<option>4</option>' +
                '<option>5</option>' +
                '</select>' +
                '</div>' +
                '<div class="form-group col-md-5">' +
                '<label for="tgl">Tanggal</label>' +
                '<input type="date" name="obat[' + i + '][tanggal]" class="form-control" id="tgl" required>' +
                '</div>' +
                '</div>' +
                '  <center>' +
                '<div class="buttons">' +
                '<button type="button" id="addForm" class="btn btn-lg text-white" style="background-color: #2B5BFF">Tambah</button>' +
                '<button type="button" id="removeForm" class="btn btn-danger btn-lg text-white">Delete</button>' +
                '</div>' +
                '</center>' +
                '</div>';
            $('#form-obat').append(element)
            for (var d = 0; d < data.length; d++) {
                $('#inputObat' + i).append('<option value="' + data[d][0] + '">' + data[d][1] + '</option>');
            }
        });

        $(document).ready(function() {
            $('.js-example-basic-multiple').select2();
            $('.js-example-basic-single').select2();
        });

        $(document).on('click', '#removeForm', function() {
            $(this).parents('.container').remove();
        });

        function copyClipboard(param, id) {
            navigator.clipboard.writeText(param);
            $('#copy' + id).css('backgroundColor', "#66CDAA");
            setTimeout(reset, 1000);

            function reset() {
                $('#copy' + id).css('backgroundColor', "#2B5BFF");
            }
        }
    </script>
@endsection