@extends("backend.layout-sticky.master")

@section("title")
    Tindakan - Sistem Klinik
@endsection

@push('css')
<link href="{{asset('sb-admin2/css/sb-admin-2.min.css')}}" rel="stylesheet">

<link rel="stylesheet" href="{{asset('adminlte/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('adminlte/plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('adminlte/plugins/datatables-buttons/css/buttons.bootstrap4.min.css')}}">
<style>

  .header-clear-medium {
    padding-top: calc(70px + (env(safe-area-inset-top))*0.8) !important;
  }
</style>
@endpush

@section ('back')
<a href="#" data-back-button="" class="header-icon header-icon-1"><i class="fas fa-arrow-left"></i></a>
<!-- <a href="{{route('dashboard.layanan.rekam_medis.index')}}" class="header-icon header-icon-1"><i class="fas fa-arrow-left"></i></a> -->
@endsection

@section ('content')



<form action="{{ ($action === "UPDATE") ? route('dashboard.layanan.rekam_medis.update', [$row->id]) : route('dashboard.layanan.rekam_medis.store') }}" method="POST" enctype="multipart/form-data">

@if ($action === "UPDATE")
    @method('PUT')
@endif

@csrf

<div class="card card-style">

  @if ($errors->any())
      <div class="alert alert-danger">
          <ul>
              @foreach ($errors->all() as $error)
                  <li>{{ $error }}</li>
              @endforeach
          </ul>
      </div>
  @endif

  @if(session()->has('messages'))
    <div class="alert alert-success">
        {{ session()->get('messages') }}
    </div>
  @endif

  <form id="form-tindakan" action="{{ ($action === "UPDATE") ? route('dashboard.layanan.rekam_medis.update', [$row->id]) : route('dashboard.layanan.rekam_medis.store') }}" method="POST" enctype="multipart/form-data">

  @if ($action === "UPDATE")
      @method('PUT')
  @endif

  @csrf
  <input type="hidden" name="rekam_medis_id" value="{{$row->id}}">
  <div class="content" id="tab-group-1">
      <div class="tab-controls tabs-small tabs-rounded" data-highlight="bg-highlight">
          <a href="#" data-active data-bs-toggle="collapse" data-bs-target="#subyektif">Subyektif</a>
          <a href="#" data-bs-toggle="collapse" data-bs-target="#obyektif">Obyektif</a>
          <a href="#" data-bs-toggle="collapse" data-bs-target="#assesment">Assesment</a>
          <a href="#" data-bs-toggle="collapse" data-bs-target="#planning">Planning</a>
          <a href="#" data-bs-toggle="collapse" data-bs-target="#obat">Obat</a>
          <a href="#" data-bs-toggle="collapse" data-bs-target="#kontrol-tab">Kontrol</a>
      </div>
      <div class="clearfix mb-3"></div>
      <div data-bs-parent="#tab-group-1" class="collapse show" id="subyektif">
        <div class="input-style has-borders no-icon validate-field mb-4">
            <textarea class="form-control" value="" id="form2" name="subyektif" rows="8" cols="8">{{ old('subyektif', (isset($row) && $row['subyektif'] ? $row['subyektif'] : '') ) }}</textarea>
            <label for="form2" class="color-highlight">Subyektif</label>
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <!-- <em>(required)</em> -->
        </div>
      </div>
      <div data-bs-parent="#tab-group-1" class="collapse" id="obyektif">

        <label class="form-label">Sondasi</label>
        <div class="form-group">
          <div class="form-check">
            <label class="form-check-label radio-inline mr-4">
              <input class="form-check-input" type="radio" value="1" name="sondasi" {{ old('sondasi', (isset($row) && $row['sondasi'] == "1" ? "checked" : '') ) }}>
              Positif
            </label>
            <label class="form-check-label radio-inline">
              <input class="form-check-input" type="radio" value="0" name="sondasi" {{ old('sondasi', (isset($row) && $row['sondasi'] == "0" ? "checked" : '') ) }}>
              Negatif
            </label>
          </div>
        </div>

        <label class="form-label">Perkusi</label>
        <div class="form-group">
          <div class="form-check">
            <label class="form-check-label radio-inline mr-4">
              <input class="form-check-input" type="radio" value="1" name="perkusi" {{ old('perkusi', (isset($row) && $row['perkusi'] == "1" ? "checked" : '') ) }}>
              Positif
            </label>
            <label class="form-check-label radio-inline">
              <input class="form-check-input" type="radio" value="0" name="perkusi" {{ old('perkusi', (isset($row) && $row['perkusi'] == "0" ? "checked" : '') ) }}>
              Negatif
            </label>
          </div>
        </div>

        <label class="form-label">Palpasi</label>
        <div class="form-group">
          <div class="form-check">
            <label class="form-check-label radio-inline mr-4">
              <input class="form-check-input" type="radio" value="1" name="palpasi" {{ old('palpasi', (isset($row) && $row['palpasi'] == "1" ? "checked" : '') ) }}>
              Positif
            </label>
            <label class="form-check-label radio-inline">
              <input class="form-check-input" type="radio" value="0" name="palpasi" {{ old('palpasi', (isset($row) && $row['palpasi'] == "0" ? "checked" : '') ) }}>
              Negatif
            </label>
          </div>
        </div>

        <label class="form-label">CE</label>
        <div class="form-group">
          <div class="form-check">
            <label class="form-check-label radio-inline mr-4">
              <input class="form-check-input" type="radio" value="1" name="ce" {{ old('ce', (isset($row) && $row['ce'] == "1" ? "checked" : '') ) }}>
              Positif
            </label>
            <label class="form-check-label radio-inline">
              <input class="form-check-input" type="radio" value="0" name="ce" {{ old('ce', (isset($row) && $row['ce'] == "0" ? "checked" : '') ) }}>
              Negatif
            </label>
          </div>
        </div>

        <label class="form-label">Rontgen</label>
        <div class="form-group">
          <div class="form-check">
            <label class="form-check-label radio-inline mr-4">
              <input class="form-check-input" type="radio" value="1" name="rontgen" {{ old('rontgen', (isset($row) && $row['rontgen'] == "1" ? "checked" : '') ) }}>
              Ya
            </label>
            <label class="form-check-label radio-inline">
              <input class="form-check-input" type="radio" value="0" name="rontgen" {{ old('rontgen', (isset($row) && $row['rontgen'] == "0" ? "checked" : '') ) }}>
              Tidak
            </label>
          </div>
        </div>

        <div class="input-style has-borders no-icon validate-field mb-4">
            <textarea class="form-control" value="" id="form2" name="catatan" rows="8" cols="8">{{ old('catatan', (isset($row) && $row['catatan'] ? $row['catatan'] : '') ) }}</textarea>
            <label for="form2" class="color-highlight">Catatan</label>
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <!-- <em>(required)</em> -->
        </div>
      </div>
      <div data-bs-parent="#tab-group-1" class="collapse" id="assesment">
        <div class="mb-4">
          <table  class="table diagnosis-group">
            <tr style="width: 100%;">
              <td style="width: 30%;">Elemen Gigi</td>
              <td style="width: 50%;">Diagnosis</td>
              <td style="width: 20%;"><a href="#" class="icon icon-xxs rounded-xl bg-phone button-add-diagnosis">
                <i class="fas fa-plus"></i>
              </a>
              </td>
            </tr>

          @if(isset($row) && isset($row->diagnosis_details) && count($row->diagnosis_details)>0)
            @foreach ($row->diagnosis_details as $value)

            <tr>
              <td style="width: 30%;">
                <div class="form-group">
                  <!-- <input type="text" class="form-control" name="elemen_gigi[]" value='{{$value["elemen_gigi"]}}'> -->
                  <select class="form-control" name="elemen_gigi[]">
                    <option value="All Rahang Atas dan Bawah" {{ $value["elemen_gigi"] == "All Rahang Atas dan Bawah" ? "selected" : "" }}>All Rahang Atas dan Bawah</option>
                    <option value="All Rahang Atas" {{ $value["elemen_gigi"] == "All Rahang Atas" ? "selected" : "" }}>All Rahang Atas</option>
                    <option value="All Rahang Bawah" {{ $value["elemen_gigi"] == "All Rahang Bawah" ? "selected" : "" }}>All Rahang Bawah</option>
                    <option value="Regio 1" {{ $value["elemen_gigi"] == "Regio 1" ? "selected" : "" }}>Regio 1</option>
                    <option value="Regio 2" {{ $value["elemen_gigi"] == "Regio 2" ? "selected" : "" }}>Regio 2</option>
                    <option value="Regio 3" {{ $value["elemen_gigi"] == "Regio 3" ? "selected" : "" }}>Regio 3</option>
                    <option value="Regio 4" {{ $value["elemen_gigi"] == "Regio 4" ? "selected" : "" }}>Regio 4</option>
                    <option value="Anterior Atas" {{ $value["elemen_gigi"] == "Anterior Atas" ? "selected" : "" }}>Anterior Atas</option>
                    <option value="Anterior Bawah" {{ $value["elemen_gigi"] == "Anterior Bawah" ? "selected" : "" }}>Anterior Bawah</option>

                    <option value="11" {{ $value["elemen_gigi"] == "11" ? "selected" : "" }}>11</option>
                    <option value="12" {{ $value["elemen_gigi"] == "12" ? "selected" : "" }}>12</option>
                    <option value="13" {{ $value["elemen_gigi"] == "13" ? "selected" : "" }}>13</option>
                    <option value="14" {{ $value["elemen_gigi"] == "14" ? "selected" : "" }}>14</option>
                    <option value="15" {{ $value["elemen_gigi"] == "15" ? "selected" : "" }}>15</option>
                    <option value="16" {{ $value["elemen_gigi"] == "16" ? "selected" : "" }}>16</option>
                    <option value="17" {{ $value["elemen_gigi"] == "17" ? "selected" : "" }}>17</option>
                    <option value="18" {{ $value["elemen_gigi"] == "18" ? "selected" : "" }}>18</option>

                    <option value="21" {{ $value["elemen_gigi"] == "21" ? "selected" : "" }}>21</option>
                    <option value="22" {{ $value["elemen_gigi"] == "22" ? "selected" : "" }}>22</option>
                    <option value="23" {{ $value["elemen_gigi"] == "23" ? "selected" : "" }}>23</option>
                    <option value="24" {{ $value["elemen_gigi"] == "24" ? "selected" : "" }}>24</option>
                    <option value="25" {{ $value["elemen_gigi"] == "25" ? "selected" : "" }}>25</option>
                    <option value="26" {{ $value["elemen_gigi"] == "26" ? "selected" : "" }}>26</option>
                    <option value="27" {{ $value["elemen_gigi"] == "27" ? "selected" : "" }}>27</option>
                    <option value="28" {{ $value["elemen_gigi"] == "28" ? "selected" : "" }}>28</option>

                    <option value="51" {{ $value["elemen_gigi"] == "51" ? "selected" : "" }}>51</option>
                    <option value="52" {{ $value["elemen_gigi"] == "52" ? "selected" : "" }}>52</option>
                    <option value="53" {{ $value["elemen_gigi"] == "53" ? "selected" : "" }}>53</option>
                    <option value="54" {{ $value["elemen_gigi"] == "54" ? "selected" : "" }}>54</option>
                    <option value="55" {{ $value["elemen_gigi"] == "55" ? "selected" : "" }}>55</option>

                    <option value="61" {{ $value["elemen_gigi"] == "61" ? "selected" : "" }}>61</option>
                    <option value="62" {{ $value["elemen_gigi"] == "62" ? "selected" : "" }}>62</option>
                    <option value="63" {{ $value["elemen_gigi"] == "63" ? "selected" : "" }}>63</option>
                    <option value="64" {{ $value["elemen_gigi"] == "64" ? "selected" : "" }}>64</option>
                    <option value="65" {{ $value["elemen_gigi"] == "65" ? "selected" : "" }}>65</option>

                    <option value="71" {{ $value["elemen_gigi"] == "71" ? "selected" : "" }}>71</option>
                    <option value="72" {{ $value["elemen_gigi"] == "72" ? "selected" : "" }}>72</option>
                    <option value="73" {{ $value["elemen_gigi"] == "73" ? "selected" : "" }}>73</option>
                    <option value="74" {{ $value["elemen_gigi"] == "74" ? "selected" : "" }}>74</option>
                    <option value="75" {{ $value["elemen_gigi"] == "75" ? "selected" : "" }}>75</option>

                    <option value="81" {{ $value["elemen_gigi"] == "81" ? "selected" : "" }}>81</option>
                    <option value="82" {{ $value["elemen_gigi"] == "82" ? "selected" : "" }}>82</option>
                    <option value="83" {{ $value["elemen_gigi"] == "83" ? "selected" : "" }}>83</option>
                    <option value="84" {{ $value["elemen_gigi"] == "84" ? "selected" : "" }}>84</option>
                    <option value="85" {{ $value["elemen_gigi"] == "85" ? "selected" : "" }}>85</option>

                    <option value="31" {{ $value["elemen_gigi"] == "31" ? "selected" : "" }}>31</option>
                    <option value="32" {{ $value["elemen_gigi"] == "32" ? "selected" : "" }}>32</option>
                    <option value="33" {{ $value["elemen_gigi"] == "33" ? "selected" : "" }}>33</option>
                    <option value="34" {{ $value["elemen_gigi"] == "34" ? "selected" : "" }}>34</option>
                    <option value="35" {{ $value["elemen_gigi"] == "35" ? "selected" : "" }}>35</option>
                    <option value="36" {{ $value["elemen_gigi"] == "36" ? "selected" : "" }}>36</option>
                    <option value="37" {{ $value["elemen_gigi"] == "37" ? "selected" : "" }}>37</option>
                    <option value="38" {{ $value["elemen_gigi"] == "38" ? "selected" : "" }}>38</option>

                    <option value="41" {{ $value["elemen_gigi"] == "41" ? "selected" : "" }}>41</option>
                    <option value="42" {{ $value["elemen_gigi"] == "42" ? "selected" : "" }}>42</option>
                    <option value="43" {{ $value["elemen_gigi"] == "43" ? "selected" : "" }}>43</option>
                    <option value="44" {{ $value["elemen_gigi"] == "44" ? "selected" : "" }}>44</option>
                    <option value="45" {{ $value["elemen_gigi"] == "45" ? "selected" : "" }}>45</option>
                    <option value="46" {{ $value["elemen_gigi"] == "46" ? "selected" : "" }}>46</option>
                    <option value="47" {{ $value["elemen_gigi"] == "47" ? "selected" : "" }}>47</option>
                    <option value="48" {{ $value["elemen_gigi"] == "48" ? "selected" : "" }}>48</option>

                  </select>
                </div>
              </td>
              <td style="width: 50%;">
                <div class="form-group">
                  <select class="form-control" name="diagnosis_id[]" id="diagnosis_id-2{{$value->id}}">

                  </select>
                  <!-- <select class="form-control" name="diagnosis_id[]" id="diagnosis_id">
                    @foreach ($diagnosis as $val)
                      <option value="{{$val->id}}" {{ $value["diagnosis_id"] == $val->id ? 'selected' : '' }}>{{$val->kode}} - {{$val->deskripsi}}</option>
                    @endforeach
                  </select> -->
                </div>
              </td>
              <td style="width: 20%;"><div class="form-group">
                <a href="#" class="icon icon-xxs rounded-xl bg-pinterest button-remove-diagnosis">
                  <i class="fas fa-trash"></i>
                </a>
              </div></i>
              </a>
              </td>
            </tr>

            @endforeach
          @endif
          </table>
        </div>
      </div>
      <div data-bs-parent="#tab-group-1" class="collapse" id="planning">
        <div class="mb-4">
          <table  class="table tindakan-group">
            <tr style="width: 100%;">
              <td style="width: 10%;">Gigi</td>
              <td style="width: 35%;">Tindakan</td>
              <td style="width: 10%;">Penyulit</td>
              <td style="width: 12%;">Biaya</td>
              <td style="width: 13%;">Diskon dokter</td>
              <td style="width: 10%;"><a href="#" class="icon icon-xxs rounded-xl bg-phone button-add-tindakan">
                <i class="fas fa-plus"></i>
              </a>
              </td>
            </tr>

          @if(isset($row) && isset($row->tindakan_pasien) && count($row->tindakan_pasien->details)>0)
            @foreach ($row->tindakan_pasien->details()->where("tipe", null)->get() as $value)
            <tr>
              <td>
                <div class="form-group">
                  <!-- <input type="text" class="form-control elemen_gigi-tindakan" name="elemen_gigi[]" value="{{$value->elemen_gigi}}"> -->
                  <select class="form-control elemen_gigi-tindakan" name="elemen_gigi_tindakan[]">
                    <option value="All Rahang Atas dan Bawah" {{ $value["elemen_gigi"] == "All Rahang Atas dan Bawah" ? "selected" : "" }}>All Rahang Atas dan Bawah</option>
                    <option value="All Rahang Atas" {{ $value["elemen_gigi"] == "All Rahang Atas" ? "selected" : "" }}>All Rahang Atas</option>
                    <option value="All Rahang Bawah" {{ $value["elemen_gigi"] == "All Rahang Bawah" ? "selected" : "" }}>All Rahang Bawah</option>
                    <option value="Regio 1" {{ $value["elemen_gigi"] == "Regio 1" ? "selected" : "" }}>Regio 1</option>
                    <option value="Regio 2" {{ $value["elemen_gigi"] == "Regio 2" ? "selected" : "" }}>Regio 2</option>
                    <option value="Regio 3" {{ $value["elemen_gigi"] == "Regio 3" ? "selected" : "" }}>Regio 3</option>
                    <option value="Regio 4" {{ $value["elemen_gigi"] == "Regio 4" ? "selected" : "" }}>Regio 4</option>
                    <option value="Anterior Atas" {{ $value["elemen_gigi"] == "Anterior Atas" ? "selected" : "" }}>Anterior Atas</option>
                    <option value="Anterior Bawah" {{ $value["elemen_gigi"] == "Anterior Bawah" ? "selected" : "" }}>Anterior Bawah</option>

                    <option value="11" {{ $value["elemen_gigi"] == "11" ? "selected" : "" }}>11</option>
                    <option value="12" {{ $value["elemen_gigi"] == "12" ? "selected" : "" }}>12</option>
                    <option value="13" {{ $value["elemen_gigi"] == "13" ? "selected" : "" }}>13</option>
                    <option value="14" {{ $value["elemen_gigi"] == "14" ? "selected" : "" }}>14</option>
                    <option value="15" {{ $value["elemen_gigi"] == "15" ? "selected" : "" }}>15</option>
                    <option value="16" {{ $value["elemen_gigi"] == "16" ? "selected" : "" }}>16</option>
                    <option value="17" {{ $value["elemen_gigi"] == "17" ? "selected" : "" }}>17</option>
                    <option value="18" {{ $value["elemen_gigi"] == "18" ? "selected" : "" }}>18</option>

                    <option value="21" {{ $value["elemen_gigi"] == "21" ? "selected" : "" }}>21</option>
                    <option value="22" {{ $value["elemen_gigi"] == "22" ? "selected" : "" }}>22</option>
                    <option value="23" {{ $value["elemen_gigi"] == "23" ? "selected" : "" }}>23</option>
                    <option value="24" {{ $value["elemen_gigi"] == "24" ? "selected" : "" }}>24</option>
                    <option value="25" {{ $value["elemen_gigi"] == "25" ? "selected" : "" }}>25</option>
                    <option value="26" {{ $value["elemen_gigi"] == "26" ? "selected" : "" }}>26</option>
                    <option value="27" {{ $value["elemen_gigi"] == "27" ? "selected" : "" }}>27</option>
                    <option value="28" {{ $value["elemen_gigi"] == "28" ? "selected" : "" }}>28</option>

                    <option value="51" {{ $value["elemen_gigi"] == "51" ? "selected" : "" }}>51</option>
                    <option value="52" {{ $value["elemen_gigi"] == "52" ? "selected" : "" }}>52</option>
                    <option value="53" {{ $value["elemen_gigi"] == "53" ? "selected" : "" }}>53</option>
                    <option value="54" {{ $value["elemen_gigi"] == "54" ? "selected" : "" }}>54</option>
                    <option value="55" {{ $value["elemen_gigi"] == "55" ? "selected" : "" }}>55</option>

                    <option value="61" {{ $value["elemen_gigi"] == "61" ? "selected" : "" }}>61</option>
                    <option value="62" {{ $value["elemen_gigi"] == "62" ? "selected" : "" }}>62</option>
                    <option value="63" {{ $value["elemen_gigi"] == "63" ? "selected" : "" }}>63</option>
                    <option value="64" {{ $value["elemen_gigi"] == "64" ? "selected" : "" }}>64</option>
                    <option value="65" {{ $value["elemen_gigi"] == "65" ? "selected" : "" }}>65</option>

                    <option value="71" {{ $value["elemen_gigi"] == "71" ? "selected" : "" }}>71</option>
                    <option value="72" {{ $value["elemen_gigi"] == "72" ? "selected" : "" }}>72</option>
                    <option value="73" {{ $value["elemen_gigi"] == "73" ? "selected" : "" }}>73</option>
                    <option value="74" {{ $value["elemen_gigi"] == "74" ? "selected" : "" }}>74</option>
                    <option value="75" {{ $value["elemen_gigi"] == "75" ? "selected" : "" }}>75</option>

                    <option value="81" {{ $value["elemen_gigi"] == "81" ? "selected" : "" }}>81</option>
                    <option value="82" {{ $value["elemen_gigi"] == "82" ? "selected" : "" }}>82</option>
                    <option value="83" {{ $value["elemen_gigi"] == "83" ? "selected" : "" }}>83</option>
                    <option value="84" {{ $value["elemen_gigi"] == "84" ? "selected" : "" }}>84</option>
                    <option value="85" {{ $value["elemen_gigi"] == "85" ? "selected" : "" }}>85</option>

                    <option value="31" {{ $value["elemen_gigi"] == "31" ? "selected" : "" }}>31</option>
                    <option value="32" {{ $value["elemen_gigi"] == "32" ? "selected" : "" }}>32</option>
                    <option value="33" {{ $value["elemen_gigi"] == "33" ? "selected" : "" }}>33</option>
                    <option value="34" {{ $value["elemen_gigi"] == "34" ? "selected" : "" }}>34</option>
                    <option value="35" {{ $value["elemen_gigi"] == "35" ? "selected" : "" }}>35</option>
                    <option value="36" {{ $value["elemen_gigi"] == "36" ? "selected" : "" }}>36</option>
                    <option value="37" {{ $value["elemen_gigi"] == "37" ? "selected" : "" }}>37</option>
                    <option value="38" {{ $value["elemen_gigi"] == "38" ? "selected" : "" }}>38</option>

                    <option value="41" {{ $value["elemen_gigi"] == "41" ? "selected" : "" }}>41</option>
                    <option value="42" {{ $value["elemen_gigi"] == "42" ? "selected" : "" }}>42</option>
                    <option value="43" {{ $value["elemen_gigi"] == "43" ? "selected" : "" }}>43</option>
                    <option value="44" {{ $value["elemen_gigi"] == "44" ? "selected" : "" }}>44</option>
                    <option value="45" {{ $value["elemen_gigi"] == "45" ? "selected" : "" }}>45</option>
                    <option value="46" {{ $value["elemen_gigi"] == "46" ? "selected" : "" }}>46</option>
                    <option value="47" {{ $value["elemen_gigi"] == "47" ? "selected" : "" }}>47</option>
                    <option value="48" {{ $value["elemen_gigi"] == "48" ? "selected" : "" }}>48</option>

                  </select>
                </div>
              </td>
              <td>
                <div class="form-group">
                  <select class="form-control tindakan_id" name="tindakan_id[]" id="tindakan_id-2{{$value->id}}" data-id="{{$value->id}}">

                  </select>
                </div>
              </td>
              <td>
                <div class="form-group">
                  <input class="form-control penyulit" name="penyulit[]" id="penyulit" value="{{ $value->biaya_penyulit ?? '' }}">

                </div>
              </td>
              <td>
                <div class="form-group">
                  <input disabled class="form-control harga_tindakan" name="harga_tindakan[]" id="harga_tindakan-{{$value->id}}" value="{{ $value->harga ?? '' }}">
                </div>
              </td>
              <td>
                <div class="form-group">
                  <input type="number" class="form-control" name="diskon_dokter[]" value="{{ $value->diskon_dokter ?? 0 }}" max="{{ $value->alokasi_dokter ?? 0 }}">
                  <p><i class="diskon_dokter">Max : Rp. {{number_format($value->alokasi_dokter)}} </i></p>
                </div>
              </td>
              <td>
                <div class="form-group">
                  <a href="#" class="icon icon-xxs rounded-xl bg-pinterest button-remove-tindakan">
                    <i class="fas fa-trash"></i>
                  </a>
                  <a href="#" class="icon icon-xxs rounded-xl bg-twitter button-edit_odontogram" id="open-form" data-toggle="modal" data-target="#modal-edit_odontogram" gigi-id="{{$value->elemen_gigi}}">
                    <i class="fas fa-tooth"></i>
                  </a>
                  <a href="#" class="icon icon-xxs rounded-xl bg-whatsapp button-edit_odontogram_regio" id="open-form" data-toggle="modal" data-target="#modal-edit_odontogram_regio" gigi-id="">
                    <i class="fas fa-tooth"></i>
                  </a>
                </div>
              </td>
            </tr>

            @endforeach
          @endif
          </table>
        </div>
      </div>
      <div data-bs-parent="#tab-group-1" class="collapse" id="obat">
        <div class="mb-4">
          <table  class="table drug-group">
            <tr style="width: 100%;">
              <td style="width: 20%;">Obat</td>
              <td style="width: 10%;">Dosis</td>
              <td style="width: 2%;">&nbsp;</td>
              <td style="width: 10%;">&nbsp;</td>
              <td style="width: 20%;">Jumlah</td>
              <td style="width: 20%;">Keterangan</td>
              <td style="width: 20%;"><a href="#" class="icon icon-xxs rounded-xl bg-phone button-add-drug">
                <i class="fas fa-plus"></i>
              </a>
              </td>
            </tr>

          @if(isset($row) && $row->resep && count($row->resep->details)>0)
            @foreach ($row->resep->details as $value)
            <tr>

              <td>
                <div class="form-group">
                  <select class="form-control" name="drug_id[]" id="drug_id-2{{$value->id}}">

                  </select>
                </div>
              </td>
              <td>
                <div class="form-group">
                  <input type="text" class="form-control" name="dosis[]" value="{{$value->dosis}}">
                </div>
              </td>
              <td>x</td>
              <td>
                <div class="form-group">
                  <input type="text" class="form-control" name="dosis_hari[]" value="{{$value->dosis_hari}}">
                </div>
              </td>
              <td>
                <div class="form-group">
                  <input type="text" class="form-control" name="jumlah[]" value="{{$value->jumlah}}">
                </div>
              </td>
              <td>
                <div class="form-group">
                  <select class="form-control" name="catatan_obat[]" value="">
                    <option value="Sebelum Makan" @if(isset($value->catatan) && $value->catatan == "Sebelum Makan") selected @endif>Sebelum Makan</option>
                    <option value="Sesudah Makan" @if(isset($value->catatan) && $value->catatan == "Sesudah Makan") selected @endif>Sesudah Makan</option>
                    <option value="Sewaktu" @if(isset($value->catatan) && $value->catatan == "Sewaktu") selected @endif>Sewaktu</option>
                    <option value="Dihabiskan" @if(isset($value->catatan) && $value->catatan == "Dihabiskan") selected @endif>Dihabiskan</option>
                    <option value="Bila Sakit" @if(isset($value->catatan) && $value->catatan == "Bila Sakit") selected @endif>Bila Sakit</option>
                    <option value="Setiap 4 Jam" @if(isset($value->catatan) && $value->catatan == "Setiap 4 Jam") selected @endif>Setiap 4 Jam</option>
                    <option value="Setiap 6 Jam" @if(isset($value->catatan) && $value->catatan == "Setiap 6 Jam") selected @endif>Setiap 6 Jam</option>
                    <option value="Setiap 8 Jam" @if(isset($value->catatan) && $value->catatan == "Setiap 8 Jam") selected @endif>Setiap 8 Jam</option>
                    <option value="Setiap 12 Jam" @if(isset($value->catatan) && $value->catatan == "Setiap 12 Jam") selected @endif>Setiap 12 Jam</option>
                    <option value="Setiap 24 Jam" @if(isset($value->catatan) && $value->catatan == "Setiap 24 Jam") selected @endif>Setiap 24 Jam</option>
                    <option value="Dioles Pada Luka" @if(isset($value->catatan) && $value->catatan == "Dioles Pada Luka") selected @endif>Dioles Pada Luka</option>
                  </select>
                </div>
              </td>

              <td><div class="form-group">
                <a href="#" class="icon icon-xxs rounded-xl bg-pinterest button-remove-drug">
                  <i class="fas fa-trash"></i>
                </a>
              </div></i>
              </a>
              </td>
            </tr>

            @endforeach
          @endif
          </table>
        </div>
      </div>
      <div data-bs-parent="#tab-group-1" class="collapse" id="kontrol-tab">

        <div class="form-group">
          <div class="form-check">
            <label class="form-check-label radio-inline mr-4">
              <input class="form-check-input status_kontrol" type="radio" value="1" name="kontrol" {{ old('kontrol', (isset($row) && $row['kontrol'] == "1" ? "checked" : '') ) }}>
              Ya
            </label>
            <label class="form-check-label radio-inline">
              <input class="form-check-input status_kontrol" type="radio" value="2" name="kontrol" {{ old('kontrol', (isset($row) && $row['kontrol'] == "2" ? "checked" : '') ) }}>
              Selesai
            </label>
          </div>
        </div>

        <label for="form2" class="form-label">Tanggal Kontrol</label>
        <div class="input-style has-borders no-icon validate-field mb-4">
            <input type="date" class="form-control" id="tanggal_kontrol" name="tgl_kontrol" value="{{ old('tgl_kontrol', (isset($row) && $row['tgl_kontrol'] ? $row['tgl_kontrol'] : '') ) }}">
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <!-- <em>(required)</em> -->
        </div>

        <label class="form-label">Waktu</label>
        <div class="input-style has-borders no-icon mb-4">
            <select id="waktu_kontrol" name="waktu_kontrol">
              <option value="{{$row->waktu_kontrol}}">{{$row->waktu_kontrol}}</option>
            </select>
            <span><i class="fa fa-chevron-down"></i></span>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <i class="fa fa-check disabled invalid color-red-dark"></i>
            <em></em>
        </div>

        <label class="form-label">Rencana Tindakan</label>
        <div class="input-style has-borders no-icon validate-field mb-4">
            <textarea class="form-control" value="" name="rencana_tindakan" rows="8" cols="8">{{ old('rencana_tindakan', (isset($row) && $row['rencana_tindakan'] ? $row['rencana_tindakan'] : '') ) }}</textarea>
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <!-- <em>(required)</em> -->
        </div>

        <button class="btn btn-xxs mb-3 rounded-s text-uppercase font-900 shadow-s border-blue-dark btn-save bg-blue-light" type="button">Save </button>
        <button class="d-none btn-submit" type="submit"></button>

      </div>
  </div>


  </form>
