@extends('layouts.app')
@section('title','OPD Booking Billings')
@section('pages')
<style type="text/css">
  #total_billing {
    border-color: #5cff80;
    background-color: #e0ffe2;
    font-size: 16px;
  }

  #due_balance_amount {
    border-color: #ff7979;
    background-color: #ffe0e0;
    font-size: 16px;
  }
  .final_total_billing {
        border-color: #5cff80 !important;
        background-color: #e0ffe2 !important;
        font-size: 16px !important;
    }

  #amount_recieved {
    border:2px solid #fff579;
    background-color: #fff;
    font-weight: 600;
    font-size: 16px;
  }

  .amount_collection {
    border:2px solid #fff579;
    /* background-color: #f9f2df; */
    font-weight: 600;
    font-size: 16px;
  }
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.10/css/intlTelInput.css">

<link rel="stylesheet" type="text/css" href="{{ asset('admin/plugins/datepicker/less/datepicker.less') }}">
<link href="{{ asset('admin/plugins/datepicker/css/datepicker.css') }}" rel="stylesheet" />

<!--breadcrumb-->
<div class="page-breadcrumb d-flex align-items-center mb-3 px-3 px-md-0">
  <div class="breadcrumb-title pe-3"><i class="bi bi-list"></i> OPD Booking Billings</div>
  <div class="ps-3">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb mb-0 p-0">

        <li class="breadcrumb-item active" aria-current="page">Edit OPD Booking Billing</li>
      </ol>
    </nav>
  </div>
  <div class="ms-auto">
    <div class="btn-group">
      <a href="javascript:history.back()" class="btn btn-primary"><i class="bx bx-arrow-back ms-0 me-1"></i>Back</a>
    </div>
  </div>
</div>
<!--end breadcrumb-->

