{{-- Modal Farmasi --}}
<div class="modal fade" id="FarmasiModal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="FarmasiModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-scrollable modal-xl">
      <div class="modal-content">
        <div class="modal-header bg-danger text-white py-2">
            <h5 class="modal-title mt-1 font-weight-bold"><i class="fas fa-capsules"></i> Resep Online</h5>
            <button type="button" class="close" id="btnCloseModalResep">
                <h3 class="font-weight-bold" aria-hidden="true">&times;</h3>
            </button>
        </div>
        <div class="modal-body p-0">
            <div class="card-group">
                <div class="card col-lg-4 rounded-0 overflow-auto" style="height: 35rem">
                    {{-- Data Pasien --}}
                  <div class="card-body">
                    <h5 class="text-primary font-weight-bold text-center mb-3">Data Pasien</h5>
                    <form>
                        <div class="form-group">
                          <label for="txtdataNama">Nama</label>
                          <input type="text" readonly class="form-control" id="txtdataNama">
                        </div>
                        <div class="form-group">
                            <label for="txtdataCaseID">Case ID</label>
                            <input type="text" readonly class="form-control" id="txtdataCaseID">
                        </div>
                        <div class="form-group">
                            <label for="txtdataNoMR">No MR</label>
                            <input type="text" readonly class="form-control" id="txtdataNoMR">
                        </div>
                        <div class="form-group">
                            <label for="txtdataTanggalMasuk">Tanggal Masuk</label>
                            <input type="text" readonly class="form-control" id="txtdataTanggalMasuk">
                        </div>
                        <div class="form-group">
                            <label for="txtdataPenjamin">Penjamin</label>
                            <input type="text" readonly class="form-control" id="txtdataPenjamin">
                            <input type="hidden"  id="txtdataKodePenjamin">
                        </div>
                    </form>
                  </div>
                </div>
                <div class="card col-lg-8 rounded-0 overflow-auto" style="height: 35rem">
                  <div class="card-body pt-2 px-0">
                    <div class="progress mb-4" style="height: 15px;">
                        <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 20%;" id="ProgressBar"></div>
                    </div>

                    <ul class="nav nav-tabs mb-3 justify-content-center d-none" id="pills-tab" role="tablist">
                        <li class="nav-item" role="presentation">
                          <a class="nav-link active" id="history-tab" data-toggle="pill" href="#history" role="tab" aria-controls="history" aria-selected="true"><i class="fas fa-dot-circle"></i></a>
                        </li>
                        <li class="nav-item" role="presentation">
                          <a class="nav-link" id="inputresep-tab" data-toggle="pill" href="#inputresep" role="tab" aria-controls="inputresep" aria-selected="false"><i class="fas fa-dot-circle"></i></a>
                        </li>
                        <li class="nav-item" role="presentation">
                          <a class="nav-link" id="verifikasiresep-tab" data-toggle="pill" href="#verifikasiresep" role="tab" aria-controls="verifikasiresep" aria-selected="false"><i class="fas fa-dot-circle"></i></a>
                        </li>
                    </ul>

                    <div class="tab-content" id="pills-tabContent">
                        {{-- Step History Resep --}}
                        <div class="tab-pane fade show active" id="history" role="tabpanel" aria-labelledby="history-tab">
                            <div class="card text-center border-0">
                                <div class="card-header py-0 bg-white border-0">
                                    <h5 class="text-primary font-weight-bold text-center">History Resep</h5>
                                </div>
                                <div class="card-body overflow-auto" style="height: 23.2rem;">
                                    <div class="row justify-content-center align-items-center d-flex flex-wrap" id="dataRiwayatResep">

                                    </div>
                                </div>
                                <div class="card-footer bg-white border-0">
                                    <button id="btnTambahResepBaru" class="btn btn-primary btn-lg col-lg-10"><i class="fas fa-plus"></i> Tambahkan Resep Baru</button>
                                </div>
                            </div>
                        </div>
                        {{-- Step Input Resep --}}
                        <div class="tab-pane fade" id="inputresep" role="tabpanel" aria-labelledby="inputresep-tab">
                            <div class="card text-center border-0">
                                <div class="card-header py-0 bg-white border-0">
                                    <h5 class="text-primary font-weight-bold text-center">Input Resep</h5>
                                </div>
                                <div class="card-body">
                                    <img id="imageInputResep" src="{{ asset('img/undraw_medical_care_movn.svg') }}" class="rounded mx-auto d-block mb-3" style="width: 50%;">
                                    <button class="btn btn-outline-primary btn-lg col-lg-5 shadow mr-4" id="btnInputObat">
                                        <div class="font-weight-bold mb-1"><i class="fas fa-capsules"></i> Input Obat</div>
                                    </button>
                                    <button class="btn btn-outline-primary btn-lg col-lg-5 shadow" id="btnInputRacikan">
                                        <div class="font-weight-bold mb-1"><i class="fas fa-pills"></i> Input Racikan</div>
                                    </button>
                                </div>
                                <div class="card-footer bg-white border-0">
                                    <div class="h5 font-weight-bold text-left d-none" id="titleKerangjangResep">
                                        <i class="fas fa-cart-plus"></i> Keranjang Resep
                                    </div>
                                    <div class="list-group mb-4 shadow">
                                        <li id="RincianNonRacikanList" class="list-group-item list-group-item-action list-group-item-success py-2 d-none">
                                          <div class="d-flex w-100 justify-content-between">
                                            <div class="col mr-2">
                                                <div class="text-xs font-weight-bold text-uppercase mb-1">Non Racikan</div>
                                                <div class="h5 mb-0 font-weight-bold text-gray-800" id="CountNonRacikanTextItem"></div>
                                            </div>
                                            <div class="col-auto">
                                                <a href="#" class="btn btn-info font-weight-bold">Edit</a>
                                            </div>
                                          </div>
                                        </li>
                                        <li id="RincianRacikanList" class="list-group-item list-group-item-action list-group-item-success py-2 d-none">
                                          <div class="d-flex w-100 justify-content-between">
                                            <div class="col mr-2">
                                                <div class="text-xs font-weight-bold text-uppercase mb-1">Racikan</div>
                                                <div class="h5 mb-0 font-weight-bold text-gray-800" id="CountRacikanTextItem"></div>
                                            </div>
                                            <div class="col-auto">
                                                <a href="#" class="btn btn-info font-weight-bold">Edit</a>
                                            </div>
                                          </div>
                                        </li>
                                    </div>
                                    <button id="btnKembaliHistory" class="btn btn-secondary btn-lg col-lg-5"><i class="fas fa-angle-left"></i> Kembali</button>
                                    <button id="btnVerifikasiResep" class="btn btn-primary btn-lg col-lg-5 d-none"><i class="fas fa-file-medical"></i> Verifikasi Resep</button>
                                </div>
                            </div>
                        </div>
                        {{-- Step Verifikasi Resep --}}
                        <div class="tab-pane fade" id="verifikasiresep" role="tabpanel" aria-labelledby="verifikasiresep-tab">
                            <div class="card border-0">
                                <div class="card-header py-0 bg-white border-0">
                                    <h5 class="text-primary font-weight-bold text-center">Verifikasi Resep</h5>
                                </div>
                                <div class="card-body overflow-auto p-0" style="height: 27.5rem;">
                                    <form id="frmKirimResep">
                                        @csrf
                                        <input type="hidden" name="txtVerifCaseID" id="txtVerifCaseID">
                                        <h6 id="labelVerifNonRacikan" class="font-weight-bold d-none">Non Racikan</h6>
                                        <div id="VerifListNonRacikan">

                                        </div>

                                        <h6 id="labelVerifRacikan" class="font-weight-bold mt-3 d-none">Racikan</h6>
                                        <div id="VerifListRacikan">

                                        </div>
                                        <div id="DetailRacikan">

                                        </div>
                                        <div class="text-center mt-3">
                                            <h5 class="card-title font-weight-bold text-gray-800">Resep Sudah Final?</h5>
                                            <p class="card-text">Pastikan resep sesuai sebelum dikirim ke apotik.</p>
                                            <button id="btnBatalVerif" class="btn btn-secondary btn-lg col-lg-4">Belum Final</button>
                                            <button type="submit" class="btn btn-primary btn-lg col-lg-4">Kirim Resep</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                  </div>
                </div>
            </div>
        </div>
      </div>
    </div>