</div>

</form>

<div class="modal fade" id="modal-edit_odontogram">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        Odontogram
        <button type="button" class="close" id="close-modal-edit_odontogram" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">

          <div class="card-body content-edit_odontogram text-center" style="padding: 0px;">

          </div>
          <!-- /.card-body -->

      </div>
      <div class="modal-footer justify-content-between">
        <button type="button" class="btn btn-primary button-submit-edit_odontogram">Submit</button>
        <button type="button"  class="btn btn-warning" data-dismiss="modal">Close</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>

<div class="modal fade" id="modal-edit_odontogram_regio">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        Odontogram
        <button type="button" class="close" id="close-modal-edit_odontogram_regio" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">

          <div class="card-body content-edit_odontogram_regio text-center" style="padding: 0px;">

          </div>
          <!-- /.card-body -->

      </div>
      <div class="modal-footer justify-content-between">
        <button type="button" class="btn btn-primary button-submit-edit_odontogram_regio">Submit</button>
        <button type="button"  class="btn btn-warning" data-dismiss="modal">Close</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
@endsection

@push('js')
<!-- Page level custom scripts -->
<script src="{{asset('adminlte/plugins/datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-responsive/js/responsive.bootstrap4.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/dataTables.buttons.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.bootstrap4.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/jszip/jszip.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/pdfmake/pdfmake.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/pdfmake/vfs_fonts.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.html5.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.print.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.colVis.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/toastr/toastr.min.js')}}"></script>

