@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' />
<style>
    .invoice-item-selecter {
        margin-top: 22px;
        width: 262px;
    }

    .invoice-item-selecter button {
        width: 100%;
        height: 31px;

    }

    .invoice-item-selecter {}

    .invoice-item-selecter button:after {
        display: none;
    }

    .invoice-item-selecter .dropdown-menu {
        width: 100%;
        padding: 0;
    }

    .invoice-item-selecter .dropdown-menu a {
        width: 100%;
    }

    .invoice-item-selecter .dropdown-menu a:hover {
        background-color: #68afb5;
        color: white;
    }

    .shipping-item-selecter {
        /* max-width: 123px; */
        width: 100%;

    }

    .shipping-item-selecter button {
        width: 100%;
        border: 0.25px solid #898989;
        font-size: 14px;
        padding: 4px 12px;
        text-align: left;
        color: #898989;
        background-color: #f7f7f7;

    }

    .shipping-item-selecter button:after {
        display: none;
    }

    .comm-form .shipping-item-selecter label {
        font-size: 14px;
        color: 898989;
        font-weight: normal;
        width: 90px;
        height: 33px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .comm-form .shipping-item-selecter span {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .shipping-item-selecter .dropdown-menu {
        width: 240px;
        padding: 13px;
    }

    .shipping-item-selecter .form-group {
        max-width: 90px;
        margin: 12px 0
    }

    .comm-form .shipping-item-dropdown .dollar:before {
        top: 6px;
        font-size: 14px;
    }

    .comm-form .shipping-item-dropdown .dollar .form-control {
        padding-left: 26px !important;
    }

    .percentage:after {
        content: "%";
        position: absolute;
        top: 19px;
        right: 32px;
        color: #24303f;
        font-size: 14px;
    }

    .percentage .form-control {
        padding-right: 24px;
        text-align: center;
    }

    .discount-item-dropdown .dollar:before {
        top: 6px;
        font-size: 14px;
    }

    .discount-item-dropdown .btn {
        margin-top: 13px;
    }

    #payment-box-btns p {
        font-size: 15px;
        /* text-align: center; */
        letter-spacing: 0.5px;
    }

    .payment-methods-modal .modal-dialog {
        max-width: 340px;
        text-align: center;
        position: relative;
    }

    .payment-methods-modal .modal-dialog p {
        color: #24303f;
        line-height: 22px;
        letter-spacing: 0.5px;
    }

    .payment-methods-modal .modal-dialog .modal-body {
        padding: 32px 45px;
    }

    .payment-methods-modal .modal-dialog a {
        width: 100%;
    }

    .payment-methods-modal .close {
        position: absolute;
        right: 10px;
        top: 5px;
    }

    .service-new-table.invoice-new-table {
        margin-top: 30px;
    }

    .service-new-table.invoice-new-table table #service_table_body .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 0;
    }

    .total-payment-col {
        align-items: center;
    }

    .invoice-new-page .total-payment-col p.dollar:before {
        left: 2px;
    }

    .invoice-new-page .total-payment-col p.dollar {
        padding-left: 11px;
    }

    .myDiractHicapButton {
        padding: 0px 15px !important;
        height: 31px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 122px;
    }

    .margin-to-row .row {
        margin-bottom: 16px;
    }

    .margin-to-row .row .form-group {
        margin-bottom: 0;
    }
    .invoice-new-table .table thead th:first-child {
        max-width: 50px;
        display: block;
    }
    .invoice-new-table .table tbody tr:last-of-type td:first-child ,.invoice-new-table .table tbody tr:last-of-type td:first-child {
        max-width: 50px;
        display: block;
    }
    .service-new-table tr th:first-child, .service-new-table tr td:first-child {width: 50px;display: block;}
    .service-new-table.invoice-new-table #service_table_body .select2 ,.service-new-table.invoice-new-table #service_table_body input {
        font-size: 14px !important;
        border: 1px solid #ced4da;
        background: #fff !important;
        border-radius: 5px;
        padding-left: 10px !important;
    }
    .service-new-table.invoice-new-table #service_table_body input{min-height:33px;}
    .service-new-table.invoice-new-table #service_table_body .select2-container {margin-top: 0px}
    .invoice-new-page #service_table_body .service_total_cost.dollar , .invoice-new-page #service_table_body .service_total_gst_cost.dollar ,.invoice-new-page #service_table_body .product_total_cost.dollar , .invoice-new-page #service_table_body .product_total_gst_cost.dollar{padding-top: 22px;}
    .invoice-new-page #service_table_body .dollar:before ,.invoice-new-page #service_table_body .service_sub_cost.dollar:before ,.invoice-new-page #service_table_body .product_cost1.dollar:before 
    {padding-top: 7px;   }
    .invoice-new-page #service_table_body .service_discount input, .invoice-new-page #service_table_body .service_sub_cost input ,.invoice-new-page #service_table_body .product_discount input, .invoice-new-page #service_table_body .product_cost1 input {
        padding-left: 19px !important;
    }
    .invoice-new-page #service_table_body .service_discount.dollar ,.invoice-new-page #service_table_body .service_sub_cost.dollar, .invoice-new-page #service_table_body .product_discount.dollar ,.invoice-new-page #service_table_body .product_cost1.dollar {
        padding-left: 5px;
    }
    .invoice-new-page #service_table_body .service_discount.dollar:before ,.invoice-new-page #service_table_body .service_sub_cost.dollar:before ,.invoice-new-page #service_table_body .product_discount.dollar:before ,.invoice-new-page #service_table_body .product_cost1.dollar:before { left: 15px !important;padding-top: 6px;
    font-size: 14px;}
    #service_table_body .three-dot-dropdown a.dropdown-toggle.three-dot-menu {padding-top: 5px;}
    .invoice-new-table .table thead th:first-child ,.invoice-new-table .table tbody tr td:first-child{margin-left: 15px !important;}
    .invoice-new-table .table tbody .product_code1 ,.invoice-new-table .table tbody .service_code {padding-top: 22px;}

    .discount_bg-color {
        background-color:#f7f7f7 !important;
    }
    .service-new-table.invoice-new-table #service_table_body input {
        min-width: 95px !important;
    }
    .service-new-table.invoice-new-table #service_table_body .service_qty input ,.service-new-table.invoice-new-table #service_table_body input.product_qty{
        min-width: 48px !important;
    }
    .service_discount.dollar input {
        color: #24303f !important;
    }
    .invoice-new-table tbody tr:nth-of-type(2n+1) td input ,
    .service-new-table.invoice-new-table #service_table_body tr:nth-of-type(2n+1) .select2, .service-new-table.invoice-new-table #service_table_body tr:nth-of-type(2n+1) input
    {background-color: #f7f7f7 !important;}

    .tool-tip {
        cursor: pointer;
        position: relative;
        z-index: 999;
    }
    .tool-tip-text {
        visibility: hidden;
        font-style: normal;
    }

    .tool-tip-outer:hover .tool-tip-text {
        visibility: visible;
    }


    @media (max-width:767px){
        .invoice-new-page #service_table_body .service_total_cost.dollar, .invoice-new-page #service_table_body .service_item_gst.dollar ,.invoice-new-page #service_table_body .product_total_cost.dollar, .invoice-new-page #service_table_body .product_item_gst.dollar  {padding-top: 21px !important;}
        .invoice-new-page #service_table_body .service_discount.dollar:before, .invoice-new-page #service_table_body .service_sub_cost.dollar:before, .invoice-new-page #service_table_body .product_discount.dollar:before, .invoice-new-page #service_table_body .product_cost1.dollar:before {left: 22px !important;}

        .invoice-new-box .invoice-new-payment-area {
            margin-right: -30px;
        }
    }
    .dropdown.invoice-item-selecter {float: left;}
    .discount-input-lable {margin-top: 20px;}
    .discount-input-lable ,.discount-input-box {text-align: right}
    .discount-input-lable p, .discount-input-box p {
        font-size: 15px;
        color: #24303f;
    }
    .discount-input-lable p {
        margin-bottom: 8px !important;
    }
    .new-hr {
        margin-top: 60px;
    }
    .discount-input-box {
        text-align: right;
        width: 145px;
        float: right;
        /* border: 1px solid #d3d3d3; */
        display: flex;
        padding: 5px;
        border-radius: 5px;
    }
   
    .discount-input-box input {
        max-width: 50px;
        margin-right: 15px;
        border-radius: 3px;
        border-width: 1px;
        border-color: #d3d3d3;
        border: 0.25px solid #898989;
        font-size: 14px;
        padding: 6px 2px;
        text-align: center;
        color: #898989;
        background-color: #f7f7f7;
    }
    .discount-input-main-text {
        display: flex;
        align-items: center;
    }
    .service_total_gst_cost {display: flex;}
    .discount-input-box {position: relative;}
    .apply-discount-btn {
        border: none !important;
        color: #24303f !important;
        padding: 0px !important;
        text-align: right !important;
        font-size: 15px !important;
    }
    .shipping-item-selecter .dropdown-menu {
        width: 169px;
        padding: 10px;
    }
    .discount-input-main {float: left;}
    .discount-input-main-text {padding-top: 4px;}
    .payment-methods-modal-v1 .modal-dialog {
        max-width: 407px;
    }
    .popup-head h4 {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 24px;
        font-weight: 300;
        text-align: center;
        margin: 0px 0px 0px 0px !important;
        padding: 0px 0px 0px 0px;
        font-family: 'Eagle-Light';
    }
    .payment-methods-modal-v1 .modal-dialog .modal-body {
        padding: 16px 0px;
        padding-bottom: 20px;
    }
    .payment-methods-modal-v1 .popup-head {
        padding-bottom: 15px;
        padding-top: 3px;
        border-bottom: 1px solid #cccccc;
    }
    h4.popup-content-box-title {
        min-height: 60px;
        border-radius: 5px;
        background-color: #ffffff;
        border: 0.5px solid #969696;
        max-width: 329px;
        margin: 0 auto;
        font-size: 17px;
        letter-spacing: 0px;
        line-height: 44px;
        color: #24303f;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .popup-content-top-box {
        margin-top: 30px;
        margin-bottom: 17px;
        
    }
    .popup-content-field li {
        display: flex;
        flex-wrap: wrap;
        max-width: 329px;
        margin: 0 auto;
        align-items: center;
        margin-bottom: 25px;
    }
    .popup-content-field ul {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
    .popup-content-field-left, popup-content-field-right {
        width: 49%;
        text-align: left !important;
    }
    .popup-content-field-left label {
        font-size: 15px;
        letter-spacing: 0px;
        line-height: 21px;
        color: #24303f;
        font-weight: bold;
    }
    .popup-content-field-right input {
        min-height: 35px;
        border-radius: 5px;
        background-color: #ffffff;
        border: 0.5px solid #969696;
        font-size: 12px;
        letter-spacing: 1px;
        color: #0d0d0d;
        text-align: left !important;
        width: 100%;
        padding-left: 10px !important;
    }
    .popup-content-field-right {
        width: 51%;
    }
    .popup-content-field {
        padding-bottom: 15px;
        border-bottom: 1px solid #cccccc;
        margin-bottom: 20px;
    }
    .popup-content-footer .btn {
        max-width: 329px;
        width: 100%;
        min-width: auto !important;
        min-height: 33px;
    }
    .popup-head .close {
        /* padding-top: 10px; */
    }
    .icon-with-noti-modal-v1 .popup-contentt {
        padding: 0px 20px;
        padding-bottom: 15px;
        padding-top: 64px;
        font-size: 13px;
    }
    .popup-content-icon {
        max-width: 86px;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .icon-with-noti-modal-v1 .popup-contentt h4 {
        font-size: 17px;
        letter-spacing: 0px;
        line-height: 17px;
        color: #24303f;
        font-weight: bold;
    }
    .tool-tip-outer i svg {margin-top: -1px;margin-left: 3px;}
  
    .invoice-new-box .invoice-new-payment-area .total-payment-col .col-6 p {display: flex}
    .tool-tip-outer {
        position: relative;
    }
    .tool-tip-outer .tool-tip-text {
        visibility: hidden;
        border: solid 1px #cccccc;
        padding: 10px;
        position: absolute;
        width: 130px;
        text-align: center;
        top: -8px;
        color: #24303f;
        left: 100%;
    }

    .hicaps_btn_div_parent {
        align-items: center;
    }
</style>



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

    <div class="invoice-new-page create-invoice-main">
        {{-- @dump(request()->segment(4)) --}}
		

        <div class="col-12 back-contain"><a  href="{{route('practitioner.invoice.index')}}"  class="backbtn d-block getprevurlforsubmit">
            
                <i class="fa fa-angle-left" aria-hidden="true"></i> Back </a></div>
        <form id="createnewpageinvoice">
            <input type="hidden" name="invoice_flag" id="invoice_flag" value="from_my_invoice">
			
            <input type="hidden" name="appointment_id" value="@if(isset($appointment) && $appointment !='') {{$appointment->id}} @endif">
            <input type="hidden" name="status" id="apptStatus" @if(isset($charge)) value="{{$status}}" @endif>
            <input type="hidden" id="actionflag" value="">
            {{--  <input type="hidden" name="invoice_id" id="invoiceid" value="@if(isset($invoice->id)) {{ $invoice->id }} @endif">  --}}
            <input type="hidden" name="invoice_id" id="invoiceid" value="@if(isset($oldinvoice->id)) {{ $oldinvoice->id }} @endif">
            <input type="hidden" name="businessOwner" id="businessOwner" value="@if(isset($businessOwner)) {{ $businessOwner }} @endif">
            <input type="hidden" name="practitioner_id" id="practitioner_id" value="@if(isset($practitioner)){{$practitioner->id}}@endif">

            {{-- @php
                $details= json_decode($businessOwner);
                $secret_key = hash('sha256','10'."AUD".$details->device_id."".$details->terminal_secret);
                            // $secret_key = hash('sha256',$amt."AUD".$did."".$secret_key);
            @endphp
            <input type="hidden" name="secret" id="secret" value="@if(isset($details)) {{ $secret_key }} @endif"> --}}
            
            <div class="invoice-new-box comm-form ">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="invoce-new-address">
							<div class="row">
								<div class="col-sm-12 col-md-8">
									<p>
									 
										  <label>Client name</label>
										  <select name="client_list" id="client_list" class="form-control  w-100 client_list">
										  </select>
                                          <input type="hidden" name="client_id" id="client_id" value="">
                                          <input type="hidden" name="client_name" id="client_name" value="" />
                                          <input type="hidden" name="client_last_name" id="client_last_name" value="" />
										  <span style="color: rgb(160, 35, 35)" class="client_id_validation "></span>
		 
										  <span class="client_email mt-1"></span>
                                          <input type="hidden" name="client_email" id="client_email" value="" />
		 
										  <span class="client_phone mt-1 "></span>

                                          <span style="color:red" class="cc_expiry "></span>

                                          {{-- <p class="pb-0" style="color:red">Concession card holder expiry {{ \Carbon\Carbon::parse($cc->expiry_date)->format('d/m/y')}}</p> --}}
		 
		 
									</p>

								</div>
							</div>
                            {{-- <p>
                                <a style="color: #24303f;" href="{{ url('practitioner/clientcard').'?client_id='.base64_encode( $client->id) }}" class=" hover-client-name"> 
                                    <span> {{ ucwords( $client['name']. ' ' .$client['last_name'] ) }}</span>
                                <input type="hidden" name="client_name" id="client_name" value="{{ $client['name'] }}" />
                                <input type="hidden" name="client_last_name" id="client_last_name" value="{{ $client['last_name'] }}" />
                                </a>
                                @if(isset($invoiceSettings) && $invoiceSettings->client_email==1)
                                <span>{{ $client['email'] }}</span>
                                <input type="hidden" name="client_email" id="client_email" value="{{ $client['email'] }}" />
                                @endif
                                @if(isset($invoiceSettings) && $invoiceSettings->client_address==1)
                                <span>{{ $client['address'] }}</span>
                                @endif
                                @if(isset($invoiceSettings) && $invoiceSettings->phone_number==1)
                                <span>{{ $client['phone'] }}</span>
                                <input type="hidden" name="client_phone" id="client_phone" value="{{ $client['phone'] }}" />
                                @endif
                                <!-- @if(isset($invoiceSettings) && $invoiceSettings->client_dob==1)
                                        <span>DOB: @if(isset($client['date_of_birth'])) {{$client['date_of_birth']->format('d/m/Y')}} @else {{"-"}} @endif</span>
                                @endif     -->
                            </p> --}}
                                                        @if($display == 1 && isset($phf) && isset($chf))
                            <p class="pb-0" id="providerNumber"></p>
                            @endif

                            <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" @if($claim_details->display_claim_details == 0) selected @endif>{{ ucwords( $newclient['name']. ' ' .$newclient['last_name'] ) }}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                            </div>

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

                        </div>
                    </div>
                    <div id="invoice_data" class="col-lg-6 margin-to-row">
                        <div class="row align-items-center">
                            <div class=" col-6 invoice-no-label">Invoice number</div>
                            <div class=" 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 }}" @if(isset($invoice) && $invoice !='') readonly @endif >
                                    <input type="hidden" name="invoice_number_hidden" id="invoice_number_hidden" class="form-control small-input numeric-only" placeholder="" value="{{$invoiceNumber}}">

                                    <span id="invoice_number_error" aria-valuenow="false" class="invalid-feedback d-none"></span>
                                </div>
                            </div>
                        </div>
                        <div class="row align-items-center">
                            <div class=" col-6 invoice-no-label">Date </div>
                            <div class=" 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="@if(isset( $appointment)&& $appointment !=''){{$appointment->date->format('d/m/y')}}@else{{Carbon\Carbon::now()->timezone($practitionerTimezone)->format('d/m/y')}}@endif" style="background-color:TRANSPARENT;"> --}}

                                        {{-- {{dd($  invoice)}} --}}
                                        <input class="form-control box-shadow-none day-datepicker" autocomplete="off" id="appt_crt_inv_dp" type="text" placeholder="" name="date" value="@if(isset($invoice) && $invoice !=''){{$invoice->date->format('d/m/y')}} @elseif(isset( $appointment) && $appointment !='') {{$appointment->date->format('d/m/y')}} @else{{Carbon\Carbon::now()->timezone($practitionerTimezone)->format('d/m/y')}}@endif" style="background-color:TRANSPARENT;">
                                        <span class="input-group-addon"><img src="{{asset('assets/images/calendar-icon-grey.svg')}}" alt="" class="img-fluid rightimg"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row align-items-center">
                            <div class=" col-6 invoice-no-label">Location</div>
                            <div class=" 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="location" id="loction123" class="form-control single-select2 select-arr-none" @if(isset($appointment) && $appointment !="") disabled @endif>
                                            @foreach($Locations as $location)
                                            @if(sizeof($Locations) == 1)
                                            <option value="{{$location->id}}" @if(isset($invoice) && $invoice !='' && $invoice->location == $location->id) selected @endif>{{getLocationAddress($location->address) ?? '-'}}</option>
                                            @else
                                            <option value="{{$location->id}}" @if(isset($invoice) && $invoice !='' && $invoice->location == $location->id) selected @elseif(isset($appointment) && $appointment !='' && $appointment->location == $location->id) selected  @endif>{{getLocationAddress($location->address) ?? '-'}}</option>
                                            @endif
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row align-items-center">
                            <div class=" col-6 invoice-no-label">Service Provider</div>
                            <div class=" 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="practitioner_id" id="service_provider" class="form-control single-select2" @if(isset($appointment) && $appointment !="") disabled @endif>
                                            
                                            @if($practitioner->role !='admin')
                                            <option @if(isset($appointment) && $appointment !="" && $appointment->practitioner_id == $practitioner->id) selected @endif value="{{$practitioner->id}}">{{$practitioner->first_name}}
                                                {{$practitioner->last_name}}
                                            </option>
                                            @endif
                                            @foreach($practitioner->serviceProvider as $service_provider)
                                            @if( isset( $service_provider->calendar_removed ) && $service_provider->calendar_removed == 1 )
                                            @php continue; @endphp
                                            @endif
                                            @if( isset( $service_provider->role ) && $service_provider->role == 'admin' && $service_provider->parent_id != '' )
                                            @php continue; @endphp
                                            @endif
                                            @if( isset( $service_provider->invitation_accepted ) && $service_provider->invitation_accepted == 0 && $service_provider->parent_id != '' )
                                            @php continue; @endphp
                                            @endif
                                            <option @if(isset($appointment) && $appointment !='' && $appointment->practitioner_id == $service_provider->id) selected @endif value="{{$service_provider->id}}">{{$service_provider->first_name}} {{$service_provider->last_name}}</option>
                                            @endforeach 
                                            <!-- <option value="#" selected>Service Provider</option> -->
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row align-items-center" id="providerNumberDiv">
                            <div class=" col-6 invoice-no-label">Provider Number</div>
                            <div class=" 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>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <!-- <hr class="new-hr"> -->
                <div class="service-new-table invoice-new-table ">
                    <div class="table-responsive">
                        <table class="table table-striped" id="appt_service_table">
                            <thead>
                                <tr>
                                    <th class="text-center">Qty</th>
                                    <th>Item</th>
                                    <th>Code</th>
                                    <th>Cost</th>
                                    <th>$ Discount</th>
                                    <th>GST</th>
                                    <th>Total</th>
                                    <th></th>

                                    {{--<th>Item</th>--}}
                                    {{--<th>Code</th>--}}
                                    {{--<th>Cost</th>--}}
                                    {{--<th>Qty</th>--}}
                                    {{--<th>Total</th>--}}
                                    {{--<th></th>--}}
                                </tr>
                            </thead>
                            <tbody id="service_table_body">
                                @php
                                    $item_discounts = 0;
                                    $cancel_flag = false;
                                @endphp
                                @if(isset($charge) && $charge !='' && $cancel_flag == true)
                                <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></td>
                                    <td>$0.00</td>
                                    <td id="service_total_cost" class="service_total_cost dollar" data-qty='1'> {{ $charge ?? '0.00' }}
                                    </td>
                                </tr>
                                @else
                                
                                @if(isset($blank_invoice_for_cancel_charge) && $blank_invoice_for_cancel_charge == 0 && isset( $appointment) && $appointment !='' || isset($charge) && $charge !='')
                                {{-- @if(isset( $appointment) && $appointment !='') --}}
                                    @if( isset($appointmentType->is_gst) && $appointmentType->is_gst == "on" )
                                        <input type="hidden" id="service_item_gst_flag0" class="form-control item small-input numeric-dot-only" placeholder="" name="service_item_gst_flag[]" value="on">
                                    @else
                                        <input type="hidden" id="service_item_gst_flag0" class="form-control item small-input numeric-dot-only" placeholder="" name="service_item_gst_flag[]" value="off">

                                    @endif
                                @if(empty($hasinvoice))
                                <tr>
                                    {{-- <td id="service_qty" style="display:none" class="service_qty">1</td>  --}}
                                    <td id="service_qty" class="service_qty"><input type="text" id="s_qty0" class="form-control item" placeholder="" name="item_qty[]" value="1"></td>
                                    
                                    <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($practitionerAppointmentTypes 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 }}"
                                                data-gst="{{$type->is_gst}}"
                                                {{-- @if($type->is_gst=='on') data-gst="{{$type->is_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"> <input id="service_cost0" type="text" name="service_sub_cost[]" class="form-control" value='{{$appointmentType->fee ?? ""}}'></td>
                                    
                                    <td class="service_discount dollar"><input class="form-control discount_color" type="text" id="service_discount0" name="item_discount[]" value="0.00"></td>
                                    @php 
                                        $grandTotalGst = 0;
                                        $item_discounts += 0;
                                    @endphp
                                    @if( isset($appointmentType->is_gst) && $appointmentType->is_gst == "on" )
                                        @php
                                            $itemGST = round( $appointmentType->fee/11, 2 );
                                            $grandTotalGst += $itemGST;
                                            $GST_Text = "10%";
                                        @endphp
                                    @else
                                        @php
                                            $itemGST = 0;
                                            $grandTotalGst += $itemGST;
                                            $GST_Text = "FREE";
                                        @endphp
                                    @endif

                                    {{-- <td id="service_item_gst0" style="display:none" class="service_total_gst_cost dollar">{{number_format( $itemGST, 2 )}}</td> --}}

                                    <td id="service_item_gst0" class="service_total_gst_cost" data-flag="{{$appointmentType->is_gst}}" data-qty="1" aria-details="0" data-price1="{{$appointmentType->fee}}">{{$GST_Text}}</td>
                                    <td id="service_total_cost0" class="service_total_cost dollar" data-qty='1'> {{$appointmentType->fee}}</td>
                                    <input type="hidden" id="service_sub_cost0" 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><span></span><span></span></a>
                                            <div class="dropdown-menu">
                                                {{-- <a class="dropdown-item editaddedservice" onclick="editAddedService(0)" data-flag="service">Edit</a> --}}
                                                <a class="dropdown-item editaddedservice" data-id="0" data-flag="service">Edit</a>
                                                <a class="dropdown-item remove_service" data-flag="service">Delete</a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                @endif
                                @endif
                                @if(isset($invioceproduct) && $invioceproduct != '')
                            
                                                                @foreach($invioceproduct as $index => $ip)
                                @if($ip->notes_product_name->is_gst =='on')
                                                                @endif
                                @if( $ip->notes_product_name->is_gst == "on" )
                                    <input type="hidden" id="product_item_gst_flag{{$index}}" class="form-control item small-input numeric-dot-only" placeholder="" name="product_item_gst_flag[]" value="on">
                                @else
                                    <input type="hidden" id="product_item_gst_flag{{$index}}" class="form-control item small-input numeric-dot-only" placeholder="" name="product_item_gst_flag[]" value="off">
                                @endif
                                <tr>
                                    {{-- <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_qty1" class="service_qty"><input type="text" id='index{{$index}}' data-id="index{{$index}}" name="product_qty[]" class="form-control product_qty" value='{{$ip->quantity ?? ""}}'></td>
                                    
                                    <td>
                                        <div>
                                            <input type="text" readonly class="text-navy small-input w-100" name="product_name" value="@if($GST ==1)*@endif {{$ip->notes_product_name->product_name ?? ''}}" disabled><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"><input type="hidden" name="product_code[]" class="form-control product_code" value='{{$ip->notes_product_name->product_code ?? ""}}'></td>

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

                                    @php 
                                        $grandTotalGst = 0;
                                        $item_discounts += $ip->product_discount;
                                    @endphp
                                    @if( $ip->notes_product_name->is_gst == "on" )
                                        @php
                                            $itemGST = round($ip->quantity * $ip->price/11, 2 );
                                            $grandTotalGst += $itemGST;
                                            $GST_Text = "10%";
                                        @endphp
                                    @else
                                        @php
                                            $itemGST = 0;
                                            $grandTotalGst += $itemGST;
                                            $GST_Text = "FREE";
                                        @endphp
                                    @endif 
                                    <td class="product_discount dollar">{{$ip->product_discount}}<input type="text" id="product_discount{{$index}}" name="product_discount[]" class="form-control product_discount1 discount_color" value='{{number_format(($ip->product_discount),2) ?? "0.00"}}'></td>
                                    

                                    {{-- <td id='item_gst{{$index}}' style="display:none" class="service_total_gst_cost1 dollar">{{number_format( $itemGST, 2 )}}</td> --}}
                                    <td id='item_gst{{$index}}' class="service_total_gst_cost" data-flag="{{$ip->notes_product_name->is_gst}}" data-qty="{{$ip->quantity}}" aria-details="{{number_format(($ip->product_discount),2) ?? "0.00"}}" data-price1="{{$ip->price}}">{{$GST_Text}}</td>

                                    <td  id='product_cost_text{{$index}}' 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" id='product_cost_total{{$index}}' 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><span></span><span></span></a>
                                            <div class="dropdown-menu">
                                                {{-- <a class="dropdown-item editaddedservice" onclick="editAddedService({{$index}})" data-flag="product">Edit</a> --}}
                                                <a class="dropdown-item editaddedservice" data-id="{{$index}}" data-flag="product">Edit</a>
                                                <a class="dropdown-item remove_service" data-flag="product">Delete</a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                                @endif

                                @endif

                                @if($item)
                                @foreach($item as $s_index => $tid)
                                
                                @if( isset( $tid->appointment_type ) )