</div>
{{-- End Of Modal Farmasi --}}

{{-- Modal Cek Item Obat --}}
<div class="modal fade" id="CekObatModal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="CekObatModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
      <div class="modal-content shadow-lg">
        <div class="modal-header">
            <h5 class="modal-title">CekObat</h5>
            <button type="button" class="close bg-danger" data-dismiss="modal" aria-label="Close">
                <h3 class="font-weight-bold" aria-hidden="true">&times;</h3>
            </button>
        </div>
        <div class="modal-body pt-0">
            <table class="table">
                <thead>
                  <tr>
                    <th scope="col">#</th>
                    <th scope="col">Nama Obat</th>
                    <th scope="col">Jumlah</th>
                    <th scope="col">Aturan Pakai</th>
                  </tr>
                </thead>
                <tbody id="dataCekItemObat">

                </tbody>
            </table>
        </div>
      </div>
    </div>
</div>
{{-- End OF Modal Cek Item Obat --}}

{{-- Modal Form Input Obat --}}
<div class="modal fade" id="FormInputResepModal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="FormInputResepModalLabel" aria-hidden="true" style="left:0;">
    <div class="modal-dialog modal-dialog-scrollable modal-xl">
      <div class="modal-content">
        <div class="modal-header py-2">
            <h5 class="modal-title text-info mt-1 font-weight-bold"><i class="fas fa-capsules"></i> Input Obat Non Racikan</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <h3 class="font-weight-bold" aria-hidden="true">&times;</h3>
            </button>
        </div>
        <div class="modal-body p-0">
            <div class="card-group">
                <div class="card col-lg-4 rounded-0 overflow-auto px-1" style="height: 35rem">
                    <div class="card-body py-1 px-0">
                        <div class="card border-0">
                            <div class="card-header bg-white border-0">
                                <h5 class="text-primary font-weight-bold text-center">Pilih Obat</h5>
                                <div class="form-group mb-0">
                                    <input type="text" class="form-control" id="txtCariPilihObat" placeholder="Cari Obat...">
                                </div>
                            </div>
                            <div class="card-body overflow-auto" style="height: 28.5rem;">
                                <div class="row" id="ListPilihObat">
                                    {{-- Menu List Obat --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card col-lg-8 rounded-0 overflow-auto" style="height: 35rem">
                    <form id="frmTambahRincianNonRacikan">
                        @csrf
                        <div class="card-body py-1 px-0">
                            <div class="card border-0">
                                <div class="card-header bg-white border-0 mb-0">
                                    <h5 class="text-primary font-weight-bold text-center">List Obat</h5>
                                </div>
                                <div class="card-body overflow-auto py-0" style="height: 26rem;">
                                    <input type="hidden" name="txtRincianCaseID" id="txtRincianCaseID">
                                    <input type="hidden" name="txtRincianPatientCode" id="txtRincianPatienCode">
                                    <div class="row" id="ListObatTemporary">
                                        {{-- List Obat Dipilih --}}
                                    </div>
                                </div>
                                <div class="card-footer bg-white border-0 text-center">
                                    <button type="submit" id="btnTambahObatRincian" class="btn btn-primary btn-lg col-lg-10"><i class="fas fa-cart-plus"></i> Tambahkan ke keranjang resep</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
      </div>
    </div>
</div>
{{-- End Of Modal Form Input Obat --}}

{{-- Modal Form Input Racikan --}}
<div class="modal fade" id="FormInputRacikanModal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="FormInputResepModalLabel" aria-hidden="true" style="left:0;">
    <div class="modal-dialog modal-dialog-scrollable modal-xl">
      <div class="modal-content">
        <div class="modal-header py-2">
            <h5 class="modal-title text-info mt-1 font-weight-bold"><i class="fas fa-pills"></i> Input Racikan</h5>
            <button type="button" class="close" id="btnBatalInputRacikan">
                <h3 class="font-weight-bold" aria-hidden="true">&times;</h3>
            </button>
        </div>
        <div class="modal-body p-0">
            <div class="card-group">
                <div class="card col-lg-4 rounded-0 overflow-auto px-1" style="height: 35rem">
                    <div class="card-body py-1 px-0">
                        <div class="card border-0">
                            <div class="card-header bg-white border-0">
                                <h5 class="text-primary font-weight-bold text-center">Template Racikan</h5>
                                <div class="form-group mb-0">
                                    <input type="text" class="form-control" id="txtCariTemplateRacikan" placeholder="Cari Template Racikan...">
                                </div>
                            </div>
                            <div class="card-body overflow-auto" style="height: 28.5rem;">
                                <div class="row" id="ListTemplateRacikan">
                                    {{-- Menu List Template Racikan --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card col-lg-8 rounded-0 overflow-auto" style="height: 35rem;">
                    <form>
                        <div class="card-body py-1 px-0">
                            <div class="card border-0">
                                <div class="card-header bg-white border-0 mb-0">
                                    <h5 class="text-primary font-weight-bold text-center">Buat Racikan</h5>
                                </div>
                                <div class="card-body overflow-auto py-0" style="height: 26rem;">

                                    <div class="form-group row">
                                        <div class="col">
                                            <div class="input-group">
                                                <input type="text" class="form-control col-lg-8" id="txtNamaRacikanTempHeader" name="txtNamaRacikanTempHeader" placeholder="Nama Racikan">
                                                <select class="custom-select col-lg-4 text-center" id="slcIntruksiRacikanTempHeader" name="slcIntruksiRacikanTempHeader">
                                                    <option value="" selected>Intruksi</option>
                                                    <option value="dtd">dtd</option>
                                                    <option value="dd">dd</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col">
                                            <div class="input-group">
                                                <input type="number" class="form-control col-lg-8" id="txtJumlahRacikanTempHeader" name="txtJumlahRacikanTempHeader" placeholder="Jumlah">
                                                <select class="custom-select col-lg-4 text-center" id="slcUnitRacikanTempHeader" name="slcUnitRacikanTempHeader">
                                                    <option value="" selected>Unit</option>
                                                    <option value="BUNGKUS">BUNGKUS</option>
                                                    <option value="KAPSUL">KAPSUL</option>
                                                    <option value="SALEP">SALEP</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col">
                                            <input type="text" class="form-control" id="txtAturanPakaiTempHeader" name="txtAturanPakaiTempHeader" placeholder="Aturan Pakai">
                                        </div>
                                        <div class="col">
                                            <input type="text" class="form-control" id="txtCaraPakaiTempHeader" name="txtCaraPakaiTempHeader" placeholder="Cara Pakai">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <textarea class="form-control" id="txtKeteranganRacikanTempHeader" name="txtKeteranganRacikanTempHeader" rows="3" placeholder="Keterangan"></textarea>
                                    </div>
                                    <div class="text-center">
                                        <button type="button" id="btnMulaiRacikObat" class="btn btn-info col-lg-10 mb-3 font-weight-bold d-none">Mulai Racik Obat</button>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-12 mb-2">
                                            <div class="card border-left-success shadow-sm h-100 d-none" id="KeranjangRacikan">
                                                <div class="card-body py-2">
                                                    <div class="row no-gutters mb-2">
                                                        <div class="col mr-2">
                                                            <div class="h5 mt-2 font-weight-bold text-gray-800"><i class="fas fa-cart-plus"></i> List Obat Yang Diracik</div>
                                                        </div>
                                                        <div class="col-auto">
                                                            <button class="btn btn-success btn-hapus-obat-racikan">Edit</button>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <ul class="list-group list-group-flush col-lg-12" id="ListObatRacikan">
                                                            {{-- List Obat Diracik --}}
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer bg-white border-0 text-center">
                                    <button type="button" id="btnTambahRacikanKeranjang" class="btn btn-primary btn-lg col-lg-10"><i class="fas fa-cart-plus"></i> Tambahkan ke keranjang resep</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
      </div>
    </div>
</div>
{{-- End Of Modal Form Input Obat --}}

{{-- Modal Form Racik Obat --}}
<div class="modal fade" id="FormRacikObatModal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="FormRacikObatModalLabel" aria-hidden="true" style="left:0;">
    <div class="modal-dialog modal-dialog-scrollable modal-xl">
      <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="titleMembuatRacikan"></h5>
            <button type="button" class="close bg-danger" id="BatalRacikObat">
                <h3 class="font-weight-bold" aria-hidden="true">&times;</h3>
            </button>
        </div>
        <div class="modal-body p-0">
            <div class="card-group">
                <div class="card col-lg-4 rounded-0 overflow-auto px-1" style="height: 35rem">
                    <div class="card-body py-1 px-0">
                        <div class="card border-0">
                            <div class="card-header bg-white border-0">
                                <h5 class="text-success font-weight-bold text-center">Pilih Obat</h5>
                                <div class="form-group mb-0">
                                    <input type="text" class="form-control" id="txtCariPilihObatRacik" placeholder="Cari Obat...">
                                </div>
                            </div>
                            <div class="card-body overflow-auto" style="height: 28.5rem;">
                                <div class="row" id="ListPilihObatRacik">
                                    {{-- Menu List Obat Racikan --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card col-lg-8 rounded-0 overflow-auto" style="height: 35rem">
                    <form id="frmTambahRincianRacikan">
                        @csrf
                        <input type="hidden" name="idMulaiRacikan" id="idMulaiRacikan">
                        <div class="card-body py-1 px-0">
                            <div class="card border-0">
                                <div class="card-header bg-white border-0 mb-0">
                                    <h5 class="text-success font-weight-bold text-center">List Obat Racikan</h5>
                                </div>
                                <div class="card-body overflow-auto py-0" style="height: 26rem;">
                                    <div class="row" id="ListObatRacikTemporary">
                                        {{-- List Obat Racikan Dipilih --}}
                                    </div>
                                </div>
                                <div class="card-footer bg-white border-0 text-center">
                                    <button type="submit" id="btnSimpanRacikanObat" class="btn btn-success btn-lg col-lg-10">Selesai</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
      </div>
    </div>
</div>
{{-- End Of Modal Form Racik Obat --}}

{{-- Modal Aturan Pakai --}}
<div class="modal fade" id="AturanPakaiModal" tabindex="-1" role="dialog" aria-labelledby="AturanPakaiModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title text-primary font-weight-bold" id="AturanPakaiModalLabel">Aturan Pakai</h5>
          <input type="hidden" name="idtextaturan" id="idtextaturan">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
            <div class="row px-2">
                <table class="table table-hover">
                    <tbody id="ListAturanPakai">

                    </tbody>
                  </table>
            </div>
        </div>
        <div class="modal-footer d-block">

            <div id="form-tambah-aturanpakai" class="row px-2">
                <button type="button" id="Btn-TambahAturanPakai" class="btn btn-outline-primary font-weight-bold col-lg-12"><i class="fas fa-plus-circle"></i> Tambah Aturan Pakai</button>
            </div>

            <div id="form-simpan-aturanpakai" class="px-2 d-none">
                <div class="row">
                    <input type="text" class="form-control col-lg-10 mb-3" id="Text-Input-AturanPakai" placeholder="Masukan Aturan Pakai">
                    <div class="col-lg-2 text-right">
                        <button type="button" id="Btn-Input-AturanPakai" class="btn btn-primary"><i class="fas fa-plus-circle"></i></button>
                    </div>
                    <button type="button" id="Btn-Selesai-TambahAturanPakai" class="btn btn-outline-primary font-weight-bold col-lg-12">Selesai</button>
                </div>
            </div>

            <div id="form-edit-aturanpakai" class="px-2 d-none">
                <div class="row">
                    <input type="text" class="form-control col-lg-12 mb-3" id="Text-Edit-AturanPakai" placeholder="Masukan Aturan Pakai">
                    <input type="hidden" id="Text-Id-AturanPakai">
                    <button type="button" id="Btn-Edit-AturanPakai" class="btn btn-success font-weight-bold col-lg-12 mb-2"><i class="fas fa-edit"></i> Edit</button>
                    <button type="button" id="Btn-BatalEdit-AturanPakai" class="btn btn-danger font-weight-bold col-lg-12">Batal Edit</button>
                </div>
            </div>

        </div>
      </div>
    </div>
</div>
{{-- End of Modal Aturan Pakai --}}

{{-- Modal Cara Pakai --}}
<div class="modal fade" id="CaraPakaiModal" tabindex="-1" role="dialog" aria-labelledby="CaraPakaiModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title text-primary font-weight-bold" id="CaraPakaiModalLabel">Cara Pakai</h5>
          <input type="hidden" name="idtextcara" id="idtextcara">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
            <div class="row px-2">
                <table class="table table-hover">
                    <tbody id="ListCaraPakai">

                    </tbody>
                  </table>
            </div>
        </div>
        <div class="modal-footer d-block">

            <div id="form-tambah-carapakai" class="row px-2">
                <button type="button" id="Btn-TambahCaraPakai" class="btn btn-outline-primary font-weight-bold col-lg-12"><i class="fas fa-plus-circle"></i> Tambah Aturan Pakai</button>
            </div>

            <div id="form-simpan-carapakai" class="px-2 d-none">
                <div class="row">
                    <input type="text" class="form-control col-lg-10 mb-3" id="Text-Input-CaraPakai" placeholder="Masukan Aturan Pakai">
                    <div class="col-lg-2 text-right">
                        <button type="button" id="Btn-Input-CaraPakai" class="btn btn-primary"><i class="fas fa-plus-circle"></i></button>
                    </div>
                    <button type="button" id="Btn-Selesai-TambahCaraPakai" class="btn btn-outline-primary font-weight-bold col-lg-12">Selesai</button>
                </div>
            </div>

            <div id="form-edit-carapakai" class="px-2 d-none">
                <div class="row">
                    <input type="text" class="form-control col-lg-12 mb-3" id="Text-Edit-CaraPakai" placeholder="Masukan Aturan Pakai">
                    <input type="hidden" id="Text-Id-CaraPakai">
                    <button type="button" id="Btn-Edit-CaraPakai" class="btn btn-success font-weight-bold col-lg-12 mb-2"><i class="fas fa-edit"></i> Edit</button>
                    <button type="button" id="Btn-BatalEdit-CaraPakai" class="btn btn-danger font-weight-bold col-lg-12">Batal Edit</button>
                </div>
            </div>

        </div>
      </div>
    </div>
</div>
{{-- End of Modal Cara Pakai --}}