@extends('front.inner-layout.app')
@section('content')

<link href="{{ asset('assets/css/colorPick.css') }}" rel='stylesheet' />
<link href="{{ asset('assets/css/colorPick.dark.theme.css') }}" rel='stylesheet' />

<div class="page-content dashboard-wrapper mdashboard-wrapper clientd-wrapper setting-wrapper">
  <div class="row align-items-center">
    <div class="col-lg-4 col-md-4 col-sm-4">
      <h1 class="page-title eagle-font font-400"><span class="arca-font">My</span> Invoice</h1>
    </div>
    @include('front.inner-layout.header')
  </div>
  <div class="brdr-bttm"></div>
  @php
  $parshUrl=parse_url( url()->previous() , PHP_URL_PATH);
  $expload=explode('/', $parshUrl);

  @endphp


  <div class="invoice-new-page">

    @if(Request::get('referenceId')!="")
    <div class="col-12 back-contain"><a href="{{url('/practitioner/appointments/show')}}" class="backbtn d-block getprevurlforsubmit"><i class="fa fa-angle-left" aria-hidden="true"></i> Back </a></div>
    @elseif(Request::get('type')=="book_from_hover")
    <div class="col-12 back-contain"><a
      {{--  href="{{url('/practitioner/appointments/show')}}"  --}}
      href="{{ route('practitioner.appointments.details',Request::get('appt_id')) }}"
       class="backbtn d-block getprevurlforsubmit"><i class="fa fa-angle-left" aria-hidden="true"></i> Back </a></div>
    @else

        @if(isset($expload[4]) && $expload[4]=="appointments" && isset($expload[5]) && $expload[5]=="details")
              @if(Session::get('session_location')!="")
                @php
                $queryString="?jump_todate=".$appointment->date->format('Y-m-d').'&location='.Session::get('session_location');
                $url=route('practitioner.appointments.index'). $queryString;
                @endphp

              @else
              @php
              $url=route('practitioner.appointments.index');
              @endphp
              @endif
          <div class="col-12 back-contain"><a href="{{$url}}" class="backbtn d-block getprevurlforsubmit"><i class="fa fa-angle-left" aria-hidden="true"></i> Back </a></div>
          @else
          <div class="col-12 back-contain"><a href="{{url()->previous()}}" class="backbtn d-block getprevurlforsubmit"><i class="fa fa-angle-left" aria-hidden="true"></i> Back </a></div>
        @endif

    @endif



    <form id="createnewpageinvoice">
    <input type="hidden" name="appointment_id" value="{{$appointment->id}}">
    <input type="hidden" name="client_id" value="{{$newclient->id}}">
    <input type="hidden" name="status" id="apptStatus" @if($charge) value="{{$status}}" @endif>
    <input type="hidden" id="actionflag" value="">
    <input type="hidden" name="invoice_id" id="invoiceid" value="">
    <div class="invoice-new-box comm-form">
      <div class="row">
        <div class="col-lg-6">
          <div class="invoce-new-address">
            <p>
              <span><a href="{{ URL('/practitioner/clientcard?client_id='.base64_encode($client->id))}}" class="hover-client-name" style="color:#24303f"> {{ ucwords( $newclient['name']. ' ' .$newclient['last_name'] ) }}</a></span>
              @if(isset($invoiceSettings) && $invoiceSettings->client_email==1)
              <span>{{ $newclient['email'] }}</span>
              @endif
              @if(isset($invoiceSettings) && $invoiceSettings->client_address==1)
              <span>{{ $newclient['address'] }}</span>
              @endif
              @if(isset($invoiceSettings) && $invoiceSettings->phone_number==1)
              <span>{{ $newclient['phone'] }}</span>
              @endif
              <!-- @if(isset($invoiceSettings) && $invoiceSettings->client_dob==1)
              <span>DOB: @if(isset($newclient['date_of_birth'])) {{$newclient['date_of_birth']->format('d/m/Y')}} @else {{"-"}} @endif</span>
              @endif                            -->
            </p>

            @if(isset($cc) && $cc->expiry_date)
              <p class="green-text">Concession card holder expiry {{ \Carbon\Carbon::parse($cc->expiry_date)->format('d/m/y')}}</p>
            @endif


                        @if($display == 1 && isset($phf) && isset($chf))
              <p class="pb-0">{{$phf->healthcodes->name ?? ""}} : {{$phf->provider_number ?? ""}}</p>
            @endif

            <!-- <p class="medibank_private">
              <label>Medibank private:</label> 12987212A
            </p> -->
            <div id="claimsDetails" class="@if(isset($claim_details) && $claim_details->bill_to == 1 && $claim_details->display_claim_details == 1) @else d-none @endif">
              @if(isset($claim_details) && $claim_details->claim_number !='')
                <p class="green-text claim_number">
                  <label>CLAIM NUMBER:</label> {{$claim_details->claim_number}}
                </p>
              @endif
              <div class="form-group bill-dd-box select2-search--none">
                <label class="invoice-no-label">Bill to:</label>
                <div class=" mb-0 marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child select-arrow--none " >
                  <select id="claims_company_details" name="bill_to" class="form-control single-select2">
                    @if(isset($claim_details))
                    <option value="company">{{$claim_details->company_name ?? ''}}</option>
                    <!-- <option value="">{{$claim_details->owner_first_name ?? ''}} {{$claim_details->owner_last_name ?? ''}}</option> -->
                    <option value="client">{{ ucwords( $newclient['name']. ' ' .$newclient['last_name'] ) }}</option>
                    @endif
                  </select>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="row">
            <div class="col-sm-7 col-6 invoice-no-label">Invoice number</div>
            <div class="col-sm-5 col-6">
              <div class="form-group">
                <input type="text" name="invoice_number" id="invoice_number" class="form-control small-input numeric-only" placeholder="" value="{{ $invoiceNumber }}">
              </div>
            </div>
          </div>


          <div class="row">
            <div class="col-sm-7 col-6 invoice-no-label">Date</div>
            <div class="col-sm-5 col-6">
              <div class="form-group">
                <div class="input-group date filter-dropdown-three" data-date-format="mm-dd-yyyy">
                  <input class="form-control box-shadow-none day-datepicker" autocomplete="off" id="appt_crt_inv_dp"
                  type="text" placeholder="" name="date" value="{{$appointment->date->format('d/m/y')}}" style="background-color:TRANSPARENT;">
                  <span class="input-group-addon"><img src="{{asset('assets/images/calender-new-g.png')}}" alt="" class="img-fluid rightimg"></span>
                </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-7 col-6 invoice-no-label">Location</div>
            <div class="col-sm-5 col-6">
              <div class="form-group">
                <div class="form-group mb-0 marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child select-arrow-none">
                  <select disabled  name="location" id="loction123" class="form-control single-select2">
                      @foreach($Locations as $location)
                        @if(sizeof($Locations) == 1)
                        <option value="{{$location->id}}" selected>{{getLocationAddress($location->address) ?? '-'}}</option>
                        @else
                        <option value="{{$location->id}}" @if($appointment->location == $location->id) selected @endif>{{getLocationAddress($location->address) ?? '-'}}</option>
                        @endif
                      @endforeach
                  </select>

                  @if(sizeof($Locations) == 1)
                    @foreach($Locations as $location)
                    <input type="hidden" name="location" id="loction123" value="{{$location->id}}">
                    @endforeach
                  @else
                  @foreach($Locations as $location)
                    @if($appointment->location == $location->id)
                      <input type="hidden" name="location" id="loction123" value="{{$location->id}}">
                    @endif
                  @endforeach
                  @endif

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


          @if(isset($providerNumber) && count($providerNumber) >=1)
            <div class="row">
              <div class="col-sm-7 col-6 invoice-no-label">Provider Number</div>
              <div class="col-sm-5 col-6">
                <div class="form-group">
                  <div class="form-group mb-0 marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child select-arrow-none">
                    <select name="provider_number" id="provider_number" class="form-control single-select2 select-arr-none">
                        @foreach($providerNumber as $val)
                          <option value="{{$val->provider_number}}">{{$val->provider_number}}</option>
                        @endforeach
                    </select>
                  </div>
                </div>
              </div>
            </div>
          @endif

        </div>
      </div>

      <hr class="new-hr">

        @if(Request::get('referenceId')!="")
      <div class="service-new-table invoice-new-table ">
        @else
          @if( $blank_invoice_for_cancel_charge == 1 )
            <div class="service-new-table invoice-new-table d-none">
          @else
            <div class="service-new-table invoice-new-table  @if(!empty($hasinvoice) && empty($charge)) d-none  @endif">
          @endif

        @endif


        <div class="table-responsive">
          <table class="table table-striped" id="appt_service_table">
            <thead>
              <tr>
                <th>Item</th>
                <th>Code</th>
                <th>Cost</th>
                <th>Qty</th>
                <th>Total</th>
                <!-- <th></th>        -->
              </tr>
            </thead>
            <tbody id="service_table_body">
              @if($charge)
                <tr>
                  <td class="service-product-select2">
                    <input type="text" class="form-control  small-input" @if($status == 'missed')placeholder="Missed Appointment" @else placeholder="Cancelled Appointment" @endif readonly>
                  </td>
                  <td>-</td>
                  <td id="service_sub_cost" class="service_sub_cost dollar"> {{ $charge ?? '0.00' }}</td>
                  <td>-</td>
                  <td id="service_total_cost" class="service_total_cost dollar" data-qty='1'> {{ $charge ?? '0.00' }}
                  </td>
                </tr>
              @else

                @if( $blank_invoice_for_cancel_charge == 0 )
                  @if(empty($hasinvoice))
                    <tr>
                      <td class="service-product-select2">
                      <input type="hidden" name="item_id[]" value="">
                        <select class="form-control text-capitalize service_add_list" id="invoice-table-service" name="states1[]">
                          @foreach($practitioner_appointment_types as $type)
                            <option @if( $type->id == $appointment->appointment_type_id ) Selected @endif
                              value="{{$type->id}}"
                              data-code = "{{ $type->code }}"
                              data-qty='1'
                              data-cost = "{{ $type->fee }}"
                              @if($type->is_gst=='on') data-gst="{{$settings->gst}}" @endif>
                              @if($type->is_gst=='on') * @endif
                              {{$type->appointment_type}}
                            </option>
                          @endforeach
                        </select>
                      </td>
                      <td id="service_code" class="service_code">{{ $appointmentType->code }} <input type="hidden" name="service_code[]" value="{{ $appointmentType->code }}"></td>
                      <td id="service_sub_cost" class="service_sub_cost dollar"> {{ $appointmentType->fee }}</td>
                      <td id="service_qty" class="service_qty">1</td> <input type="hidden" class="form-control item small-input" placeholder="" name="item_qty[]"  value="1">
                      <td id="service_total_cost" class="service_total_cost dollar" data-qty='1'> {{$appointmentType->fee}}
                      </td>
                        <input type="hidden" class="form-control item small-input numeric-dot-only cost_item1"  placeholder="" name="cost_item[]"  value="{{ $appointmentType->fee}}">
                      <td>
                        <div class="dropdown three-dot-dropdown">
                          <a href="#" class="dropdown-toggle three-dot-menu" data-toggle="dropdown"><span></span></a>
                          <div class="dropdown-menu">
                            <a class="dropdown-item editaddedservice" data-flag="service">Edit</a>
                            <a class="dropdown-item remove_service" data-flag="service">Delete</a>
                          </div>
                        </div>
                      </td>
                    </tr>
                  @endif
                  @if(isset($invioceproduct))
                    @foreach($invioceproduct as $ip)
                      <tr>
                        <td>
                          <div>
                            <input type="text" readonly class="text-navy small-input graytxt w-100" name="product_name" value="{{$ip->notes_product_name->product_name ?? ''}}"><input type="hidden" name="product_id1[]" class="form-control list_of_products product_id1" value='{{$ip->notes_product_name->id ?? ""}}'>
                          </div>
                        </td>

                        <td class="product_code1">{{$ip->notes_product_name->product_code ?? ''}}</td><input type="hidden" name="product_code[]" class="form-control product_code"  value='{{$ip->notes_product_name->product_code ?? ""}}'>

                        <td class="product_cost1 dollar">{{$ip->price ?? ''}}</td><input type="hidden" name="product_cost[]" class="form-control product_cost"  value='{{$ip->price ?? ""}}'>

                        <td class="product_qty1" class="service_qty">{{$ip->quantity ?? ''}}</td><input type="hidden" name="product_qty[]" class="form-control product_qty"  value='{{$ip->quantity ?? ""}}'>

                        <td class="product_total_cost dollar service_total_cost" data-qty='{{$ip->quantity ?? ""}}'>
                        {{number_format(($ip->quantity * $ip->price),2) ?? ''}}</td><input type="hidden" class="form-control item small-input" name="product_total_cost" value="{{number_format(($ip->quantity * $ip->price),2) ?? ''}}">

                        <td>
                        <div class="dropdown three-dot-dropdown">
                        <a href="#" class="dropdown-toggle three-dot-menu" data-toggle="dropdown"><span></span></a>
                        <div class="dropdown-menu">
                        <a class="dropdown-item editaddedservice" data-flag="product">Edit</a>
                        <a class="dropdown-item remove_service" data-flag="product">Delete</a>
                        </div></div></td>
                      </tr>
                    @endforeach
                  @endif
                @endif
              @endif
            </tbody>
          </table>
        </div>
      </div>
      @if($charge)
      @else
      <a href="#InvoiceAddServiceModal" class="btn btn-unfill btn-border-custom d-table mt-4" data-toggle="modal">Add a Service</a>
      <a href="#InvoiceAddProductModal" class="btn btn-unfill btn-border-custom d-table mt-4 addNewProduct" data-toggle="modal">Add a Product</a>
      @endif
      <hr class="new-hr">

      <div class="invoice-new-payment-area">
        <div class="row justify-content-end">
          <div class="col-lg-7">

            <!-- <div class="row mb-4">
              <div class="col-7">
                <p class="mb-0">This invoice</p>
              </div>
              <div class="col-5">
                <p class="mb-0 pl-4 dollar" id="this_invoice_label"></p> -->
                <input type="hidden" class="form-control small-input numeric-dot-only" placeholder="" name="this_invoice1" id="this_invoice1" value="">
              <!-- </div>
            </div> -->

            <!-- <div class="row" id="outstanding_balance_area">
              <div class="col-7">

                <p class="mb-0">Outstanding balance</p>
              </div>
              <div class="col-5">
                <p class="mb-0 pl-4 dollar" id="clientOutstanding">{{$clientpendingbalance->client_pending_balance ?? "0.00"}}</p>
              </div>
            </div>

             <div class="row d-none" id="opening_balance_area">
              <div class="col-7">
                <p class="mb-0">Opening balance</p>
              </div>
              <div class="col-5">
                <p class="mb-0 pl-4 dollar" id="clientOpening">0.00</p>
              </div>
            </div>

            <hr class="new-hr"> -->

            <div class="row total-payment-col mb-4">
              <div class="col-7">
                <p class="mb-0">Total</p>
              </div>
              <div class="col-5">
                <input type="hidden" id="finalprice" name="totalInvoice" value="">
                <p class="mb-0 pl-4 dollar" id="totalInvoice"></p>
              </div>
            </div>

             <div class="row d-none" id="credit_applied_section">
              <div class="col-7">
                <p class="mb-0">Credit applied</p>
              </div>
              <div class="col-5">
                <p class="mb-0 pl-4 dollar" id="clientCreditVal"></p>
                <input type="hidden" name="client_credit_balance" id="client_credit_balance" value="">
              </div>
            </div>

            <p class="mb-0 pl-4 dollar d-none" id="clientOnlinePaid"></p>
            <div class="row d-none" id="online_payment_section">
              <div class="col-7">
                <p class="mb-0 pay_type_name">Online payment</p>
              </div>
              <div class="col-5">
                <!-- <p class="mb-0 pl-4 dollar" id="clientOnlinePaid"></p> -->
                <input type="hidden" name="amount_paid1" id="amount_paid1" value="">
              </div>
            </div>

            <hr class="new-hr">

            <div class="row mb-4 d-none" id="current_balance_section">
              <div class="col-7">
                <p class="mb-0">Current balance</p>
              </div>
              <div class="col-5">
                <p class="mb-0 pl-4 dollar" id="clientCurrentToPay"></p>
                <input type="hidden" name="amount_to_paid" id="amount_to_paid" value="">
                <input type="hidden" name="temp_payble-amount" id="temp_payble-amount" value="">
              </div>
            </div>

            <!-- /// medipass - 14-02-2022 -->
            <!-- @if($practitioner->medipass_provider_number != null &&
            $practitioner->medipass_api_key != null)
            @endif   -->
              <div class="row mb-4 hicaps_btn_div_parent d-none">
                <div class="col-sm-7 col-6">
                  <img src='{{asset("assets/images/medipass-img.png")}}' class="img-fluid madipass-icon" alt="">
                </div>
                <div class="col-sm-5 col-6  hicaps_btn_div">
                      <a href="#" class="btn btn-unfill myDiractHicapButton"  style="" >Process HICAPS</a>
                      <!-- <div class="btn btn-unfill btn-not-conn" >Not connected
                        <div class="Not-connect">
                          <span>Sign up your free Medipass account to begin processing HICAPS online. no terminal required.</span>
                          <button class="btn btn-unfill call-modal cursor-pointer" data-toggle="modal" data-target-modal="#integrationMedipassModel" data-url="{{route('get.integrationmedipass.model')}}">Apply now</button>
                        </div>
                      </div> -->
                </div>
              </div>


            <div class="row">
              <div class="col-sm-7 col-6">
                <p class="mb-0 font-weight-bold">Process Payment</p>
              </div>
              <div class="col-sm-5 col-6">
                <a  class="btn btn-unfill addPaymentinvoice" data-client_id="{{$newclient->client_id}}" style="color:#45747a">Add payment</a>
                <!-- <a href="javascript:void(0)" class="paynow-btn openLatpay" data-appointment_id="" data-payment_type="" data-first_name="{{$practitioner->first_name}}" data-invoice_number="" data-last_name="{{$practitioner->last_name}}" data-notes="" data-email="mk@yopmail.com" data-merchant_id="{{$practitioner->merchant_id}}" data-merchant_password="{{$practitioner->merchant_password}}" data-merchant-public-key="{{$practitioner->merchant_public_key}}" data-amount="" data-flag="AppointmentPay" data-payment_due_date="">Pay Now</a> -->
              </div>
            </div>

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

      <hr class="new-hr">

      <!-- <div class="form-group brdrfull">
        <input type="text" name="note" class="form-control" placeholder="Add note to client" value="{{$invoiceSettings->invoice_notes_text ?? ''}}">
      </div> -->
      <textarea class="d-none" id="invoiceNotes">{{$invoiceNotes ?? ''}}</textarea>
      <textarea class="d-none" id="claimsNotes">{{isset($claim_details) ? $claim_details->notes : '' }}</textarea>
      <div class="form-group brdrfull">
        <textarea  name="note" class="append-text autosizetextaria" placeholder="Add note to client" >{{isset($claim_details) && $claim_details->bill_to == 1 && $claim_details->display_claim_details == 1 ? $claim_details->notes : '' }} {{$invoiceNotes ?? ''}}</textarea>
      </div>

      <!-- <button type="submit">save</button> -->
      <a onclick="submitInvoice();" class="btn btn-fill invoice-save d-block mt-4 text-white">Save</a>
    </div>
    </form>
  </div>

  <!-- InvoiceAddServiceModal Modal Start --->
  <div class="client-follow-popup login-modal videoconsultationmodal customscroll remindersModal calenderinterval-modal customscroll clientabpopup businessdetails" id="myclienthide">
    <div class="modal fade new-service-product-invoice-modal" id="InvoiceAddServiceModal" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="popup-marg">
            <div class="modal-header">
              <h5 class="modal-title text-center eagle-font">Add Service</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true"><img src='{{asset("assets/images/close-img.png")}}' alt="" class="img-fluid"></span>
              </button>
            </div>

              <div class="modal-body p-0">
                <div class="mCustomScrollbar">
                  <div class="boxwhite mt-30">
                    <div class="test-results-area labeltop mt-3">

                      <div class="label-input">
                        <div class="row">
                          <div class="col-lg-5 col-md-6">
                            <label>Appointment type</label>
                          </div>
                          <div class="col-lg-7 col-md-6">
                            <div class="form-group brdrfull marg-bttm online-dropdown select-dropdown avalable-drop text-left text-navy">
                              <input type="hidden" id="add_item_id" value="">

                              <select class="form-control text-capitalize single-select2" id="add_service_invoice" name="appt_types" required data-placeholder="Select Service">
                                <option></option>
                                @foreach( $practitioner_appointment_types as $key => $value )
                                  <option value="{{ $value->id }}" data-claims_covered="{{$value->covered_in_claims}}" data-sr-code = "{{ $value->code }}"
                                    data-sr-id = "{{ $value->id }}"  data-sr-cost = "{{ $value->fee }}"
                                    @if($value->is_gst=='on') data-sr-gst="{{ $settings->gst }}"
                                    @endif>@if($value->is_gst=='on') * @endif

                                    {{--  @if($value->appt_type !="")
                                    @if($value->appt_type =="Telehealth" || $value->appt_type =="Mobile")
                                      {{ $value->appt_type.' - ' }}
                                    @endif
                                    @endif   --}}
                                    {{ $value->appointment_type }}</option>
                                @endforeach
                              </select>
                            </div>
                          </div>
                        </div>
                      </div>
                      <input type="hidden" name="add_service_id" id="add_service_id">
                      <div class="label-input">
                        <div class="row">
                          <div class="col-lg-5 col-md-6">
                            <label>Code</label>
                          </div>
                          <div class="col-lg-7 col-md-6">
                            <div class="form-group brdrfull">
                              <input required type="text" class="form-control disabled"  name="add_service_code"  id="add_service_code" placeholder="Enter code" disabled />
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="label-input">
                        <div class="row align-items-center justify-content-center">
                          <div class="col-lg-5 col-md-6 col-sm-6">
                            <label>Cost</label>
                          </div>
                          <div class="col-lg-7 col-md-6 col-sm-6">
                            <div class="form-group brdrfull">
                              <span class="dollar-icon">$</span>
                              <input required  type="text" name="add_service_cost" id="add_service_cost" class="form-control select-80 numeric-dot-only text-navy" placeholder="00.00">
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="label-input">
                        <div class="row align-items-center justify-content-center">
                          <div class="col-lg-5 col-md-6 col-sm-6">
                            <label>Qty</label>
                          </div>
                          <div class="col-lg-7 col-md-6 col-sm-6">
                            <div class="form-group brdrfull selectdrop-textbox">
                              <select required class="form-control select-80 select-text-center text-navy" name="change_service_qty" id="change_service_qty">
                                <option value="1" selected> 1</option>
                                <option value="2"> 2</option>
                                <option value="3"> 3</option>
                                <option value="4"> 4</option>
                                <option value="5"> 5</option>
                                <option value="6"> 6</option>
                                <option value="7"> 7</option>
                                <option value="8"> 8</option>
                                <option value="9"> 9</option>
                                <option value="10"> 10</option>
                              </select>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="label-input">
                        <div class="row align-items-center justify-content-center">
                          <div class="col-lg-5 col-md-6 col-sm-6">
                            <label>Total Cost</label>
                          </div>
                          <div class="col-lg-7 col-md-6 col-sm-6">
                            <div class="form-group brdrfull">
                              <span class="dollar-icon">$</span>
                              <input required type="text" name="add_service_total_cost" id="add_service_total_cost" class="form-control select-80 text-navy" placeholder="00.00">
                            </div>
                          </div>
                        </div>
                      </div>

                    </div>
                  </div>
                </div>
              </div>
              <div class="modal-footer">
                <div class="text-center">
                  <button type="button" id="btn_add_service" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Update and Save</button>
                </div>
              </div>

          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- InvoiceAddServiceModal Modal End -->

  <!-- InvoiceAddProductModal Modal Start --->
  <div class="client-follow-popup login-modal videoconsultationmodal customscroll remindersModal calenderinterval-modal customscroll clientabpopup businessdetails" id="myclienthide">
    <div class="modal fade new-service-product-invoice-modal" id="InvoiceAddProductModal" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="popup-marg">
            <div class="modal-header">
              <h5 class="modal-title text-center eagle-font">Add Product</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true"><img src='{{asset("assets/images/close-img.png")}}' alt="" class="img-fluid"></span>
              </button>
            </div>

              <div class="modal-body p-0">
                <div class="mCustomScrollbar">
                  <div class="boxwhite mt-30">
                    <div class="test-results-area labeltop mt-3">
                      <div class="label-input">
                        <div class="row">
                          <div class="col-lg-5 col-md-6">
                            <label>Product</label>
                          </div>
                          <div class="col-lg-7 col-md-6">
                            <div class="form-group brdrfull">
                              <input type="text" class="typeahead form-control left small-input product___id text-navy" placeholder="Enter product name" autocomplete="off" name="product___id" data-price1="">
                              <input type="hidden" name="product_id1[]" class="form-control product_id1" id="product_id1" value="">
                              <input type="hidden" name="p_id[]" id="p_id" class="form-control p_id">
                              <input type="hidden" name="product_name1[]" class="form-control product_name1" id="product_name1" value="">
                              <input type="hidden" class="form-control productQTY" id="productQTY" value="">
                              <input type="hidden" class="form-control productnotifyQTY" id="productnotifyQTY" value="">
                              <input type="hidden" class="form-control" id="isProductEdit" value="0">
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="label-input">
                        <div class="row">
                          <div class="col-lg-5 col-md-6">
                            <label>Code</label>
                          </div>
                          <div class="col-lg-7 col-md-6">
                            <div class="form-group brdrfull">
                              <input required type="text"  class="form-control" id="product_code" placeholder="Enter code"/>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="label-input">
                        <div class="row align-items-center justify-content-center">
                          <div class="col-lg-5 col-md-6 col-sm-6">
                            <label>Cost</label>
                          </div>
                          <div class="col-lg-7 col-md-6 col-sm-6">
                            <div class="form-group brdrfull">
                              <span class="dollar-icon">$</span>
                              <input type="text" class="form-control select-80 numeric-dot-only text-navy" id="product_cost" name="product_cost" placeholder="00.00">
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="label-input">
                        <div class="row align-items-center justify-content-center">
                          <div class="col-lg-5 col-md-6 col-sm-6">
                            <label>Qty</label>
                          </div>
                          <div class="col-lg-7 col-md-6 col-sm-6">
                            <div class="form-group brdrfull">

                              <input required type="text" name="product_qty" id="product_qty" class="form-control select-80 numeric-only text-navy" placeholder="0">

                            </div>
                          </div>
                        </div>
                      </div>
                       <div class="label-input">
                        <div class="row align-items-center justify-content-center">
                          <div class="col-lg-5 col-md-6 col-sm-6">
                            <label>Total Cost</label>
                          </div>
                          <div class="col-lg-7 col-md-6 col-sm-6">
                            <div class="form-group brdrfull">
                              <span class="dollar-icon">$</span>
                              <input required type="text" name="add_product_total_cost" id="add_product_total_cost" class="form-control select-80 text-navy" placeholder="00.00">
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="modal-footer">
                <div class="text-center">
                  <button type="button" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100" id="AddProduct">Update and Save</button>
                </div>
              </div>

          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- InvoiceAddProductModal Modal End -->



