@extends("backend.layouts2.master")

@section("title")
    Rekam Medis - 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')}}">

@endpush

@section ('content')



<div class="container-fluid">
  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">

          <ol class="breadcrumb float-sm-left">
            <li class="breadcrumb-item"><a href="#">Home</a></li>
            <li class="breadcrumb-item">Rekam Medis</li>
            <li class="breadcrumb-item active">Form</li>
          </ol>
      </div>
    </div><!-- /.container-fluid -->

    @if (isset($errors) && count($errors) > 0)
        <div class="alert alert-danger alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
            <strong>Error!</strong> Please fill all required fields
        </div>
    @endif
    @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
  </section>
  <!-- Page Heading -->

  <!-- DataTales Example -->
  <div class="row">
    <div class="col-md-3">

      <!-- Profile Image -->
      <div class="card card-primary card-outline mb-2">
        <div class="card-body box-profile">
          <div class="text-center">
            @if($row->pasien->filepath != null)
            <img class="profile-user-img img-fluid rounded-circle"
                 src="{{asset($row->pasien->filepath)}}"
                 alt="User profile picture" style="height:100px!important; width:100px!important">
            @else
            <img class="profile-user-img img-fluid img-circle"
                 src="{{asset('avatar-default.jpg')}}"
                 alt="User profile picture" style="height:100px!important">
            @endif
            <!-- <input type="file" name="image" id="image"> -->

          </div>

          <a href="{{route('dashboard.master.pasien.profile', $row->patient_id)}}">
            <h6 class="profile-username text-center mt-2">{{$row->pasien->nama}}</h6>
          </a>
          @if($row->pasien->status == 1)
          <p class="text-center"> <label class="badge badge-success-soft text-center label-green">
            <i class="fas fa-check"></i> Aktif
           </label></p>
          @else
          <p class="text-center"> <label class="badge badge-danger-soft text-center label-green">
            s<i class="fas fa-x"></i> Non Aktif
           </label></p>

          @endif

          <ul class="list-group list-group-unbordered mb-3">
            <li class="list-group-item li-profile">
              <b>No RM</b> <a class="float-right">{{$row->pasien->no_rm}}</a>
            </li>
            <li class="list-group-item li-profile">
              <b>Berat Badan</b>
              <a class="float-right"><label class="badge badge-success-soft text-center label-green">{{$row->pasien->bb}}</label></a>
            </li>
            <li class="list-group-item li-profile">
              <b>Tinggi Badan</b>
              <a class="float-right"><label class="badge badge-success-soft text-center label-green">{{$row->pasien->tb}}</label></a>
            </li>
            <li class="list-group-item li-profile">
              <b>Tekanan Darah</b>
              <a class="float-right"><label class="badge badge-success-soft text-center label-green">{{$row->pasien->tensi}}</label></a>
            </li>
            <li class="list-group-item li-profile">
              <b>Gol. Darah</b>
              <a class="float-right"><label class="badge badge-success-soft text-center label-green">{{ ucwords($row->pasien->golongan_darah) }}</label></a>
            </li>
            <li class="list-group-item li-profile">
              <b>Alergi</b>
              <a class="float-right"><label class="badge badge-success-soft text-center label-green">{{ ucwords($row->pasien->alergi) }}</label></a>
            </li>

          </ul>

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

      <!-- About Me Box -->
      <div class="card card-primary mb-2">
        <div class="card-header">
          <h5 class="card-title" style="margin-bottom: 0;">Identitas</h5>
        </div>
        <!-- /.card-header -->
        <div class="card-body card-identitas">

          <strong><i class="fas fa-calendar mr-1"></i> Umur</strong>
          <p class="text-muted float-right">{{ \Carbon\Carbon::parse($row->pasien->tgl_lahir)->diff(\Carbon\Carbon::now())->format('%y') }}</p>
          <hr>

          <strong><i class="fas fa-venus-mars mr-1"></i> Jenis Kelamin</strong>
          <p class="text-muted float-right">{{$row->pasien->jenis_kelamin}}</p>
          <hr>

          <strong><i class="fas fa-id-card mr-1"></i> NIK</strong>
          <p class="text-muted float-right">{{$row->pasien->nik}}</p>
          <hr>

          <strong><i class="fas fa-map-marker-alt mr-1"></i> Alamat</strong>
          <p class="text-muted">{{$row->pasien->alamat}} <br>
          Kota : {{$row->pasien->kota}}</p>
          <hr>

          <strong><i class="fas fa-phone mr-1"></i> No HP</strong>
          <p class="text-muted float-right">{{$row->pasien->no_hp}}</p>
          <hr>

          <strong><i class="fas fa-envelope mr-1"></i> Email</strong>
          <p class="text-muted float-right">{{$row->pasien->email}}</p>
          <hr>

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

    <div class="col-md-9">
      <div class="card shadow mb-4">
          <div class="card-header py-3">
            <div class="row">
              <div class="col-4">
                <h6 class="m-0 font-weight-bold text-primary w-00 p-2">Rekam Medis</h6>

              </div>
              <div class="col-8">
                <a type="button" href="{{route('dashboard.layanan.rekam_medis.tindakan', $row->id)}}" class="btn btn-warning btn-sm float-right"><i class="fa fa-plus"></i> Tindakan</a>
                @if(isset($row) && $row["odontogram"])
                <a type="button" href="{{route('dashboard.layanan.rekam_medis.odontology', $row->odontogram->id)}}" class="btn btn-success btn-sm float-right"><i class="fa fa-plus"></i> Odontogram</a>
                @endif
                &nbsp;
                @canany(["farmasi-resep-create", "farmasi-resep-edit"])

                  @if(isset($row) && $row["resep"])
                    <a type="button" href="{{route('dashboard.farmasi.resep.edit', $row->resep->id)}}" class="btn btn-primary btn-sm float-right"><i class="fa fa-plus"></i> Edit Resep</a>

                  @else
                    <a type="button" href="{{route('dashboard.farmasi.resep.create', $row->id)}}" class="btn btn-primary btn-sm float-right"><i class="fa fa-plus"></i> Create Resep</a>

                  @endif
                @endcan

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

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

          @csrf

            <div class="card-body">

              <div class="row">
                <table class="table table-striped">
                  <thead>
                    <tr>
                      <th style="width:35%;" class="td-rekam-medis">Keluhan (CC)</th>
                      <th style="width:5%;" class="td-rekam-medis">:</th>
                      <th style="width:60%;" class="td-rekam-medis">{{$row->register->keluhan }}</th>
                    </tr>
                    <tr>
                      <th class="td-rekam-medis">Riwayat Penyakit</th>
                      <th class="td-rekam-medis">:</th>
                      <th class="td-rekam-medis">{{$row->register->riwayat_penyakit ?? '-'}}</th>
                    </tr>
                    <tr>
                      <th class="td-rekam-medis">Jasmani</th>
                      <th class="td-rekam-medis">:</th>
                      <th class="td-rekam-medis">{{$row->register->jasmani ?? '-'}}</th>
                    </tr>
                    <tr>
                      <th class="td-rekam-medis">Mental</th>
                      <th class="td-rekam-medis">:</th>
                      <th class="td-rekam-medis">{{ $row->register->mental ?? '-' }}</th>
                    </tr>

                  </thead>

                </table>
              </div>

              <div class="row" style="display:none;">
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="exampleInputEmail1">No Rekam Medis</label>
                    <select class="form-control" name="no_rm" id="no_rm"></select>
                    @if ($errors->has('no_rm'))
                      <span class="form-feedback text-danger">{{ $errors->first('no_rm') }}</span>
                    @endif
                  </div>
                </div>
                <div class="col-md-6" >
                  <div class="form-group">
                    <label for="exampleInputEmail1">Nama Pasien</label>
                    <select class="form-control"  name="patient_id" id="patient_id">
                      @foreach ($patients as $val)
                      <option value="{{$val->id}}" {{ old('patient_id', (isset($row) && $row['patient_id'] == $val->id ? 'selected' : '') ) }}>{{$val->nama}}</option>
                      @endforeach
                    </select>
                    @if ($errors->has('no_hp'))
                      <span class="form-feedback text-danger">{{ $errors->first('patient_id') }}</span>
                    @endif
                  </div>
                </div>

              </div>

              <div class="row" >
                <div class="col-md-2" >
                  <div class="form-group">
                    <label for="exampleInputEmail1">Berat Badan</label>
                    <input class="form-control" name="bb" id="bb" value="{{ old('bb', (isset($row) && $row['pasien'] && $row['pasien']['bb'] ? $row['pasien']['bb'] : '') ) }}">
                    @if ($errors->has('bb'))
                      <span class="form-feedback text-danger">{{ $errors->first('bb') }}</span>
                    @endif
                  </div>
                </div>
                <div class="col-md-2" >
                  <div class="form-group">
                    <label for="exampleInputEmail1">Tinggi Badan</label>
                    <input class="form-control" name="tb" id="tb" value="{{ old('tb', (isset($row) && $row['pasien'] && $row['pasien']['tb'] ? $row['pasien']['tb'] : '') ) }}">
                    @if ($errors->has('tb'))
                      <span class="form-feedback text-danger">{{ $errors->first('tb') }}</span>
                    @endif
                  </div>
                </div>
                <div class="col-md-3" >
                  <div class="form-group">
                    <label for="exampleInputEmail1">Tekanan Darah</label>
                    <input class="form-control" name="tensi" id="tensi" value="{{ old('tensi', (isset($row) && $row['pasien'] && $row['pasien']['tensi'] ? $row['pasien']['tensi'] : '') ) }}">
                    @if ($errors->has('tensi'))
                      <span class="form-feedback text-danger">{{ $errors->first('tensi') }}</span>
                    @endif
                  </div>
                </div>
                <div class="col-md-2" >
                  <div class="form-group">
                    <label for="exampleInputEmail1">Suhu</label>
                    <input class="form-control" name="suhu" id="suhu" value="{{ old('suhu', (isset($row) && $row['register'] && $row['register']['suhu'] ? $row['register']['suhu'] : '') ) }}">
                    @if ($errors->has('suhu'))
                      <span class="form-feedback text-danger">{{ $errors->first('suhu') }}</span>
                    @endif
                  </div>
                </div>
              </div>

              <div class="row">
                <div class="col-md-4">
                  <div class="form-group">
                    <label for="exampleInputEmail1">Dokter</label>
                    <select class="form-control" name="doctor_id" id="doctor_id">
                      @foreach ($doctors as $val)
                      <option value="{{$val->id}}" {{ old('doctor_id', (isset($row) && $row['doctor_id'] == $val->id ? 'selected' : '') ) }}>{{$val->nama}}</option>
                      @endforeach
                    </select>
                    @if ($errors->has('doctor_id'))
                      <span class="form-feedback text-danger">{{ $errors->first('doctor_id') }}</span>
                    @endif
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group">
                    <label for="exampleInputEmail1">Status</label>
                    <select  name="status" id="status" class="form-control">
                        <option value="1" {{ old('status', (isset($row) && $row['status'] == '1' ? 'selected' : '') ) }}>Completed</option>
                        <option value="0" {{ old('status', (isset($row) && $row['status'] == '0' ? 'selected' : '') ) }}>Pending</option>
                    </select>
                    @if ($errors->has('status'))
                      <span class="form-feedback text-danger">{{ $errors->first('status') }}</span>
                    @endif
                  </div>
                </div>
              </div>

              <div class="row">
                <div class="col-md-4">
                  <div class="form-group">
                    <label for="exampleInputEmail1">Diagnosis</label>
                    <select class="form-control" name="diagnosa_id" id="diagnosa_id">

                    </select>
                    @if ($errors->has('diagnosa_id'))
                      <span class="form-feedback text-danger">{{ $errors->first('diagnosa_id') }}</span>
                    @endif
                  </div>
                </div>
              </div>

              <div class="form-group">
                <label for="exampleInputEmail1">Deskripsi Diagnosa</label>
                <textarea class="form-control" rows="8" name="deskripsi_diagnosa" cols="80" id="deskripsi">{{ old('deskripsi_diagnosa', (isset($row) && $row['deskripsi_diagnosa'] ? $row['deskripsi_diagnosa'] : '') ) }}</textarea>
              </div>

              <div class="form-group">
                <label for="exampleInputEmail1">Catatan</label>
                <textarea name="catatan" class="form-control" rows="8" cols="80">{{ old('catatan', (isset($row) && $row['catatan'] ? $row['catatan'] : '') ) }}</textarea>
                @if ($errors->has('catatan'))
                  <span class="form-feedback text-danger">{{ $errors->first('catatan') }}</span>
                @endif
              </div>

              <div class="row">
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="exampleInputFile">File</label>
                    <div class="input-group">
                      <div class="custom-file">
                        <input type="file" name="file" class="custom-file-input" id="input-file">
                        <label class="custom-file-label" for="exampleInputFile">Choose file</label>
                      </div>
                      <div class="input-group-append">
                        <span class="input-group-text">Upload</span>
                      </div>

                    </div>
                    @if ($errors->has('file'))
                      <span class="form-feedback text-danger">{{ $errors->first('file') }}</span>
                    @endif
                  </div>

                </div>

              </div>

              <div class="row">
                <div class="col-md-6" id="file-content">
                  @if(isset($row) && $row["filename"] && $row["filepath"])
                    <p><a href='/{{$row["filepath"]}}' target="_blank" >{{$row["filename"]}}</a> </p>
                  @endif
                </div>
              </div>
            </div>
            <!-- /.card-body -->

            <div class="card-footer">
               <button type="submit" class="btn btn-primary">Submit</button>
               <a href="{{route('dashboard.layanan.' . $module. '.pdf-rekam_medis', [$row->id])}}" target="_blank">
                <button type="button" class="btn btn-success"><i class="fas fa-print"></i> Print</button>
                </a>
                <a href="{{route('dashboard.layanan.' . $module. '.pdf-odontogram', [$row->id])}}" target="_blank">
                 <button type="button" class="btn btn-primary"><i class="fas fa-print"></i> Odontogram</button>
                 </a>
            </div>
            <div class="card-footer">

            </div>
          </form>
        </div>
    </div>
  </div>


