dokter-telekonsultasi/resources/views/dokter/emr/form/soap.blade.php

<x-app-layout :assets="$assets ?? []">
<div>
   <div class="row">
      @if($data['type'] == 'pdnorec')
         <div class="col-sm-12 col-lg-6">
      @elseif($data['type'] == 'nocm')
         <div class="col-sm-12 col-lg-12">
      @endif
         <div class="card">
            <div class="table-responsive mt-4">
               <table class="table">
                  <tr>
                     <td style="width:200px;">No MR</td>
                     <td style="width:5px;">:</td>
                     <td>{{ $data['pasien_identitas']->nocm }}</td>
                  </tr>
                  <tr>
                     <td>Nama Pasien</td>
                     <td>:</td>
                     <td>{{ $data['pasien_identitas']->namapasien }}</td>
                  </tr>
                  <tr>
                     <td>Jenis Kelamin</td>
                     <td>:</td>
                     <td>{{ $data['pasien_identitas']->jeniskelamin }}</td>
                  </tr>
                  <tr>
                     <td>Tgl Lahir</td>
                     <td>:</td>
                     <td>{{ date('d-m-Y', strtotime( $data['pasien_identitas']->tgllahir )) }}</td>
                  </tr>
                  <tr>
                     <td>Usia</td>
                     <td>:</td>
                     <td>
                        {{ isset($data['pasien_identitas']->umur_as_year) ? $data['pasien_identitas']->umur_as_year : 0 }} Tahun, 
                        {{ isset($data['pasien_identitas']->umur_as_month) ? $data['pasien_identitas']->umur_as_month : 0 }} Bulan, 
                        {{ isset($data['pasien_identitas']->umur_as_day) ? $data['pasien_identitas']->umur_as_day : 0 }} Hari</td>
                  </tr>
               </table>
            </div>
         </div>
      </div>

      @if($data['type'] == 'pdnorec')
      <div class="col-sm-12 col-lg-6">
         <div class="card">
            <div class="table-responsive mt-4">
               <table class="table">
                  <tr>
                     <td style="width:200px;">No Registrasi.</td>
                     <td style="width:5px;">:</td>
                     <td>{{ $data['pasien_identitas']->noregistrasi }}</td>
                  </tr>
                  <tr>
                     <td>Poli Tujuan</td>
                     <td>:</td>
                     <td>{{ $data['pasien_identitas']->namaruangan }}</td>
                  </tr>
                  <tr>
                     <td>DPJP</td>
                     <td>:</td>
                     <td>{{ $data['pasien_identitas']->namalengkap }}</td>
                  </tr>
                  <tr>
                     <td>Tgl Layanan</td>
                     <td>:</td>
                     <td>{{ date('d-m-Y', strtotime( $data['pasien_identitas']->tglregistrasi )) }}</td>
                  </tr>
                  <tr>
                     <td>Jaminan</td>
                     <td>:</td>
                     <td>{{ $data['pasien_identitas']->kelompokpasien }}</td>
                  </tr>
               </table>
            </div>
         </div>
      </div>
   </div>
   @endif

    <div class="row">
        <div class="col-12 col-sm-12 col-xs-12 col-lg-6">
            <a href="{{route('dokter.emr.soap.view', ['pdnorec' => $data['pdnorec']])}}">
                <div class="card btn btn-warning col-sm-12 col-lg-12">{{ ($data['type'] == 'pdnorec') ? 'SOAP' : 'RIWAYAT SOAP' }}</div>
            </a>
        </div>
        <div class="col-sm-12 col-lg-6">
            <a href="{{route('dokter.order.resep.view', ['pdnorec' => $data['pdnorec']])}}">
                <div class="card btn btn-secondary col-sm-12 col-lg-12">{{ ($data['type'] == 'pdnorec') ? 'PERESEPAN OBAT' : 'RIWAYAT PERESEPAN OBAT' }}</div>
            </a>
        </div>
    </div>

   <div class="row">
      <div class="col-sm-12 col-lg-12">
         <div class="card">
            <div class="card card-body">
               <div class="card-body">
                  <div class="row">
                     <div class="col-12 col-sm-12 col-xs-12 col-lg-10">
                        <h1>{{ ($data['type'] == 'pdnorec') ? 'LIST SOAP PASIEN' : 'RIWAYAT SOAP PASIEN' }}</h1>
                     </div>
                     <div class="col-sm-12 col-lg-2">
                        @if($data['type'] == 'pdnorec')
                           @if(strtotime(date('d-m-Y', strtotime( $data['pasien_identitas']->tglregistrasi ))) == strtotime(date('d-m-Y')) )                           
                              <a href="{{route('dokter.emr.soap.form', ['pdnorec' => $data['pdnorec']])}}">
                                 <div class="card btn btn-info col-lg-6 col-12">Tambah SOAP</div>
                              </a>
                           @else 
                              <div class="card btn btn-secondary col-sm-6 col-lg-6 col-12">Tambah SOAP</div>
                           @endif
                        @endif
                     </div>
                  </div>
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    <div class="table-responsive mt-4">
                        <label class="text-danger">* Hanya Menampilkan 10 Riwayat Terakhir</label>
                        <table id="basic-table" class="table table-striped mb-0" role="grid">
                        <thead>
                            <tr>
                                <th>Tanggal / Jam</th>
                                <th>No Registrasi</th>
                                <th>Dokter</th>
                                <th>Ruangan</th>
                                <th>Keterangan</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                           @if(!empty($data['his_cppt']))
                              @foreach($data['his_cppt'] as $resultRow)
                                 <tr>
                                    <td>{{ date('d-m-Y', strtotime( $resultRow->tglinput )) }} / {{ date('H:i', strtotime( $resultRow->tglinput)) }}</td>
                                    <td>{{ $resultRow->noregistrasi }}</td>
                                    <td>{{ $resultRow->namalengkap }}</td>
                                    <td>{{ $resultRow->namaruangan }}</td>
                                    <td>{{ $resultRow->keterangan }}</td>
                                    <td>
                                       <button 
                                          type="button" 
                                          class="btn btn-info"
                                          data-bs-toggle="modal" 
                                          data-bs-target="#modalInputSOAP" 
                                          data-s="{{ $resultRow->s }}"
                                          data-o="{{ $resultRow->o }}"
                                          data-a="{{ $resultRow->a }}"
                                          data-p="{{ $resultRow->p }}"
                                          data-cpptnorec="{{ $resultRow->cpptnorec }}"
                                          data-mode="view"
                                       >Lihat</button>

                                       @if( Auth::user()->smart_pk == $resultRow->pegawaifk && strtotime(date('Y-m-d H:i:s')) <= strtotime(date('Y-m-d H:i:s', strtotime($resultRow->tglinput . ' +1 day'))) )     
                                          @if($data['type'] == 'pdnorec')
                                             <a href="{{route('dokter.emr.soap.form', ['pdnorec' => $data['pdnorec'], 'cpptnorec' => $resultRow->cpptnorec])}}" class="btn btn-warning">
                                                Edit
                                             </a>    
                                             
                                             <a href="{{route('dokter.emr.soap.delete', ['pdnorec' => $data['pdnorec'], 'cpptnorec' => $resultRow->cpptnorec])}}" class="btn btn-danger">
                                                Hapus
                                             </a>
                                          @endif
                                       @else
                                          @if($data['type'] == 'pdnorec')
                                             <button class="btn btn-secondary">
                                                Edit
                                             </button>   
                                             
                                             <button class="btn btn-secondary">
                                                Hapus
                                             </button>
                                          @endif
                                       @endif
                                    </td>
                                 </tr>
                              @endforeach
                           @else
                              <tr>
                                 <td colspan="6">
                                    <center>~~~ Tidak Ada Riwayat SOAP ~~</center>
                                 </td>
                              </tr>
                           @endif
                              
                        </tbody>
                        </table>
                    </div>
                </div>
            </div>
         </div>
      </div>
   </div>