<script>

var tanggal_kontrol = "2023-02-13"

$(document).on('change', '#tanggal_kontrol', function(e){
  tanggal_kontrol = $(this).val()

  getWaktu(tanggal_kontrol)
});

$(document).on('click', '.btn-save', function(e){

  let status_kontrol = $('input[name="kontrol"]:checked').val()
  let waktu_kontrol = $("#waktu_kontrol").val()
  let tanggal_kontrol = $("#tanggal_kontrol").val()
  let error = 0

  if (status_kontrol == 1) {

    if (waktu_kontrol == "" && tanggal_kontrol == "") {
      error += 1
    }
  }

  if (error > 0) {
    Swal.fire({
        title:'error',
        text:'Silahkan masukkan waktu dan tanggal kontrol',
        icon:'error'
    })
  }else {

    if (status_kontrol == 1) {
      $.ajax({
          url:"{{ route('dashboard.layanan.registrasi.getWaktuExist') }}",
          method:"GET",
          data: {
            doctor_id: '{{ $row->doctor_id }}',
            tanggal: tanggal_kontrol,
            waktu: waktu_kontrol,
            klinik_id: '{{ $row->klinik_id }}',
            patient_id: '{{ $row->patient_id }}',
          },
          success:function(res){
            console.log(res == 1);
            if (res == 1) {
              Swal.fire({
                  title:'error',
                  text:'Jadwal tidak tersedia, silahkan pilih jadwal lain.',
                  icon:'error'
              })
            }else {
              $(".btn-submit").click()

            }
          }
      })
    }else {
      $(".btn-submit").click()

    }


  }


});