</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>


@if(isset($row))
  var set_diagnosa = new Option("{{$row['diagnosis']['kode'] ?? 0}}", "{{$row['diagnosa_id'] ?? 0}}", false, true)

  $('#diagnosa_id').append(set_diagnosa).trigger('change')
@endif

var noRM = "";

    $('#no_rm').on('change', function() {
      noRM = $("#no_rm option:selected").val();

      $.ajax({
          url:"{{ route('dashboard.master.pasien.getPasien') }}?noRM="+noRM,
          method:"GET",
          success:function(data){
            // console.log(data);
            $('#patient_id').val(data.id).trigger("change")
            $('#tb').val(data.tb)
            $('#bb').val(data.bb)

          }
        })


    })

    $('#diagnosa_id').on('change', function() {
      diagnosaID = $("#diagnosa_id option:selected").val();

      $.ajax({
          url:"{{ route('dashboard.master.diagnosa.getDiagnosaDeskripsi') }}?diagnosaID="+diagnosaID,
          method:"GET",
          success:function(data){

            $('#deskripsi').val(data.deskripsi)

          }
        })


    })

    $("#no_rm").select2({
        placeholder:"Pilih No RM",
        ajax:
        {
          url: "{{ route('dashboard.master.pasien.getNoRm') }}",
          processResults: function (data) {
            // console.log(data);
            return {
              results: data.results
            };
          }
        }
    })

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

    $('#input-sim').on('change', function() {
        imagesPreview(this, '#sim-content');

    });

    var imagesPreview = function(input, placeToInsertImagePreview) {

            if (input.files) {
                var filesAmount = input.files.length;

                for (i = 0; i < filesAmount; i++) {
                    var reader = new FileReader();

                    reader.onload = function(event) {
                        var html = '<div class="images-box">';
                        html+= '<img src="' + event.target.result + '" width="100px" />';
                        html+='</div>';

                        $(placeToInsertImagePreview).html(html);
                    }

                    reader.readAsDataURL(input.files[i]);
                }
            }

        };

  $(function () {
    $("#example1").DataTable({
      "responsive": true, "lengthChange": false, "autoWidth": false,
      "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
    }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
    $('#example2').DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": false,
      "ordering": true,
      "info": true,
      "autoWidth": false,
      "responsive": true,
    });
  });
</script>
@endpush