</div>

<div class="modal fade" id="modalInputSOAP" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
   <form method="POST" action="{{ route('dokter.emr.soap.save') }}" data-toggle="validator">
      {{csrf_field()}}
      <div class="modal-dialog modal-xl">
         <div class="modal-content">
            <div class="modal-header">
                  <h5 class="modal-title" id="staticBackdropLabel">Form Input SOAP</h5>
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                  <input type="text" name="noregistrasifk" id="noregistrasifk" value="" readonly/>
                  <input type="text" name="ruanganfk" id="ruanganfk" value="" readonly/>
                  <input type="text" name="pasienfk" id="pasienfk" value="" readonly/>
                  <input type="text" name="cpptnorec" id="cpptnorec" value="" readonly/>      

                  <div class="col-md-12">
                     <label for="subjectiveElement" class="form-label fw-bold">Subjective (S)</label>
                     <textarea class="form-control" id="subjectiveElement" name="s" rows="5" required></textarea>
                     <div class="invalid-feedback">
                        Subjective wajib diisi.
                     </div>
                  </div>

                  <div class="col-md-12">
                     <label for="objectiveElement" class="form-label fw-bold">Objective (O)</label>
                     <textarea class="form-control" id="objectiveElement" name="o" rows="5" required></textarea>
                     <div class="invalid-feedback">
                        Objective wajib diisi.
                     </div>
                  </div>

                  <div class="col-md-12">
                     <label for="assesmentElement" class="form-label fw-bold">Assesment (A)</label>
                     <textarea class="form-control" id="assesmentElement" name="a" rows="5" required></textarea>
                     <div class="invalid-feedback">
                        Assesment wajib diisi.
                     </div>
                  </div>

                  <div class="col-md-12">
                     <label for="planningElement" class="form-label fw-bold">Planning (P)</label>
                     <textarea class="form-control" id="planningElement" name="p" rows="5" required></textarea>
                     <div class="invalid-feedback">
                        Planning wajib diisi.
                     </div>
                  </div>
            </div>
            <div class="modal-footer">
                  <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                  <button type="submit" class="btn btn-primary" name="smartBtnSumbmit">Simpan Data</button>
            </div>
         </div>
      </div>
   </form>