function getWaktu(tanggal_kontrol){

  $.ajax({
      url:"{{ route('dashboard.layanan.registrasi.getWaktu') }}",
      method:"GET",
      data: {
        doctor_id: '{{ $row->doctor_id }}',
        tanggal: tanggal_kontrol,
        klinik_id: '{{ $row->klinik_id }}',
        patient_id: '{{ $row->patient_id }}',
      },
      success:function(res){
        let html = ""
        $("#waktu_kontrol").empty()
        $.each(res, function(k,v){
          html += `<option value="`+k+`">`+v+`</option>`
        })

        $("#waktu_kontrol").html(html)

      }
    })
}

@if(isset($row))
  var set_rm = new Option("{{$row['pasien']['no_rm']}} - {{$row['pasien']['nama']}}", "{{$row['patient_id']}}", false, true)

  $('#no_rm').append(set_rm).trigger('change')

  @if(isset($row->diagnosis_details) && count($row->diagnosis_details)>0)
    @foreach ($row->diagnosis_details as $value)

    var set_diagnosa_{{$value->id}} = new Option("{{$value->diagnosis->kode ?? ""}} - {{$value->diagnosis->deskripsi ?? ""}}", "{{$value['diagnosis_id'] ?? 0}}", false, true)
    $('#diagnosis_id-2{{$value->id}}').append(set_diagnosa_{{$value->id}}).trigger('change')

      $("#diagnosis_id-2{{$value->id}}").select2({
          placeholder:"Pilih Diagnosis",
          ajax:
          {
            url: "{{ route('dashboard.master.diagnosa.getDiagnosa') }}",
            processResults: function (data) {
              // console.log(data);
              return {
                results: data.results
              };
            }
          }
      })
    @endforeach
  @endif

  @if(isset($row) && isset($row->tindakan_pasien) && count($row->tindakan_pasien->details)>0)
    @foreach ($row->tindakan_pasien->details as $value)
        @if ($value->tindakan)
        var set_tindakan_{{$value->id}} = new Option("{{$value->tindakan->nama ?? ""}}", "{{$value['tindakan_id'] ?? 0}}", false, true)
        $('#tindakan_id-2{{$value->id}}').append(set_tindakan_{{$value->id}}).trigger('change')

          $("#tindakan_id-2{{$value->id}}").select2({
              placeholder:"Pilih TIndakan",
              ajax:
              {
                url: "{{ route('dashboard.master.tindakan.getTindakanSelect') }}",
                processResults: function (data) {
                  // console.log(data);
                  return {
                    results: data.results
                  };
                }
              }
          })
        @endif

    @endforeach
  @endif

  @if(isset($row) && $row->resep && count($row->resep->details)>0)
    @foreach ($row->resep->details as $value)
    var set_obat_{{$value->id}} = new Option("{{$value->obat->nama ?? ""}}", "{{$value['drug_id'] ?? 0}}", false, true)
    $('#drug_id-2{{$value->id}}').append(set_obat_{{$value->id}}).trigger('change')

      $("#drug_id-2{{$value->id}}").select2({
          placeholder:"Pilih Obat",
          ajax:
          {
            url: "{{ route('dashboard.farmasi.obat.getObat') }}",
            processResults: function (data) {
              // console.log(data);
              return {
                results: data.results
              };
            }
          }
      })
    @endforeach
  @endif