<div class="row auto">
  <div class="col-xl-12 mx-auto">
    <div class=" shadow-none radius-5 min-height">
      <div class="">
        <div class="row g-3 auto-width">
          <div class="col-md-12 cart_products">
          </div>
          <div class="col-md-3 mt-0">
            <div class="card border shadow-none" style="margin-bottom:0.8rem;">
              <div class="card-body py-2">
                <div class="d-flex gap-3">
                  <div class="icon">
                    <div class="icon-box small_icon bg-light-primary border-0">
                      <i class="bi bi-person-hearts text-primary"></i>
                    </div>
                    <h6 class="text-center mt-1 mb-0"><small>Patient</small></h6>
                  </div>
                  <div class="info">
                    <p class="mb-0">{!! $patients['name'] ?? '' !!}</p>
                    <p class="mb-0">{!! isset($patients['phone_no']) && $patients['phone_no'] != '' ? ' ' . $patients['phone_no'] : '' !!}</p>
                    <p class="mb-0">{!! isset($patients['gender']) && $patients['gender'] != '' ? ' ' . $patients['gender'] : '' !!}{!! isset($patients['date_of_birth']) && $patients['date_of_birth'] != '' ? ', ' . age($patients['date_of_birth']) . ' Years' : '' !!}</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-3 mt-0">
            <div class="card border shadow-none" style="margin-bottom:0.8rem;">
              <div class="card-body py-2">
                <div class="d-flex gap-3">
                  <div class="icon">
                    <div class="icon-box small_icon bg-light-primary border-0">
                      <i class="bi bi-person text-primary"></i>
                    </div>
                    <h6 class="text-center mt-1 mb-0"><small>Doctor</small></h6>
                  </div>
                  <div class="info">
                    @if(!empty($doctors))
                    <p class="mb-0">{!! $doctors['name'] ?? '' !!}</p>
                    <p class="mb-0">{!! $doctors['qualifications']?Str::limit(ucfirst($doctors['qualifications']), 60):''!!}</p>
                    @else
                    <p class="mb-0">Self</p>
                    @endif
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-3 mt-0">
            <div class="card border shadow-none" style="margin-bottom:0.8rem;">
              <div class="card-body py-2">
                <div class="d-flex gap-3">
                  <div class="icon">
                    <div class="icon-box small_icon bg-light-primary border-0">
                      <i class="bi bi-hospital text-primary"></i>
                    </div>
                    <h6 class="text-center mt-1 mb-0"><small>Center</small></h6>
                  </div>
                  <div class="info">
                    @if(!empty($refferal_lab))
                    <p class="mb-0">{!! $refferal_lab['name'] ?? '' !!}</p>
                    <p class="mb-0">{!! isset($refferal_lab['phone_no']) && $refferal_lab['phone_no'] != '' ? ' ' . $refferal_lab['phone_no'] : '' !!}</p>
                    <p class="mb-0">{!! isset($refferal_lab['gender']) && $refferal_lab['gender'] != '' ? ' ' . $refferal_lab['gender'] : '' !!}</p>
                    <p class="mb-0">{!! isset($refferal_lab['date_of_birth']) && $refferal_lab['date_of_birth'] != '' ? ' ' . $refferal_lab['date_of_birth'] : '' !!}</p>
                    @else
                    <p class="mb-0">Self</p>
                    @endif
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-3 mt-0">
            <div class="card border shadow-none" style="margin-bottom:0.8rem;">
              <div class="card-body py-2">
                <div class="d-flex gap-3">
                  <div class="icon">
                    <div class="icon-box small_icon bg-light-primary border-0">
                      <i class="bi bi-person-badge text-primary"></i>
                    </div>
                    <h6 class="text-center mt-1 mb-0"><small>Agent</small></h6>
                  </div>
                  <div class="info">
                    @if(!empty($collection_agent))
                    <p class="mb-0">{!! $collection_agent['name'] ?? '' !!}</p>
                    <p class="mb-0">{!! isset($collection_agent['phone_no']) && $collection_agent['phone_no'] != '' ? ' ' . $collection_agent['phone_no'] : '' !!}</p>
                    <p class="mb-0">{!! isset($collection_agent['gender']) && $collection_agent['gender'] != '' ? ' ' . $collection_agent['gender'] : '' !!}</p>
                    <p class="mb-0">{!! isset($collection_agent['date_of_birth']) && $collection_agent['date_of_birth'] != '' ? ' ' . $collection_agent['date_of_birth'] : '' !!}</p>
                    @else
                    <p class="mb-0">Self</p>
                    @endif
                  </div>
                </div>
              </div>
            </div>
          </div>

          <form class="row auto-width mt-0" action="{{ route('opd-bookings.update', $id)}}" method="post" enctype='multipart/form-data' style="padding: 0px 0px 0px 9px;" id="billing_form">
            <div class="col-md-6" style="padding: 0 0 0 9px;">
              <div class="card">
                <div class="card-body g-3 row">
                  @csrf
                  @method('Patch')
                  <div class="col-md-4 mt-3">
                      <h5 class="mb-0">Billing Details</h5>
                  </div>
                  <div class="col-md-8 mt-3" style="text-align: right;display: flex; justify-content: space-between;">
                      <label for="validationCustomOrder" style="margin-top: 5px;margin-left: auto;" class="form-label"><b>Round Off?</b> </label><br>
                      <input name="round_off" class="form-check-inputFeatured btn-lg round_off" type="checkbox" id="round_off" value="0">
                  </div>
                  @php $amount = 0; @endphp
                  @foreach($creditTransaction as $credit)
                  @php $amount+=$credit->amount; @endphp
                  @endforeach
                  <hr class="mb-2">
                  <div class="col-md-6">
                    <label for="invoice_date" class="form-label">Billing Date <span class="text-danger"><b>*</b></span></label>
                    <input type="text" class="form-control" id="invoice_date" name="invoice_date" aria-describedby="inputGroupPrepend" required value="{!! $sale_invoice->booking_date_time?date('Y-m-d',strtotime($sale_invoice->booking_date_time)):date('Y-m-d') !!}">
                    <span class="text-danger error_invoice_date" style="display: none;">This field is required.</span>
                  </div>
                  <div class="col-md-6">
                    <label for="amount" class="form-label">Total Billing Amount <span class="text-danger"><b>*</b></span></label>
                    <input type="text" class="form-control" id="total_billing" readonly value="{!! $data['amount']?convertDecimelPoint($data['amount']):convertDecimelPoint($data['billing_amount']) !!}" style="text-align: right;">
                    <span class="text-danger" style="display: none;">This field is required.</span>
                  </div>


                  <div class="col-md-12">
                    <div class="table-responsive">
                      <table id="example" class="table table-bordered align-middle" style="width:100%">
                        <thead class="table-light">
                          <tr>
                            <th class="text-start">Transaction Mode </th>
                            <th class="text-start">Transaction Reference</th>
                            <th style="text-align: right;width: 30%">Amount</th>
                          </tr>
                        </thead>
                        <tbody>
                          
                          @if(isset($accounting_group) && count($accounting_group) > 0)
                          @foreach($accounting_group as $key => $list)
                          <tr class="cart-products" data-patient_id="{{$list['account_id']}}">
                            <td class="text-start">{{$list->name ?? ''}}
                              <input type="hidden" class="form-control" name="payment_mode[{!! $list->id !!}][mode_id]" value="{!! $list->id !!}" style="text-align: right;">
                            </td>
                            @php $totalAmount = 0; @endphp
                           {{-- @foreach($creditTransaction as $transaction)
                            @if($transaction->payment_mode_id == $list->id)
                            @php  $totalAmount=$transaction->amount; @endphp
                            @endif
                            @endforeach--}}
                            <td class="text-start">
                              <select class="form-control" name="payment_mode[{!! $list->id !!}][transaction_mode_id]">
                                @if(isset($list->chart_of_account_sub_type->paymentModes))
                                @foreach($list->chart_of_account_sub_type->paymentModes as $value)
                                <option value="{!! $value->id !!}" {!! matchselected($value->is_default, 1) !!}>{!! $value->mode !!}</option>
                                @endforeach
                                @endif
                              </select>
                            </td>
                            <td style="text-align: center;">
                              <input type="number" class="form-control amount amount_collection" name="payment_mode[{!! $list->id !!}][amount]" value="{!! convertDecimelPoint($totalAmount) !!}" style="text-align: right;">
                            </td>
                          </tr>
                          @endforeach
                          @else
                          <tr>
                            <td colspan="9">No Data Found</td>
                          </tr>
                          @endif
                          @if($discount_group)
                          <tr class="cart-products">
                              <td class="text-start">
                                  <input type="hidden" class="form-control" name="discount_account_id" value="{!! $discount_group->id !!}" style="text-align: right;">
                              {{$discount_group->name ?? ''}}</td>
                              <td class="text-start">
                              <select name="discount_type" id="discount_type" class="form-control">
                                  <option value="FLAT" {!! isset($data['discount_type']) && $data['discount_type'] == 'FLAT' ? 'selected' : '' !!}>FLAT</option>
                                  <option value="PERCENTAGE" {!! isset($data['discount_type']) && $data['discount_type'] == 'PERCENTAGE' ? 'selected' : '' !!}>%</option>
                              </select>
                              </td>
                              <td style="text-align: center;">
                              <input type="text" class="form-control" id="special_discount" value="{!! $data['special_discount'] !!}" name="special_discount" style="text-align: right;">
                              </td>
                          </tr>
                          @endif

                          @if($round_off)
                          <tr class="cart-products round_off_show">
                              <td class="text-start">
                              {{$round_off->name ?? ''}}</td>
                              <td class="text-start">
                              <select name="round_off_account_id" id="round_off_account_id" class="form-control">
                                  <option value="{!! $round_off->id !!}">{!! $round_off->name !!}</option>
                              </select>
                              </td>
                              <td style="text-align: center;">
                                  <input type="text" class="form-control" id="round_off_amount" value="" name="round_off_amount" style="text-align: right;" readonly>
                              </td>
                          </tr>
                          @endif
                        </tbody>
                      </table>
                    </div>
                  </div>
                  <div class="col-md-12 round_off_show">
                      <label for="final_total_billing_amount" class="form-label" style="float: right;">Final Total Billing Amount</label>
                      <input type="text" class="form-control final_total_billing" id="final_total_billing_amount" name="final_total_billing_amount" value="" readonly  style="text-align: right;">
                  </div>
                  <div class="col-md-6">
                    <label for="amount_recieved" class="form-label">Total Amount Received</label>
                    <input type="text" class="form-control" value="" id="amount_recieved" name="recieved" style="text-align: right;" readonly>
                    <span class="text-danger error_amount_recieved" style="display: none;">This field is required.</span>
                  </div>
                  <div class="col-md-6">
                    <label for="amount" class="form-label">Total Advance Received <span class="text-danger"><b>*</b></span></label>
                    <input type="text" class="form-control" readonly value="{!! convertDecimelPoint($transactionSummery['receivedAmount']) !!}" style="text-align: right;">
                    <span class="text-danger" style="display: none;">This field is required.</span>
                  </div>
                  <div class="col-md-6">
                    <label for="due_balance_amount" class="form-label">Due Balance Amount</label>
                    <input type="text" class="form-control" id="due_balance_amount" value="{!! $data['amount']?($data['amount']-$data['received_amount']):convertDecimelPoint($data['due_amount']) !!}" style="text-align: right;" readonly>
                    <input type="hidden" id="due_balance" name="due_balance_amount" value="{!! convertDecimelPoint($data['due_amount']) !!}">
                    <span class="text-danger error_due_balance_amount" style="display: none;">This field is required.</span>
                    <span class="text-danger error_due_balance_amount_negative" style="display: none;">Due amount can not be in negative.</span>
                  </div>
                 
                </div>
                <div class="card-body g-3 row">
                  <div class="col-12" align="center">
                    <div class="d-grid gap-2 with-100">
                      <button class="btn btn-primary submit" type="button"><i class="bx bx-save"></i> Submit to Create Final Invoice/Bill</button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6" style="padding: 0 0 0 18px;">
              <div class="card">
                <div class="card-body g-3 row">
                  <h5 class="mb-0">Additional Details</h5>
                  <hr class="mb-2">
                 
                  <div class="col-md-12">
                    <label for="special_case" class="form-label">Bussiness Source </label>
                    <div class="input-group">
                      <select name="bussiness_source" class="single-select form-control">
                        @foreach($bussiness_source as $key => $value)
                        <option value="{!! $value->id !!}" {!! isset($data['bussiness_source']) && $data['bussiness_source']==$value->id ? 'checked' : (isset($data['bussiness_source']) && $data['bussiness_source'] == $value->id ? 'checked' : '') !!}>{!! $value->enquiry_source_name !!}</option>
                        @endforeach
                      </select>
                    </div>
                  </div>
                  <div class="col-md-12">
                    <label for="due_balance_amount" class="form-label">Any Ref. No</label>
                    <input id="reff_no" class="form-control" type="text" name="reff_no" autocomplete="off" placeholder="Ref. No" value="{!! $data['reff_no'] ?? '' !!}">
                  </div>

                  <div class="col-md-12">
                    <label for="sale_remarks" class="form-label">Billing Remarks</label>
                    <textarea name="sale_remarks" id="sale_remarks" rows="1" class="form-control" autocomplete="off" placeholder="Billing Remarks">{!! $data['sale_remarks'] ?? '' !!}</textarea>
                  </div>
                </div>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
