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

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

@push('css')

<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;
  }
  .form-label {
    font-size: 14px!important;
    font-weight: 700!important;
    padding: 0!important;
    color: #545252!important;
    margin-bottom: 2px!important;
  }
  .form-label-red {
    font-size: 12px!important;
    font-weight: 700!important;
    padding: 0!important;
    color: darkred!important;
    margin-bottom: 2px!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.keuangan.billing.index')}}" class="header-icon header-icon-1"><i class="fas fa-arrow-left"></i></a>
@endsection

@section ('content')



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

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

@csrf

<div data-card-height="200" class="card card-style preload-img" data-src="{{asset('sticky-mobile/code/images/pictures/14w.jpg')}}">
    <div class="card-center text-center">
        <h1 class="font-22 color-white pt-3">{{ $row['pasien']['nama'] }}</h1>
        <p class="color-white opacity-70">{{ $row['pasien']['no_rm'] }}</p>
        <a href="#" class="default-link btn btn-m rounded-s btn-center-xl bg-red-dark font-900 text-uppercase">Pembayaran</a>
    </div>
    <div class="card-overlay bg-black opacity-80"></div>
</div>

<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

  @php
    $biaya_obat = $fee_asisten = 0;

    if($row['biaya_obat'] != 0 && $row['obat'] != 0){

      if ($row['admin_id'] != Auth::user()->id){
        $fee_asisten = (int)$row['fee_asisten_obat']*2;
      }else{
        $fee_asisten = (int)$row['fee_asisten_obat'];
      }

      $biaya_obat = (int)$row['obat'] + $fee_asisten;
    }
  @endphp


  <input type="hidden" name="status" value="1">
  <input type="hidden" disabled value="{{ old('biaya_tindakan', (isset($row) && $row['biaya_tindakan'] ? $row['biaya_tindakan'] : '') ) }}" class="form-control validate-text" name="biaya_tindakan" id="biaya_tindakan" placeholder="Biaya Tindakan">
  <input type="hidden" disabled value="{{ $biaya_obat }}" class="form-control validate-text" name="biaya_obat" id="biaya_obat" placeholder="Biaya Obat">
  <input type="hidden" disabled value="{{ old('biaya_rontgen', (isset($row) && $row['biaya_rontgen'] ? $row['biaya_rontgen'] : '') ) }}" class="form-control validate-text" name="biaya_rontgen" id="biaya_rontgen" placeholder="Biaya Rontgen">
  <input type="hidden" name="total_biaya_tindakan" disabled value="{{ old('total_biaya_tindakan', (isset($row) && $row['total_biaya_tindakan'] ? $row['total_biaya_tindakan'] : '') ) }}" class="form-control validate-text" id="total_biaya_tindakan" placeholder="Total Biaya Tindakan">
  <input type="hidden" name="diskon_dokter" disabled value="{{ old('diskon_dokter', (isset($row) && $row['diskon_dokter'] ? $row['diskon_dokter'] : '') ) }}" class="form-control validate-text" id="diskon_dokter" placeholder="Diskon Dokter">
  <input type="hidden" value="{{ old('total_biaya', (isset($row) && $row['total_biaya'] ? $row['total_biaya'] : $row['biaya_obat']+$row['total_biaya_tindakan']+$row['biaya_rontgen'] ) ) }}" class="form-control validate-text" name="total_biaya" id="form2" placeholder="Total Biaya">
  <input type="hidden" name="kembalian" id="kembalian" class="form-control" value="{{ old('kembalian', (isset($row) && $row['kembalian'] ? $row['kembalian'] : '') ) }}">

    <div class="content mb-0">
      <h4 class="mb-3">Biaya Tindakan</h4>

      @if ($row->rekam_medis->tindakan_pasien)
        @foreach ($row->rekam_medis->tindakan_pasien->details as $val)
          <div class="d-flex mb-1">
            <div class="me-3">
              <label class="form-label">{{$val->nama_tindakan}}</label>
            </div>
            <div class="ms-auto">
              <label class="form-label">Rp. {{number_format($val->harga_pasien, 2)}}</label>
            </div>
          </div>
          <div class="divider mb-2"></div>
        @endforeach
      @else
      <div class="d-flex mb-1">
        <div class="me-3">
          <label class="form-label">Tidak ada</label>
        </div>
        <div class="ms-auto">
          <label class="form-label">Rp. 0</label>
        </div>
      </div>
      <div class="divider mb-2"></div>
      @endif
      <div class="d-flex mb-1">
        <div class="me-3">
          <label class="form-label">Diskon Tindakan Dokter</label>
        </div>
        <div class="ms-auto">
          <label class="form-labels">- Rp. {{number_format($row['diskon_dokter'], 2)}}</label>
        </div>
      </div>
      <label class="form-label-red">Diskon Tindakan Klinik</label>
      <div class="input-style has-borders no-icon  mb-4">
          <input type="text" value="{{ old('diskon', (isset($row) && $row['diskon'] ? $row['diskon'] : '') ) }}" class="form-control validate-text" name="diskon" id="diskon_klinik" placeholder="Diskon">

          <i class="fa fa-times disabled invalid color-red-dark"></i>
          <i class="fa fa-check disabled valid color-green-dark"></i>
      </div>

      @if ($row->rekam_medis->resep)
      <h4 class="mb-3">Biaya Obat</h4>
      <div class="d-flex mb-1">
        <div class="col-3">
          <label class="form-label">Nama Obat</label>
        </div>
        <div class="col-3">
          <label class="form-label">Jumlah</label>
        </div>
        <div class="col-3">
          <label class="form-label">Harga Satuan</label>
        </div>
        <div class="col-3" style="text-align: right;">
          <label class="form-label">Total Harga</label>
        </div>
      </div>
      <div class="divider mb-2"></div>
        @foreach ($row->rekam_medis->resep->details as $value)
          <div class="d-flex mb-1">
            <div class="col-3">
              <label class="form-label">{{$value->nama_obat}}</label>
            </div>
            <div class="col-3">
              <label class="form-label">{{$value->jumlah}}</label>
            </div>
            <div class="col-3">
              <label class="form-label">Rp. {{number_format($value->harga_satuan, 2)}}</label>
            </div>
            <div class="col-3" style="text-align: right;">
              <label class="form-label">Rp. {{number_format($value->total_harga, 2)}}</label>
            </div>
          </div>
          <div class="divider mb-2"></div>
        @endforeach
      @endif

      <div class="d-flex mb-1">
        <div class="me-3">
          <label class="form-label">Fee Asisten</label>
        </div>
        <div class="ms-auto">
          <label class="form-label">Rp. {{number_format($fee_asisten, 2)}}</label>
        </div>
      </div>
      <div class="d-flex mb-1">
        <div class="me-3">
          <label class="form-label">Total Biaya Obat</label>
        </div>
        <div class="ms-auto">
          <label class="form-label">Rp. {{number_format($biaya_obat, 2)}}</label>
        </div>
      </div>
      <p style="margin-bottom: 2px;"><small><i>Biaya Obat sebelum pembulatan </i> </small> </p>

      <div class="divider mb-2"></div>

        <label class="form-label-red">Pembulatan Obat</label>
        <div class="input-style has-borders no-icon  mb-4">
            <input type="text" value="{{ old('pembulatan_obat', (isset($row) && $row['pembulatan_obat'] ? $row['pembulatan_obat'] : '') ) }}" class="form-control validate-text" name="pembulatan_obat" id="pembulatan_obat" placeholder="Pembulatan Obat">
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
        </div>
        <div class="divider mb-2"></div>

        <div class="d-flex mb-1">
          <div class="me-3">
            <label class="form-label">Biaya Rontgen</label>
          </div>
          <div class="ms-auto">
            <label class="form-label">Rp. {{number_format($row['biaya_rontgen'], 2)}}</label>
          </div>
        </div>

        <label class="form-label-red">Metode Pembayaran</label>
        <div class="input-style has-borders no-icon mb-4">
            <select id="form5"  name="metode_pembayaran">
                <option value="1" {{ old('metode_pembayaran', (isset($row) && $row['metode_pembayaran'] == "1" ? "selected" : '') ) }}>Cash</option>
                <option value="2" {{ old('metode_pembayaran', (isset($row) && $row['metode_pembayaran'] == "2" ? "selected" : '') ) }}>Transfer</option>
                <option value="3" {{ old('metode_pembayaran', (isset($row) && $row['metode_pembayaran'] == "3" ? "selected" : '') ) }}>Tempo</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-red">DP</label>
        <div class="input-style has-borders no-icon  mb-4">
            <input type="text" value="{{ old('dp', (isset($row) && $row['dp'] ? $row['dp'] : '' ) ) }}" class="form-control validate-text" name="dp" placeholder="Down Payment">
            <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-red">Catatan</label>
        <div class="input-style has-borders no-icon  mb-4">
            <textarea class="form-control validate-text" name="catatan" placeholder="Catatan">{{ old('catatan', (isset($row) && $row['catatan'] ? $row['catatan'] : '') ) }}</textarea>
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <em></em>
        </div>

        <label class="form-label-red">Tanggal Pembayaran</label>
        <div class="input-style has-borders no-icon  mb-4">
            <input type="date" value="{{ old('tgl_pembayaran', (isset($row) && $row['tgl_pembayaran'] ? $row['tgl_pembayaran'] : '') ) }}" class="form-control validate-text" name="tgl_pembayaran" id="form2" placeholder="Tanggal Pembayaran">
            <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 for="form2" class="form-label-red">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-red">Waktu Kontrol</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>

        <div class="d-flex mb-1 text-center">
          <div class="col-md-12">
            <button type="button" class="btn btn-l mb-3 rounded-s text-uppercase font-900 shadow-s btn-save border-blue-dark  bg-blue-light">Bayar</span> </button>
            <button class="d-none btn-submit" type="submit"></button>
          </div>
        </div>

        </div>


    </div>
</div>

</form>

<div class="modal fade" id="my-modal">
  <div class="modal-dialog modl-sm">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="title-form">Pembayaran</h4>
        <button type="button" class="close" id="close-form" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form id="form">
          <input type="hidden" name="id" id="id" value="0">
          <div class="card-body">
            <div class="form-group d-flex mb-4">
              <div class="col-6">
                <label class="form-label">Total Biaya : </label>
              </div>
              <div class="col-6"  style="text-align: right;">
                <span class="form-label" id="total_biaya_akhir" data-total=""></span>
              </div>
            </div>
            <div class="form-group">
              <label class="form-label">Jumlah Pembayaran</label>
              <input type="text" name="jumlah_pembayaran" value="{{ old('jumlah_pembayaran', (isset($row) && $row['jumlah_pembayaran'] ? $row['jumlah_pembayaran'] : '') ) }}"  id="jumlah_pembayaran" class="form-control">
              <p id="error-jumlah_pembayaran" class="text-danger"></p>
            </div>

            <div class="form-group d-flex">
              <div class="col-6">
                <label class="form-label">Uang Kembali : </label>
              </div>
              <div class="col-6"  style="text-align: right;">
                <span class="form-label" id="kembalian-text" data-total=""></span>
              </div>
            </div>
          </div>
          <!-- /.card-body -->
        </form>
      </div>
      <div class="modal-footer justify-content-between">
        <!-- <button type="button" class="btn btn-default btn-shadow rounded-round" id="reset-form">Reset</button> -->
        <button type="button" class="btn btn-primary" id="submit-form">Bayar</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 src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.13.4/jquery.mask.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).ready(function(){
  $('#jumlah_pembayaran').mask("000.000.000.000.000", {reverse: true});
})