@endif

// console.log("tes");
$(document).ready(function() {
$(document).on('click', '.button-add-diagnosis', function(e){
  e.preventDefault();
  // $(".button-add-tindakan").click()
  let id = $(".diagnosis-group tr").length
  $(".diagnosis-group tr:last").after(`
    <tr>
      <td>
        <div class="form-group">
        <select class="form-control" name="elemen_gigi[]">
          <option value="All Rahang Atas dan Bawah">All Rahang Atas dan Bawah</option>
          <option value="All Rahang Atas">All Rahang Atas</option>
          <option value="All Rahang Bawah">All Rahang Bawah</option>
          <option value="Regio 1">Regio 1</option>
          <option value="Regio 2">Regio 2</option>
          <option value="Regio 3">Regio 3</option>
          <option value="Regio 4">Regio 4</option>
          <option value="Anterior Atas">Anterior Atas</option>
          <option value="Anterior Bawah">Anterior Bawah</option>

          <option value="11">11</option>
          <option value="12">12</option>
          <option value="13">13</option>
          <option value="14">14</option>
          <option value="15">15</option>
          <option value="16">16</option>
          <option value="17">17</option>
          <option value="18">18</option>

          <option value="21">21</option>
          <option value="22">22</option>
          <option value="23">23</option>
          <option value="24">24</option>
          <option value="25">25</option>
          <option value="26">26</option>
          <option value="27">27</option>
          <option value="28">28</option>

          <option value="51">51</option>
          <option value="52">52</option>
          <option value="53">53</option>
          <option value="54">54</option>
          <option value="55">55</option>

          <option value="61">61</option>
          <option value="62">62</option>
          <option value="63">63</option>
          <option value="64">64</option>
          <option value="65">65</option>

          <option value="71">71</option>
          <option value="72">72</option>
          <option value="73">73</option>
          <option value="74">74</option>
          <option value="75">75</option>

          <option value="81">81</option>
          <option value="82">82</option>
          <option value="83">83</option>
          <option value="84">84</option>
          <option value="85">85</option>

          <option value="31">31</option>
          <option value="32">32</option>
          <option value="33">33</option>
          <option value="34">34</option>
          <option value="35">35</option>
          <option value="36">36</option>
          <option value="37">37</option>
          <option value="38">38</option>

          <option value="41">41</option>
          <option value="42">42</option>
          <option value="43">43</option>
          <option value="44">44</option>
          <option value="45">45</option>
          <option value="46">46</option>
          <option value="47">47</option>
          <option value="48">48</option>

        </select>
        </div>
      </td>
      <td>
        <div class="form-group">
          <select class="form-control" name="diagnosis_id[]" id="diagnosis_id-`+id+`">

          </select>
        </div>
      </td>
      <td><div class="form-group">
        <a href="#" class="icon icon-xxs rounded-xl bg-pinterest button-remove-diagnosis">
          <i class="fas fa-trash"></i>
        </a>
      </div></i>
      </a>
      </td>
    </tr>
    `);

    $("#diagnosis_id-"+id).select2({
        placeholder:"Pilih Diagnosis",
        ajax:
        {
          url: "{{ route('dashboard.master.diagnosa.getDiagnosa') }}",
          processResults: function (data) {
            // console.log(data);
            return {
              results: data.results
            };
          }
        }
    })

});

$(document).on('click', '.button-remove-diagnosis', function(e){
  e.preventDefault();

  $(this).parents("tr").remove()

});

$(document).on('click', '.button-add-tindakan', function(e){
  e.preventDefault();
  let id = $(".tindakan-group tr").length
  $(".tindakan-group tr:last").after(`
    <tr>
    <td>
      <div class="form-group">
      <select class="form-control elemen_gigi-tindakan" name="elemen_gigi_tindakan[]">
        <option value="All Rahang Atas dan Bawah">All Rahang Atas dan Bawah</option>
        <option value="All Rahang Atas">All Rahang Atas</option>
        <option value="All Rahang Bawah">All Rahang Bawah</option>
        <option value="Regio 1">Regio 1</option>
        <option value="Regio 2">Regio 2</option>
        <option value="Regio 3">Regio 3</option>
        <option value="Regio 4">Regio 4</option>
        <option value="Anterior Atas">Anterior Atas</option>
        <option value="Anterior Bawah">Anterior Bawah</option>

        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        <option value="14">14</option>
        <option value="15">15</option>
        <option value="16">16</option>
        <option value="17">17</option>
        <option value="18">18</option>

        <option value="21">21</option>
        <option value="22">22</option>
        <option value="23">23</option>
        <option value="24">24</option>
        <option value="25">25</option>
        <option value="26">26</option>
        <option value="27">27</option>
        <option value="28">28</option>

        <option value="51">51</option>
        <option value="52">52</option>
        <option value="53">53</option>
        <option value="54">54</option>
        <option value="55">55</option>

        <option value="61">61</option>
        <option value="62">62</option>
        <option value="63">63</option>
        <option value="64">64</option>
        <option value="65">65</option>

        <option value="71">71</option>
        <option value="72">72</option>
        <option value="73">73</option>
        <option value="74">74</option>
        <option value="75">75</option>

        <option value="81">81</option>
        <option value="82">82</option>
        <option value="83">83</option>
        <option value="84">84</option>
        <option value="85">85</option>

        <option value="31">31</option>
        <option value="32">32</option>
        <option value="33">33</option>
        <option value="34">34</option>
        <option value="35">35</option>
        <option value="36">36</option>
        <option value="37">37</option>
        <option value="38">38</option>

        <option value="41">41</option>
        <option value="42">42</option>
        <option value="43">43</option>
        <option value="44">44</option>
        <option value="45">45</option>
        <option value="46">46</option>
        <option value="47">47</option>
        <option value="48">48</option>

      </select>
      </div>
    </td>
      <td>
      <div class="form-group">
        <select class="form-control tindakan_id" name="tindakan_id[]" id="tindakan_id-`+id+`">
        <option value="">-- Pilih Tindakan --</option>
          @foreach ($tindakan as $val)
            <option value="{{$val->id}}">{{$val->nama}}</option>
          @endforeach
        </select>
      </div>
      </td>
      <td>
        <div class="form-group">
          <input type="number" class="form-control penyulit" name="penyulit[]" id="penyulit">
        </div>
      </td>
      <td>
        <div class="form-group">
          <input disabled class="form-control harga_tindakan" name="harga_tindakan[]" >
        </div>
      </td>
      <td>
        <div class="form-group">
          <input  type="number" class="form-control diskon_dokter_max" name="diskon_dokter[]">
          <p><i class="diskon_dokter"></i> </p>
        </div>
      </td>
      <td>
        <div class="form-group">
          <a href="#" class="icon icon-xxs rounded-xl bg-pinterest button-remove-diagnosis">
            <i class="fas fa-trash"></i>
          </a>
          <a href="#" class="icon icon-xxs rounded-xl bg-twitter button-edit_odontogram" id="open-form" data-toggle="modal" data-target="#modal-edit_odontogram">
            <i class="fas fa-tooth"></i>
          </a>
          <a href="#" class="icon icon-xxs rounded-xl bg-whatsapp button-edit_odontogram_regio" id="open-form" data-toggle="modal" data-target="#modal-edit_odontogram_regio" gigi-id="">
            <i class="fas fa-tooth"></i>
          </a>
        </div>
      </td>
    </tr>
    `);

    $("#tindakan_id-"+id).select2({
        placeholder:"Pilih Tindakan",
        ajax:
        {
          url: "{{ route('dashboard.master.tindakan.getTindakanSelect') }}",
          processResults: function (data) {
            // console.log(data);
            return {
              results: data.results
            };
          }
        }
    })

});

$(document).on('click', '.button-remove-tindakan', function(e){
  e.preventDefault();

  $(this).parents("tr").remove()

});
});