<!--end row-->

@endsection

@section('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.10/js/intlTelInput.js"></script>
<script type="text/javascript" src="{{ asset('admin/plugins/datepicker/js/bootstrap-datepicker.js') }}"></script>
<script>
  $(function() {
    $('#sample_receive_date').datepicker();
    $('#invoice_date').datepicker();
  });
  $(document).ready(function() {
    fetch_cart();

    $('.round_off_show').hide();
        var total_billing = $('#total_billing').val();
        $('#round_off').change(function() {
            if ($(this).is(':checked')) {
                $(this).val(1);
                $('.round_off_show').show();
                var roundOF =  Math.round(total_billing)
                var differenceAmount  = roundOF - total_billing;
                $('#final_total_billing_amount').val(roundOF);
                $('#round_off_amount').val(parseFloat(differenceAmount).toFixed(2));
            } else {
                var roundOF = 0;
                $(this).val(0);
                $('.round_off_show').hide();
                $('#round_off_amount').val(roundOF);
            }
        });


    fetch_due_balance_amount();
  });

  $(document).on('focusout', '.amount', function() {

    var sum_amount = 0;
    var recieved_amount ={{$transactionSummery['receivedAmount']}};
    var amount = 0;
    $(".amount").each(function() {
      var value = $(this).val();

      // add only if the value is number
      if (!isNaN(value) && value.length != 0) {
        sum_amount += parseFloat(value);
      }


    });
    var special_discount = $('#special_discount').val()??0;
    var total_billing = $('#total_billing').val()-parseFloat(recieved_amount);
    var total = parseFloat(sum_amount)+parseFloat(special_discount);
    if (total_billing < total) {
      $(this).val(amount);
    } else {
      $('#amount_recieved').val(sum_amount);


      $.ajax({
        url: '{!! route("opd-bookings.cart-product-update") !!}',
        method: 'post',
        data: {
          "_token": $('meta[name ="csrf-token"]').attr('content'),
          "type": 'billing',
          "amount_recieved": sum_amount+parseFloat(recieved_amount),
        },
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        success: function(response) {
          if (response.success) {
            $('[name="due_balance_amount"]').val(response.data.due_balance_amount);
            $('#due_balance_amount').val(response.data.due_balance_amount);
          }
        },
        error: function(data) {
          console.log("error ", data);
        }
      });
    }
  })


  function fetch_cart() {
    $.ajax({
      url: "{!! route('opd-bookings.billing-product-cart') !!}?page=billing",
      success: function(data) {
        $('.cart_products').html('');
        $('.cart_products').html(data);
      }
    })
  }

  function fetch_due_balance_amount() {
    $.ajax({
      url: '{!! route("opd-bookings.cart-product-update") !!}',
      method: 'post',
      data: {
        "_token": $('meta[name ="csrf-token"]').attr('content'),
        "type": 'billing',
        "amount_recieved": $('[name="amount_recieved"]').val(),
      },
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      success: function(response) {
        if (response.success) {
          $('[name="due_balance_amount"]').val(response.data.due_balance_amount);
            $('#due_balance_amount').val(response.data.due_balance_amount);
          //due_balance()
        }
      },
      error: function(data) {
        console.log("error ", data);
      }
    });
  }

  $(document).on('click', '.submit', function(e) {
    e.preventDefault();
    $('.error_payment_mode_id').hide();
    $('.error_payment_term_id').hide();
    $('.error_due_balance_amount').hide();
    $('.error_due_balance_amount_negative').hide();
    var error = 0;

    // if ($('[name="recieved"]').val() > 0 && ($('[name="payment_mode_id"]').val() == '' ||
    //     $('[name="payment_mode_id"]').val() == null)) {

    //   $('.error_payment_mode_id').show();
    //   error = 1;
    // }
    // if ($('[name="payment_term_id"]').val() == '' || $('[name="payment_term_id"]').val() == null) {
    //   $('.error_payment_term_id').show();
    //   error = 1;
    // }
    // if ($('[name="due_balance_amount"]').val() == '' || $('[name="due_balance_amount"]').val() == null) {
    //   $('.error_due_balance_amount').show();
    //   error = 1;
    // }
    // if ($('[name="due_balance_amount"]').val().trim() < 0) {
    //   $('.error_due_balance_amount_negative').show();
    //   error = 1;
    // }

    if (error == 0) {

      $('#billing_form').submit();
    }
  });

  $(document).on('focusout', '[name="invoice_date"]', function() {
    $.ajax({
      url: '{!! route("opd-bookings.cart-product-update") !!}',
      method: 'post',
      data: {
        "_token": $('meta[name ="csrf-token"]').attr('content'),
        "type": 'billing',
        "invoice_date": $(this).val(),
      },
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      success: function(response) {
        if (response.success) {
          fetch_cart();
        }
      },
      error: function(data) {
        console.log("error ", data);
      }
    });
  })

  $(document).on('change', '[name="payment_mode"]', function() {
    $.ajax({
      url: '{!! route("opd-bookings.cart-product-update") !!}',
      method: 'post',
      data: {
        "_token": $('meta[name ="csrf-token"]').attr('content'),
        "type": 'billing',
        "payment_mode": $(this).val(),
      },
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      success: function(response) {
        if (response.success) {
          fetch_cart();
        }
      },
      error: function(data) {
        console.log("error ", data);
      }
    });
  })

  $(document).on('keyup', '#special_discount', function() {

    var sum_amount = 0;
    var amount = 0;
    $(".amount").each(function() {
      var value = $(this).val();

      // add only if the value is number
      if (!isNaN(value) && value.length != 0) {
        sum_amount += parseFloat(value);
      }


    });
    var special_discount = $('#special_discount').val();
    var total_billing = $('#total_billing').val();
    var total = parseFloat(sum_amount)+parseFloat(special_discount);
    if (total_billing < total) {
      $(this).val(amount);
      $(this).Toastshow('error', 'Balance Amount can not be in negative!');
    }
    else
    {
        $.ajax({
        url: '{!! route("opd-bookings.cart-product-update") !!}',
        method: 'post',
        data: {
          "_token": $('meta[name ="csrf-token"]').attr('content'),
          "type": 'billing',
          "special_discount": $(this).val(),
        },
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        success: function(response) {
          if (response.success) {
            $('[name="due_balance_amount"]').val(response.data.due_balance_amount);
            $('#due_balance_amount').val(response.data.due_balance_amount);
            due_balance();

            if (response.data.due_balance_amount < 1) {
              $(this).Toastshow('error', 'Balance Amount can not be in negative!');
            }
          }
        },
        error: function(data) {
          console.log("error ", data);
        }
      });
    }
    
  })

  $(document).on('change', '[name="discount_type"]', function() {
    $.ajax({
      url: '{!! route("opd-bookings.cart-product-update") !!}',
      method: 'post',
      data: {
        "_token": $('meta[name ="csrf-token"]').attr('content'),
        "type": 'billing',
        "discount_type": $(this).val(),
      },
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      success: function(response) {
        if (response.success) {
          $('[name="due_balance_amount"]').val(response.data.due_balance_amount);
            $('#due_balance_amount').val(response.data.due_balance_amount);
          due_balance();

          if (response.data.due_balance_amount < 1) {
            $(this).Toastshow('error', 'Balance Amount can not be in negative!');
          }
        }
      },
      error: function(data) {
        console.log("error ", data);
      }
    });
  })

  $(document).on('focusout', '[name="amount_recieved"]', function() {
    $.ajax({
      url: '{!! route("opd-bookings.cart-product-update") !!}',
      method: 'post',
      data: {
        "_token": $('meta[name ="csrf-token"]').attr('content'),
        "type": 'billing',
        "amount_recieved": $(this).val(),
      },
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      success: function(response) {
        if (response.success) {
          $('[name="due_balance_amount"]').val(response.data.due_balance_amount);
            $('#due_balance_amount').val(response.data.due_balance_amount);
          due_balance();
        }
      },
      error: function(data) {
        console.log("error ", data);
      }
    });
  })

  $(document).on('focusout', '.cart_products [name="product_price"]', function() {
    var product_id = $(this).data('product_id');

    $.ajax({
      url: '{!! route("opd-bookings.cart-product-update") !!}',
      method: 'post',
      data: {
        "_token": $('meta[name ="csrf-token"]').attr('content'),
        "id": $(this).data('patient_id'),
        "product_price": $(this).val(),
      },
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      success: function(response) {
        if (response.success) {
          // fetch_cart();
        }
      },
      error: function(data) {
        console.log("error ", data);
      }
    });
  })

  $(document).on('focusout', '.cart_products [name="per_discount"]', function() {
    var product_id = $(this).data('product_id');

    $.ajax({
      url: '{!! route("opd-bookings.cart-product-update") !!}',
      method: 'post',
      data: {
        "_token": $('meta[name ="csrf-token"]').attr('content'),
        "id": $(this).data('patient_id'),
        "per_discount": $(this).val(),
      },
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      success: function(response) {
        if (response.success) {
          fetch_cart();
        }
      },
      error: function(data) {
        console.log("error ", data);
      }
    });
  })

  $(document).on('focusout', '.cart_products [name="flat_discount"]', function() {
    var product_id = $(this).data('product_id');

    $.ajax({
      url: '{!! route("opd-bookings.cart-product-update") !!}',
      method: 'post',
      data: {
        "_token": $('meta[name ="csrf-token"]').attr('content'),
        "id": $(this).data('patient_id'),
        "flat_discount": $(this).val(),
      },
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      success: function(response) {
        if (response.success) {
          fetch_cart();
        }
      },
      error: function(data) {
        console.log("error ", data);
      }
    });
  })

  $(document).on('focusout', '.cart_products [name="per_discount"]', function() {
    var product_id = $(this).data('product_id');

    $.ajax({
      url: '{!! route("opd-bookings.cart-product-update") !!}',
      method: 'post',
      data: {
        "_token": $('meta[name ="csrf-token"]').attr('content'),
        "id": $(this).data('patient_id'),
        "per_discount": $(this).val(),
      },
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      success: function(response) {
        if (response.success) {
          fetch_cart();
        }
      },
      error: function(data) {
        console.log("error ", data);
      }
    });
  })

  /*********delete data**********/
  $("body").on("click", '.deleteDataCustom', function(event) {
    dataString = {
      "id": $(this).data('id')
    };
    var UrlValue = $(this).data('url');
    var btn = $(this);

    Swal.fire({
      title: 'Are you sure you want to delete this?',
      icon: 'warning',
      showDenyButton: true,
      showCancelButton: false,
      confirmButtonText: 'Yes',
      denyButtonText: 'No',
    }).then((result) => {
      /* Read more about isConfirmed, isDenied below */
      if (result.isConfirmed) {
        $.ajax({
          url: UrlValue,
          method: 'post',
          data: {
            "_token": $('meta[name="csrf-token"]').attr('content'),
            "id": $(this).data('patient_id')
          },
          headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          beforeSend: function(xhr) {
            // xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
          },
          success: function(response) {
            if (response.success) {
              var ErroMsg = $(this).printErrorMsg(response.message);

              $(this).Toastshow('success', ErroMsg);
              fetch_cart();
            } else {
              var ErroMsg = $(this).printErrorMsg(response.message);
              $(this).Toastshow('error', ErroMsg);
            }
          },
          error: function(data) {
            console.log("error ", data);
          }
        });
      }
    });
  });

  // $(document).on('focusout input', '[name="recieved"]', function() {
  //   due_balance()
  // })

  function due_balance() {
    $('#due_balance_amount').val($('[name="due_balance_amount"]').val() - $('[name="recieved"]').val());

    // if ($('#due_balance_amount').val() < 0) {
    //   $('.submit').attr('disabled', true);
    // } else {
    //   $('.submit').attr('disabled', false);
    // }
  }
</script>
@endsection