$(document).on('keyup', '#jumlah_pembayaran', function(e){
  jumlah_pembayaran = $(this).cleanVal()
  total_biaya = $("#total_biaya_akhir").attr("data-total")
  console.log("Rp "+addCommas(jumlah_pembayaran-total_biaya));
  $("#kembalian").val(jumlah_pembayaran-total_biaya)
  $("#kembalian-text").text("Rp "+addCommas(jumlah_pembayaran-total_biaya))

});

$(document).on('click', '#submit-form', function(e){
  $(".btn-submit").click()

})

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

  let waktu_kontrol = $("#waktu_kontrol").val()
  let tanggal_kontrol = $("#tanggal_kontrol").val()
  let total_biaya = 0;

  let biaya_obat = $("#biaya_obat").val()
  let pembulatan_obat = $("#pembulatan_obat").val()
  let biaya_tindakan = $("#biaya_tindakan").val()
  let diskon_dokter = $("#diskon_dokter").val()
  let diskon_klinik = $("#diskon_klinik").val()
  let biaya_rontgen = $("#biaya_rontgen").val()

  if (pembulatan_obat == "") {
    pembulatan_obat = 0
  }

  if (diskon_dokter == "") {
    diskon_dokter = 0
  }

  if (diskon_klinik == "") {
    diskon_klinik = 0
  }

  let error = 0

    if (waktu_kontrol != "" && tanggal_kontrol != "") {
      $.ajax({
          url:"{{ route('dashboard.layanan.registrasi.getWaktuExist') }}",
          method:"GET",
          data: {
            doctor_id: '{{ $row->register->doctor_id }}',
            tanggal: tanggal_kontrol,
            waktu: waktu_kontrol,
            patient_id: '{{ $row->patient_id }}',
            klinik_id: '{{ $row->klinik_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 {

      total_biaya = parseInt(biaya_obat)+parseInt(pembulatan_obat)+parseInt(biaya_tindakan)-parseInt(diskon_dokter)-parseInt(diskon_klinik)+parseInt(biaya_rontgen);

      $("#total_biaya_akhir").text("Rp "+addCommas(total_biaya));
      $("#total_biaya_akhir").attr("data-total", total_biaya);
      $("#my-modal").modal('toggle');
      // $(".btn-submit").click()

    }
});

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;
  }

function getWaktu(tanggal_kontrol){

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

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

      }
    })
}

  $(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