$(document).on('click', '.button-add-drug', function(e){
  e.preventDefault();
  let id = $(".drug-group tr").length

  $(".drug-group tr:last").after(`
    <tr>

      <td>
        <div class="form-group">
          <select class="form-control" name="drug_id[]" id="drug_id-`+id+`">
            @foreach ($drugs as $val)
              <option value="{{$val->id}}">{{$val->nama}}</option>
            @endforeach
          </select>
        </div>
      </td>
      <td>
        <div class="form-group">
          <input type="text" class="form-control" name="dosis[]" value="">
        </div>
      </td>
      <td>x</td>
      <td>
        <div class="form-group">
          <input type="text" class="form-control" name="dosis_hari[]" value="">
        </div>
      </td>
      <td>
        <div class="form-group">
          <input type="text" class="form-control" name="jumlah[]" value="1">
        </div>
      </td>
      <td>
        <div class="form-group">
          <select class="form-control" name="catatan_obat[]" value="">
          <option value="Sebelum Makan">Sebelum Makan</option>
          <option value="Sesudah Makan">Sesudah Makan</option>
          <option value="Sewaktu">Sewaktu</option>
          <option value="Dihabiskan">Dihabiskan</option>
          <option value="Bila Sakit">Bila Sakit</option>
          <option value="Setiap 4 Jam">Setiap 4 Jam</option>
          <option value="Setiap 6 Jam">Setiap 6 Jam</option>
          <option value="Setiap 8 Jam">Setiap 8 Jam</option>
          <option value="Setiap 12 Jam">Setiap 12 Jam</option>
          <option value="Setiap 24 Jam">Setiap 24 Jam</option>
          <option value="Dioles Pada Luka">Dioles Pada Luka</option>
          </select>
        </div>
      </td>

      <td><div class="form-group">
        <a href="#" class="icon icon-xxs rounded-xl bg-pinterest button-remove-drug">
          <i class="fas fa-trash"></i>
        </a>
      </div></i>
      </a>
      </td>
    </tr>
    `);

    $("#drug_id-"+id).select2({
        placeholder:"Pilih Obat",
        ajax:
        {
          url: "{{ route('dashboard.farmasi.obat.getObat') }}",
          processResults: function (data) {
            // console.log(data);
            return {
              results: data.results
            };
          }
        }
    })

});