</div>


</x-app-layout>

<script>
    $('#modalInputSOAP').on('show.bs.modal', function(e) {
      $(e.currentTarget).find('input[name="noregistrasifk"]').val($(e.relatedTarget).data('noregistrasifk'));
      $(e.currentTarget).find('input[name="ruanganfk"]').val($(e.relatedTarget).data('ruanganfk'));
      $(e.currentTarget).find('input[name="pasienfk"]').val($(e.relatedTarget).data('pasienfk'));
      $(e.currentTarget).find('input[name="cpptnorec"]').val($(e.relatedTarget).data('cpptnorec'));

      let InputNoregistrasiFk    = $(e.currentTarget).find('input[name="noregistrasifk"]');
      let InputRuanganFk         = $(e.currentTarget).find('input[name="ruanganfk"]');
      let InputPasienFk          = $(e.currentTarget).find('input[name="pasienfk"]');
      let InputCpptNorec         = $(e.currentTarget).find('input[name="cpptnorec"]')
      let InputS                 = $(e.currentTarget).find('textarea[name="s"]');
      let InputO                 = $(e.currentTarget).find('textarea[name="o"]');
      let InputA                 = $(e.currentTarget).find('textarea[name="a"]');
      let InputP                 = $(e.currentTarget).find('textarea[name="p"]');
      let smartBtnSumbmit        = $(e.currentTarget).find('button[name="smartBtnSumbmit"]');

      InputS.val($(e.relatedTarget).data(''));
      InputO.val($(e.relatedTarget).data(''));
      InputA.val($(e.relatedTarget).data(''));
      InputP.val($(e.relatedTarget).data(''));

      InputS.prop("readonly", false);
      InputO.prop("readonly", false);
      InputA.prop("readonly", false);
      InputP.prop("readonly", false);   

      InputNoregistrasiFk.hide();
      InputRuanganFk.hide();
      InputPasienFk.hide();
      InputCpptNorec.hide();

      smartBtnSumbmit.show(); 
      
      if( $(e.relatedTarget).data('mode') == 'view' || $(e.relatedTarget).data('mode') == 'edit' ){
         InputS.val($(e.relatedTarget).data('s'));
         InputO.val($(e.relatedTarget).data('o'));
         InputA.val($(e.relatedTarget).data('a'));
         InputP.val($(e.relatedTarget).data('p'));

         if( $(e.relatedTarget).data('mode') == 'view' ){
            InputS.prop("readonly", true);
            InputO.prop("readonly", true);
            InputA.prop("readonly", true);
            InputP.prop("readonly", true); 

            smartBtnSumbmit.hide(); 
         }
      }        
    });    

</script>