</div>
@endsection

@section('css')
<style>
  .select2-selection__arrow::after {right: 7px !important;}
  .select2-container--default .select2-selection--single {border: 1px solid #c7c7c7 !important;height: 33px !important;}
  #InvoiceAddServiceModal  .form-control.disabled,#myclienthide .form-control.disabled{
    background-color:#e9ecef !important;
  }

</style>
@endsection

@section('js')
<script>
  $(document).on("click", ".editaddedservice", function () {

    if($(this).data('flag') == 'service'){
      $("#InvoiceAddServiceModal").find("#add_service_code").val($(this).closest("tr").find(".service_code").text());
      $("#InvoiceAddServiceModal").find("#add_service_cost").val($(this).closest("tr").find(".service_sub_cost").text());
      $("#InvoiceAddServiceModal").find("#change_service_qty").val($(this).closest("tr").find(".service_qty").text());
      $("#InvoiceAddServiceModal").find("#add_service_total_cost").val($(this).closest("tr").find(".service_total_cost").text());
      $("#InvoiceAddServiceModal").find('#add_service_invoice').val($(this).closest("tr").find("#invoice-table-service").val()).select2();
      $("#InvoiceAddServiceModal").find('#add_service_id').val($(this).closest("tr").find("#invoice-table-service").val());
      $(this).closest("tr").addClass('removetrforedit');
      $("#InvoiceAddServiceModal").find('#btn_add_service').attr('data-removetag','removethistr');
      $("#InvoiceAddServiceModal").modal('show');
      $("#InvoiceAddServiceModal").find("#add_item_id").val($(this).closest("tr").find("input[name='item_id[]']").val());

    }else if($(this).data('flag') == 'dynamicservice'){
      $("#InvoiceAddServiceModal").find("#add_service_code").val($(this).closest("tr").find(".service_code").text());
      $("#InvoiceAddServiceModal").find("#add_item_id").val($(this).closest("tr").find("input[name='item_id[]']").val());
      $("#InvoiceAddServiceModal").find("#add_service_cost").val($(this).closest("tr").find(".service_sub_cost").text());
      $("#InvoiceAddServiceModal").find("#change_service_qty").val($(this).closest("tr").find(".service_qty").text());
      $("#InvoiceAddServiceModal").find("#add_service_total_cost").val($(this).closest("tr").find(".service_total_cost").text());
      $("#InvoiceAddServiceModal").find('#add_service_invoice').val($(this).closest("tr").find("select[name='states1[]']").val()).select2();
      $("#InvoiceAddServiceModal").find('#add_service_id').val($(this).closest("tr").find("select[name='states1[]']").val());
      $(this).closest("tr").addClass('removetrforedit');
      $("#InvoiceAddServiceModal").find('#btn_add_service').attr('data-removetag','removethistr');
      $("#InvoiceAddServiceModal").modal('show');
    }else if($(this).data('flag') == 'product'){
      $("#InvoiceAddProductModal").find('input[name="product___id"]').val($(this).closest("tr").find("input[name='product_name']").val());
      $("#InvoiceAddProductModal").find("#product_name1").val($(this).closest("tr").find("input[name='product_name']").val());
      $("#InvoiceAddProductModal").find("#product_id1").val($(this).closest("tr").find(".product_id1").val());

      $("#InvoiceAddProductModal").find('#product_code').val($(this).closest("tr").find(".product_code1").text());
      $("#InvoiceAddProductModal").find('.p_id').val($(this).closest("tr").find(".p_id").val());
      $("#InvoiceAddProductModal").find('#product_cost').val($(this).closest("tr").find(".product_cost1").text());
      $("#InvoiceAddProductModal").find('#product_qty').val($(this).closest("tr").find(".product_qty1").text());
      $("#InvoiceAddProductModal").find('#add_product_total_cost').val($(this).closest("tr").find(".product_total_cost").text());
      $("#isProductEdit").val(1);
      $(this).closest("tr").addClass('removetrforedit');
      $("#InvoiceAddProductModal").find('#AddProduct').attr('data-removetag','removethistr');
      $("#InvoiceAddProductModal").modal('show');
    }

  });
   $(document).on("click", ".remove_service", function () {
    var this11 = $(this);

    if($(this).data('flag') == 'product'){
      if($("#invoiceid").val()){
        $.ajax({
          url: "{{route('practitioner.client.product.remove')}}",
            data: {
              product_id: $(this).closest("tr").find(".product_id1").val(),
              invoice_id: $("#invoiceid").val(),
              flag:'product'
            },
            type: 'POST',
        }).done(function(response) {
            if (response.status == "success") {
              //console.log(response.data.healthhistory);
              this11.closest("tr").remove();
              getcountoftotal();
            }
        });

      }else{
              $(this).closest("tr").remove();
              getcountoftotal();


      }
    }else if($(this).data('flag') == 'service'){
      if($("#invoiceid").val()){
        $.ajax({
          url: "{{route('practitioner.client.product.remove')}}",
            data: {
              product_id: $(this).closest("tr").find("select[name='states1[]']").val(),
              invoice_id: $("#invoiceid").val(),
              flag:'service'
            },
            type: 'POST',
        }).done(function(response) {
            if (response.status == "success") {
              //console.log(response.data.healthhistory);
              this11.closest("tr").remove();
              getcountoftotal();
            }
        });

      }else{
              $(this).closest("tr").remove();
              getcountoftotal();


      }

    }

    // total = $("#this_invoice_label").text() - $(this).closest("tr").find("#service_total_cost").text();

    // $("#this_invoice1").val(total);
  });
  var service_cnt = 2;
  function getcountoftotal(){
      var ob = $("#clientOutstanding").text();
      $("#this_invoice_label").text("");
      var celltext = 0;
      $('#service_table_body td.service_total_cost').each(function() {
        string = $(this).text();
        var cell = string.replace(',','');
        celltext += parseFloat(cell);
      });
      $("#this_invoice_label").text(Number(celltext).toFixed(2));
      $("#this_invoice1").val(Number(celltext).toFixed(2));
      $("#clientCurrentToPay").text(Number(celltext - $("#clientOnlinePaid").text()).toFixed(2));
      var TI = parseFloat(celltext) + parseFloat(ob);
      $("#totalInvoice").text( Number(celltext).toFixed(2) );
      // $("#finalprice").val(Number(TI).toFixed(2));
  }
   $(document).ready(function() {
    $('#InvoiceAddServiceModal').on('hidden.bs.modal', function() {
      $(':input', this).val('');
      $("#change_service_qty").val(1);
      $("#add_service_invoice").val('').select2();
      $("#service_table_body").find('.removetrforedit').removeClass('removetrforedit');
    });

    $('#InvoiceAddProductModal').on('hidden.bs.modal', function() {
      $(':input', this).val('');
      $("#service_table_body").find('.removetrforedit').removeClass('removetrforedit');
    });
  });
  $(document).ready(function() {
    getcountoftotal();

       $("#appt_crt_inv_dp").datepicker({
         format: 'dd/mm/yy',
         weekStart: 1,
         todayHighlight: true,
         autoclose: true,
         clearBtn: true,
         //startDate: '-',
      });
    // Add new service
    $(document).on( 'change', '#add_service_invoice', function(e) {
      e.preventDefault();

      var grand_total = 0;
      var sel_service_type = $('option:selected', this).attr('data-sr-id');
      var cost = $('option:selected', this).attr('data-sr-cost');
      var code = $('option:selected', this).attr('data-sr-code');
      var gst = $('option:selected', this).attr('data-sr-gst');
      var qty = $('#change_service_qty').val();
      grand_total = grand_total + ( parseFloat(cost) * parseFloat(qty) );

      $("#add_service_id").val(sel_service_type);
      $("#add_service_code").val(code);
      $("#add_service_cost").val(cost);
      $("#add_service_total_cost").val(Number(grand_total).toFixed(2));
    });
      $(document).on( 'keyup', '#add_service_cost', function(e) {
      e.preventDefault();
      var grand_total = 0;
      var cost = $(this).val();
      var qty = $('#change_service_qty').val();
      grand_total = grand_total + ( parseFloat(qty) * parseFloat(cost) );
      $("#add_service_total_cost").val(Number(grand_total).toFixed(2));
    });
    // Change qty and calculate total price
    $(document).on( 'change', '#change_service_qty', function(e) {
      e.preventDefault();

      var grand_total = 0;
      var qty = $(this).val();
      var cost = $('#add_service_cost').val();
      grand_total = grand_total + ( parseFloat(qty) * parseFloat(cost) );

      $("#add_service_total_cost").val(Number(grand_total).toFixed(2));
    });

    // Change service
    $(document).on('change', 'select[name="states[]"]', function() {
      var total = 0;

      $("#service_table_body select").each( function() {
        var cost = $('option:selected', this).attr('data-cost');
        var code = $('option:selected', this).attr('data-code');
        var gst = $('option:selected', this).attr('data-gst');
        var qty = $('option:selected', this).attr('data-qty');


        $(this).parent().parent().find('.cost_item').val(cost);
        $(this).parent().parent().find('.service_code').text(code);
        $(this).parent().parent().find('.service_sub_cost').text(cost);
        $(this).parent().parent().find('.service_total_cost').text(Number(cost * qty).toFixed(2));
        total = total + parseFloat(cost);
      });
      getcountoftotal();
    });

    $(document).on('change', 'select[name="states1[]"]', function() {
      var total = 0;

      if(btnclicked == false){
        $("#service_table_body select").each( function() {

        var cost = $('option:selected', this).attr('data-cost');
        var code = $('option:selected', this).attr('data-code');
        var gst = $('option:selected', this).attr('data-gst');
        var qty = $('option:selected', this).attr('data-qty');

        $(this).parent().parent().find('.cost_item1').val(Number(qty * cost).toFixed(2));
        $(this).parent().parent().find('.service_code').text(code).append('<input type="hidden" name="service_code[]" value='+code+'>');
        $(this).parent().parent().find('.service_sub_cost').text(cost);
        $(this).parent().parent().find('.service_total_cost').text(Number(qty * cost).toFixed(2));
        total = total + parseFloat(cost);
        });
        getcountoftotal();

      }
      btnclicked = false;

    });

    $(document).on( 'click', '.addNewProduct', function(e) {
      $("#isProductEdit").val(0);
    });

    // Add Product
    $(document).on( 'click', '#AddProduct', function(e) {
      e.preventDefault();
      var product_qty = $('#product_qty').val();
      var product_id = $('#product_id1').val();
      var invoice_id = $("#invoiceid").val();
      var isProductEdit = $("#isProductEdit").val();
      var p_id = $("#p_id").val();

      var removeThisTr = 0;

      if($(this).data('removetag') == 'removethistr'){
        removeThisTr = 1;
      }

      var product_name = $('#product_name1').val();
      var product_code = $('#product_code').val();
      var product_cost = $('#product_cost').val();
      var product_total_cost = $('#add_product_total_cost').val();
      var flag = 1;
      var message = 'Product added.';

      if( product_id == '' ) {
        flag = 0;
        message = "Product required";
      }

      if( product_cost == '' ) {
        flag = 0;
        message = "Product cost is required!";
      }

      if( product_qty == '' ) {
        flag = 0;
        message = "Product quantity is required!";
      }

      if( product_cost == '' ) {
        flag = 0;
        message = "Product total cost is required!";
      }

      $.ajax({
        url:'{{route("practitioner.product.check.qty")}}',
        data:{ product_id:product_id, product_qty:product_qty, invoice_id:invoice_id, is_product_edit:isProductEdit },
        type:"POST"
      }).done(function (response) {
        console.log( response );

        if( response.status == "warning" ) {
          Swal.fire({
            icon: response.status,
            text:response.text,
            title: response.title,
            showClass: {
              popup: 'animate__animated animate__fadeInDown'
            },
            hideClass: {
              popup: 'animate__animated animate__fadeOutUp'
            }
          });

          return false;
        } else {
          if( flag == 1 ) {

            if( removeThisTr == 1 ) {
              $(".removetrforedit").remove();
            }

            var html_data = '<tr>';
            html_data += '<td>';
            html_data += '<div>';
            html_data += ' <input type="text" readonly class="text-navy small-input w-100" name="product_name" value="'+product_name+'"><input type="hidden" name="product_id1[]" class="form-control list_of_products product_id1"  value='+product_id+'><input type="hidden" name="p_id[]" class="form-control p_id" value='+p_id+'>';

            html_data += '</div>';
            html_data += '</td>';

            html_data += '<td class="product_code1">'+ product_code +'</td><input type="hidden" name="product_code[]" class="form-control product_code"  value='+product_code+'>';

            html_data += '<td class="product_cost1 dollar">'+ Number(product_cost).toFixed(2) +'</td><input type="hidden" name="product_cost[]" class="form-control product_cost"  value='+product_cost+'>';

            html_data += '<td class="product_qty1" class="service_qty">'+ product_qty +'</td><input type="hidden" name="product_qty[]" class="form-control product_qty"  value='+product_qty+'>';

            html_data += '<td class="product_total_cost dollar service_total_cost" data-qty='+product_qty+'>'+ Number(product_total_cost).toFixed(2) +'</td><input type="hidden" class="form-control item small-input" name="product_total_cost" value="'+ product_cost +'">';   /// product_total_cost 06-06-2022

            html_data += '<td>';
            html_data += '<div class="dropdown three-dot-dropdown">';
            html_data += '<a href="#" class="dropdown-toggle three-dot-menu" data-toggle="dropdown"><span></span></a>';
            html_data += '<div class="dropdown-menu">';
            html_data += '<a class="dropdown-item editaddedservice" data-flag="product">Edit</a>';
            html_data += '<a class="dropdown-item remove_service" data-flag="product">Delete</a>';
            html_data += '</div></div></td>';
            html_data += '</tr>';
            $(".service-new-table").removeClass('d-none');

            var sameExists = 0;
            $('.list_of_products').each(function() {
              if($(this).val() == product_id)
              {
                Swal.fire({
                  icon: 'warning',
                  title:'Already added',
                  text: "Adjust quantity if required",
                  showClass: {
                    popup: 'animate__animated animate__fadeInDown'
                  },
                  hideClass: {
                    popup: 'animate__animated animate__fadeOutUp'
                  }
                });
                sameExists = 1;
                return false;
              }
            });

            if(sameExists == 1){
              $("#InvoiceAddProductModal").modal("hide");
              return false;
            }

            $("#service_table_body").append( html_data );

            $("#InvoiceAddProductModal").modal("hide");
            getcountoftotal();

            toastr.success( message );
          } else {
            toastr.error( message );
          }
        }
      });
    });
    var btnclicked = false;
    // Add new service
    $(document).on( 'click', '#btn_add_service', function(e) {

      if($("#add_service_invoice").find(':selected').attr('data-claims_covered') == 0)
      {
        $("#claimsDetails").addClass("d-none");
        var invoiceNotes =" "+$("#invoiceNotes").val();
        $("textarea[name='note']").val(invoiceNotes);
        $("#claims_company_details").val("client").select2();
      }

      var searchIDs = $("#find-table input:checkbox:checked").map(function(){
        return $(this).val();
      });

      var flag1="";
      e.preventDefault();

      if($(this).data('removetag') == 'removethistr'){
         flag1 = 'edit';
      }

      var myarray =[];
      var serviesId="";

      var sel_service_id = $('#add_service_id').val();
      var add_item_id = $('#add_item_id').val();

      if(sel_service_id && flag1!='edit'){
       myarray.push(sel_service_id);
      }

      $('.service-product-select2').each(function(index, val) {
       serviesId= $(this).closest('tr').find('select option:selected').val();
       myarray.push(serviesId);
      });

      var hasDups = !myarray.every(function(v,i) {
        return myarray.indexOf(v) == i;
      });

      if($(this).data('removetag') == 'removethistr'){
        $(".removetrforedit").remove();
        flag1 = 'edit';
      }
      var sel2class = 'single-select'+service_cnt;

      var sel_service_id = $('#add_service_id').val();

      var add_item_id = $('#add_item_id').val();
      var sel_service_code = $('#add_service_code').val();
      var sel_service_cost = $('#add_service_cost').val();
      var sel_qty = $('#change_service_qty').val();
      var sel_total_cost = sel_qty * sel_service_cost ;
      var seltcost = $("#add_service_total_cost").val();

      var flag = 1;
      var message = 'Service added.';

      if( sel_service_id == '' ) {
        flag = 0;
        message = "Service type is required!";
      }


      if( sel_service_cost == '' ) {
        flag = 0;
        message = "Service cost is required!";
      }

      if( sel_qty == '' ) {
        flag = 0;
        message = "Service quantity is required!";
      }

      if( seltcost == '' ) {
        flag = 0;
        message = "Service total cost is required!";
      }
      var add_val_item_id = '';
      if(add_item_id){
        add_val_item_id = add_item_id;
      }
      if( flag == 1 ) {

        btnclicked = true;
        var html_data = '<tr>';


        html_data += '<td class="service-product-select2"><input type="hidden" name="item_id[]" value='+add_val_item_id+'>';

        html_data += '<select class="form-control text-capitalize service_add_list '+sel2class+'" id="test-sel'+service_cnt+'" name="states1[]">';
        html_data += '@foreach($practitioner_appointment_types as $type)';

        html_data += '<option @if( $type->id == '+ sel_service_id +') Selected @endif value="{{$type->id}}" data-code = "{{$type->code}}" data-qty='+sel_qty+' data-cost = "{{$type->fee}}" @if($type->is_gst=="on") data-gst="{{$settings->gst}}" @endif>@if($type->is_gst=="on") * @endif{{$type->appointment_type}}</option>@endforeach';
        html_data += '</select></td>';
        html_data += '<td class="service_code">'+sel_service_code +'  <input type="hidden" name="service_code[]" value='+sel_service_code +'></td>';

        html_data += '<td class="service_sub_cost dollar">'+ Number(sel_service_cost).toFixed(2) +'</td>';

        html_data += '<td class="service_qty">'+ sel_qty +'</td><input type="hidden" class="form-control item small-input" placeholder="" name="item_qty[]"  value="'+ sel_qty +'">';

        html_data += '<td class="service_total_cost dollar" data-qty='+sel_qty+'>'+Number(sel_total_cost).toFixed(2)+'</td><input type="hidden" class="form-control item small-input numeric-dot-only cost_item1" id="cost_item1" placeholder="" name="cost_item[]"  value="'+ sel_service_cost +'">'; //sel_total_cost 06-06-2022

        html_data += '<td>';
        html_data += '<div class="dropdown three-dot-dropdown">';
        html_data += '<a href="#" class="dropdown-toggle three-dot-menu" data-toggle="dropdown"><span></span></a>';
        html_data += '<div class="dropdown-menu">';
        html_data += '<a class="dropdown-item editaddedservice" data-flag="dynamicservice">Edit</a>';
        html_data += '<a class="dropdown-item remove_service" data-flag="service">Delete</a>';
        html_data += '</div></div></td>';
        html_data += '</tr>';

        // console.log( html_data );
        $(".service-new-table").removeClass('d-none');

        var sameExists = 0;
        $('.service_add_list').each(function() {
          if($(this).val() == sel_service_id)
          {
            Swal.fire({
              icon: 'warning',
              title:'Already added',
              text: "Adjust quantity if required",
              showClass: {
                popup: 'animate__animated animate__fadeInDown'
              },
              hideClass: {
                popup: 'animate__animated animate__fadeOutUp'
              }
            });
            sameExists = 1;
            return false;
          }
        });

        if(sameExists == 1){
          $("#InvoiceAddServiceModal").modal("hide");
          return false;
        }

        $("#service_table_body").append( html_data );

        $("."+sel2class).select2({
          placeholder: function () {
            $(this).data('placeholder');
          },
          closeOnSelect: true,
          dropdownPosition: 'below',
        });

        $('#test-sel'+service_cnt).val(sel_service_id).trigger('change');

        $("#InvoiceAddServiceModal").modal("hide");
        getcountoftotal();
        toastr.success( message );
        service_cnt++;
      } else {
        toastr.error( message );
      }

    });

    $('#invoice-table-service').select2({});
  });
  var ppath = "{{ route('practitioner.search.invoiceproduct') }}";
  $('body').delegate('.product___id','focus',function(){
    var thiss = $(this);
    var gst1 = '{{$settings->gst}}';
    $(this).typeahead({
      source:  function (query, process) {
         return $.get(ppath, { query: query }, function (data) {
            for (var i = 0;i<data.length;i++) {
               if(data[i].id){
                  //console.log(data[i].id);
                  //thiss.parent().find(".product_id").val(data[i].id);
                  //$("#product_id").val(data[i].id);
               }
            }
            if(data.length > 0){
               return process(data);
            }else{
               $(".tt-dataset").text('No Results Found');
               setTimeout(function() {
                  $('.tt-dataset').text('');
               }, 3000);
            }
         });
      },
      updater: function(selection){


         var fprice = selection.product_price
         thiss.attr('data-price1',fprice);
         $("#product_cost").val(Number(fprice).toFixed(2));
         $("#product_code").val(selection.product_code);
         //alert(selection.id);
         thiss.parent().find(".product_id1").val(selection.id);
         thiss.parent().find(".product_name1").val(selection.name);
         thiss.parent().find(".productQTY").val(selection.product_quantity);
         thiss.parent().find(".productnotifyQTY").val(selection.product_notify_at);

         var cost= $("#product_cost").val();
         $("#product_qty").val(1)
         // var qty = $("#product_qty").val();
         var qty = 1;

         $("#add_product_total_cost").val(Number(1*cost).toFixed(2));
         if(selection.is_gst == 'on'){
            return '* '+selection.name;
         }else{
            return selection.name;
         }

      }
   });
   $(this).on('keyup',function(e) {
         //console.log($(this).parent());
         $(this).parent().find(".dropdown-menu").find('.active .dropdown-item').css({"backgroundColor":"#68afb5","color":"white"});


         if (e.keyCode === 40 || e.keyCode === 38 ) {
            $(this).parent().find(".dropdown-menu").find('.dropdown-item').css({"backgroundColor":"#fff","color":"#24303f"});
            if($(this).parent().find(".dropdown-menu")){

               $(this).parent().find(".dropdown-menu").find('.active .dropdown-item').css({"backgroundColor":"#68afb5","color":"white"});

            }
         }
      });
   });
     $(document).on("keyup","#product_cost",function(){
      var qty= $("#product_qty").val();
      var cost = $(this).val();
      $("#add_product_total_cost").val(Number(qty*cost).toFixed(2));

   });
   $(document).on("keyup","#product_qty",function(){

      var cost= $("#product_cost").val();
      var qty = $(this).val();

      $("#add_product_total_cost").val(Number(qty*cost).toFixed(2));

   });
  $('#loction123').on('select2:open', function (e) {

      $("#select2-loction123-results").parent().parent().addClass('invoice-location-particular');

  });

  $('#provider_number').on('select2:open', function (e) {
    $(".select2-search--dropdown").addClass('d-none');
  });

  $('#claims_company_details').on('select2:open', function (e) {
    $(".select2-search--dropdown").addClass('d-none');
  });



</script>
<script>
    $(document).on( 'change', '#claims_company_details', function(e) {
      var invoiceNotes =" "+$("#invoiceNotes").val();
      var claimsNotes =$("#claimsNotes").val();
      if($(this).val() == 'company')
      {
        $("textarea[name='note']").val(claimsNotes + invoiceNotes);
        $(".claim_number").removeClass("d-none");
      } else{
        $("textarea[name='note']").val(invoiceNotes);
        $(".claim_number").addClass("d-none");
      }
    });
  </script>
@endsection