$(document).on('click', '.button-remove-drug', function(e){
  e.preventDefault();

  $(this).parents("tr").remove()

});

$(document).on('input', '.elemen_gigi-tindakan', function(e){
  let gigi_id = $(this).val()
  console.log(gigi_id);
  $(this).parents("tr").find("td .button-edit_odontogram").attr("gigi_id", gigi_id)

})

$(document).on('click', '.button-submit-edit_odontogram', function(e){
  e.preventDefault()
  let elemen_gigi = $(this).attr('elemen_gigi')
  let patient_id = $('.odontogram_patient_id').val()
  let bagian = $('.odontogram_bagian').val()
  let diagnosis_id = $('.odontogram_diagnosis_id').val()

  $.ajax({
      url:"{{ route('dashboard.layanan.rekam_medis.editOdontogram') }}",
      method:"GET",
      data:{elemen_gigi: elemen_gigi, patient_id:patient_id, bagian: bagian, diagnosis_id: diagnosis_id},
      success:function(res){

        if (res == 1) {
          Swal.fire({
              title:'success',
              text:'Success',
              icon:'success'
          })
        }
      }

    })
})

$(document).on('change', '.tindakan_id', function(e){
  e.preventDefault();
  let id = $(this).val()
  let id_tindakan = $(this).attr("data-id")
  let el_harga_tindakan = $(this).parents("tr").find(".harga_tindakan")
  let el_diskon_dokter = $(this).parents("tr").find(".diskon_dokter")
  let el_diskon_dokter_max = $(this).parents("tr").find(".diskon_dokter_max")
  let el_penyulit = $(this).parents("tr").find(".penyulit")

  $('.button-edit_odontogram_regio').attr('data-id', id)
  el_diskon_dokter.text("")
  $.ajax({
      url:"{{ route('dashboard.master.tindakan.getTindakan') }}",
      method:"GET",
      data:{id: id},
      success:function(res){

        let diskon_dokter = harga_tindakan = biaya_lab = 0

        harga_tindakan = res.harga

          if (res.biaya_lab != 0) {
            harga_tindakan = harga_tindakan-res.biaya_lab
            diskon_dokter = (res.alokasi_dokter*harga_tindakan)/100
          }

          if (res.biaya_habis_pakai != null) {
            harga_tindakan = harga_tindakan-((harga_tindakan*res.biaya_habis_pakai)/100)
            diskon_dokter = (res.alokasi_dokter*harga_tindakan)/100
          }

          diskon_dokter = (res.alokasi_dokter*harga_tindakan)/100

        el_harga_tindakan.val(res.harga)
        el_diskon_dokter.text("Max : Rp. "+addCommas(diskon_dokter))
        el_diskon_dokter_max.attr("Max", diskon_dokter)

      }
    })


});

$(document).on('click', '.button-edit_odontogram', function(e){
  e.preventDefault();
  let elemen_gigi = $(this).attr("gigi_id")
  let patient_id = "{{$row->patient_id}}"

  if (elemen_gigi == undefined) {

    elemen_gigi = $(this).parents("tr").find("td .elemen_gigi-tindakan").val()
  }

  $('.button-submit-edit_odontogram').attr("elemen_gigi", elemen_gigi)

  $.ajax({
      url:"{{ route('dashboard.layanan.rekam_medis.getOdontogram') }}",
      method:"GET",
      data:{elemen_gigi: elemen_gigi, patient_id:patient_id},
      success:function(res){
        console.log(res);

        let array_atas_belakang = [18,17,16,15,14,24,25,26,27,28, 54, 55, 64, 65];
        let array_bawah_belakang = [48,47,46,45,44,34,35,36,37,38, 74, 75, 84, 85];
        let array_atas_depan = [11,12,13,21,22,23, 51,52,53,61,62,63];
        let array_bawah_depan = [43,42,41,31,32,33, 71, 72, 73, 81,82,83];

        let html_opt = ''

        if (jQuery.inArray(parseInt(elemen_gigi), array_atas_belakang) !== -1) {
          html_opt += `<option value="oklusal">oklusal</option>
          <option value="mesial">mesial</option>
          <option value="distal">distal</option>
          <option value="bukal">bukal</option>
          <option value="palatal">palatal</option>`
        }else if (jQuery.inArray(parseInt(elemen_gigi), array_bawah_belakang) !== -1) {
          html_opt += `<option value="oklusal">oklusal</option>
          <option value="mesial">mesial</option>
          <option value="distal">distal</option>
          <option value="bukal">bukal</option>
          <option value="lingual">lingual</option>`
        }else if (jQuery.inArray(parseInt(elemen_gigi), array_atas_depan) !== -1) {
          html_opt += `<option value="incisal">incisal</option>
          <option value="mesial">mesial</option>
          <option value="distal">distal</option>
          <option value="bukal">labial</option>
          <option value="lingual">palatal</option>`
        }else if (jQuery.inArray(parseInt(elemen_gigi), array_bawah_depan) !== -1) {
          html_opt += `<option value="oklusal">incisal</option>
          <option value="mesial">mesial</option>
          <option value="distal">distal</option>
          <option value="bukal">labial</option>
          <option value="lingual">lingual</option>`
        }else {
          html_opt += `<option value="oklusal">incisal</option>
          <option value="mesial">mesial</option>
          <option value="distal">distal</option>
          <option value="bukal">labial</option>
          <option value="lingual">lingual</option>`
        }

        let html = ""

        if (res.data != null) {
          html += `
          <div class='row'>
            <div class='col-md-4'>
              <img src='/`+res.filepath+`' data-id='`+elemen_gigi+`' style='width: 100%;'>
            </div>
            <div class='col-md-8 text-left'>
              <h6>Bagian : `+res.data.bagian+`</h6>
              <h6>Differensial Diagnosis : `+res.data.odontologi.nama+` - `+res.data.odontologi.deskripsi+`</h6>
            </div>

          </div>`
        }


          html += `
          <input type='hidden' class='odontogram_patient_id' value='{{$row->patient_id}}'>
          <div class='row'>
            <div class="col-md-3">
              <h6>Update :</h6>
            </div>
            <div class="col-md-3">
              <select class="form-control odontogram_bagian">`+html_opt+`</select>
            </div>
            <div class='col-md-6'>
              <select class="form-control odontogram_diagnosis_id" id="diff_diagnosis_id-`+elemen_gigi+`">

              </select>
            </div>
          </div>`

          setTimeout(function(){
            $("#diff_diagnosis_id-"+elemen_gigi).select2({
                placeholder:"Pilih Differensial Diagnosis",
                ajax:
                {
                  url: "{{ route('dashboard.master.odontology.getDiagnosa') }}",
                  processResults: function (data) {
                    // console.log(data);
                    return {
                      results: data.results
                    };
                  }
                }
            })
          }, 1000)



        $(".content-edit_odontogram").html(html)
      }
    })



});

$(document).on('click', '.button-edit_odontogram_regio', function(e){
  e.preventDefault();
  let tindakan_id = $(this).attr("gigi_id")
  let patient_id = "{{$row->patient_id}}"

  $('.button-submit-edit_odontogram_regio').attr("elemen_gigi", tindakan_id)

  let html = `
  <input type='hidden' class='odontogram_patient_id_regio' value='{{$row->patient_id}}'>
  <div class='row'>
    <div class="col-md-3">
      <h6>Update :</h6>
    </div>
    <div class="col-md-3">
      <select class="form-control elemen_gigi_regio">
        <option value="All Rahang Atas">All Rahang Atas</option>
        <option value="Regio 1">Regio 1</option>
        <option value="Regio 2">Regio 2</option>
        <option value="Anterior Atas">Anterior Atas</option>
        <option value="All Rahang Bawah">All Rahang Bawah</option>
        <option value="Regio 3">Regio 3</option>
        <option value="Regio 4">Regio 4</option>
        <option value="Anterior Bawah">Anterior Bawah</option>
      </select>
    </div>
    <div class='col-md-6'>
      <select class="form-control odontogram_diagnosis_id_regio" id="diff_diagnosis_id_regio-`+tindakan_id+`">

      </select>
    </div>
  </div>
  `

          setTimeout(function(){
            $("#diff_diagnosis_id_regio-"+tindakan_id).select2({
                placeholder:"Pilih Differensial Diagnosis",
                ajax:
                {
                  url: "{{ route('dashboard.master.odontology.getDiagnosa') }}",
                  processResults: function (data) {
                    // console.log(data);
                    return {
                      results: data.results
                    };
                  }
                }
            })
          }, 1000)



        $(".content-edit_odontogram_regio").html(html)
});

$(document).on('click', '.button-submit-edit_odontogram_regio', function(e){
  e.preventDefault()
  let elemen_gigi_regio = $('.elemen_gigi_regio').val()
  let patient_id_regio = $('.odontogram_patient_id_regio').val()
  let diagnosis_id_regio = $('.odontogram_diagnosis_id_regio').val()

  $.ajax({
      url:"{{ route('dashboard.layanan.rekam_medis.editOdontogramRegio') }}",
      method:"GET",
      data:{elemen_gigi: elemen_gigi_regio, patient_id:patient_id_regio, diagnosis_id: diagnosis_id_regio},
      success:function(res){
        if (res) {
          // $("#close-modal-edit_odontogram_regio").click()
          Swal.fire({
              title:'success',
              text:'Success',
              icon:'success'
          })
        }
      }

    })
})

function addCommas(nStr)
  {
      nStr += '';
      x = nStr.split('.');
      x1 = x[0];
      x2 = x.length > 1 ? '.' + x[1] : '';
      var rgx = /(\d+)(\d{3})/;
      while (rgx.test(x1)) {
          x1 = x1.replace(rgx, '$1' + ',' + '$2');
      }
      return x1 + x2;
  }

</script>
@endpush