@extends('front.patient.inner-layout.app')
@section('page_tab_title' ,"My Account")
@section('content')

<style>
.hide{
    display: none;
}
</style>

<div class="page-content dashboard-wrapper mdashboard-wrapper space-bttm-n client-dahsboardaccount">
    <div class="row align-items-center">
        <div class="col-lg-6 col-md-6 col-sm-4">
            <h1 class="page-title eagle-font font-400"><span class="arca-font">My</span> Account</h1>
        </div>
        @include('front.patient.inner-layout.header')
    </div>

    <div class="brdr-bttm mb-0"></div>
    <div class="client-follow-popup login-modal bulk-popup customscroll clientabpopup lgheight dashboard-myaccount">
        <div class="popup-marg">
            <div class="accordion" id="accordion-client">
                <div class="tab-content clientcollapse-area completeprofile " id="v-pills-tabContent">
                    <div class="boxwhite boxwhite-bttm-space">
                        <h3 class="ml-0"></h3>
                        <form id="my-account" action="{{route('patient.account.detail.save')}}" method="POST" enctype="multipart/form-data"> @csrf
                            <div class="collapse show">
                                <div class="media">
                                    <div class="client-pic mr-xl-4 mr-lg-4 mr-md-4">
                                        <div class="avatar-upload position-relative">

                                            <div class="remove-image-btn">
                                                <a href="#">Remove</a>
                                            </div>
                                            <div class="avatar-edit">
                                                <input type="file" id="imageUpload1" onchange="loadPreview(this);" accept=".png, .jpg, .jpeg">
                                                <label for="imageUpload1"></label>
                                                <h2 class="mt-1">Update</h2>
                                            </div>
                                            <div class="avatar-preview clientlabel-name">
                                                <div id="imagePreview">
                                                </div>
                                                <div class="client-pic-inner">
                                                    @if($client->photo)
                                                    <img src="{{getFile($client->photo,"d-user-icon.png")}}" alt="" class="img-fluid imground">
                                                    @else
                                                                                                        <span class=""> {{$name . $last_name}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="media-body">
                                        <h3 class="ml-0">My Details</h3>
                                        <div class="mt-10">
                                            <div class="row">
                                                <div class="col-xl-3 col-lg-3 customdroppdown gray-brdr line-dropdown">
                                                    <label>Title</label>
                                                    <div class="form-group marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child brdrline selectwidtharea">
                                                        <select id="name_prefix" name="name_prefix" class="form-control selectboxli select2-single-select @error('name_prefix') is-invalid @enderror" data-placeholder="None">
                                                            @foreach ($titles as $title)
                                                            <option value=""></option>
                                                            <option value="{{$title->title}}" @if(isset($user->name_prefix) && $user->name_prefix != '' && ucfirst($user->name_prefix) == ucfirst($title->title))
                                                                selected
                                                                @endif
                                                                >{{$title->title}}</option>
                                                            @endforeach
                                                        </select>
                                                        <span class="invalid-feedback d-block clear-on-change"> @error('name_prefix'){{ $message }} @enderror</span>

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row detail-form">
                                                <div class="col-lg-6 step-popup">
                                                    <div class="form-group">
                                                        <label>First Name <span class="required-field">*</span></label>
                                                        <input type="text" class="form-control small-input alpha-only required-input  @error('name') is-invalid @enderror" name="name" id="name" value="{{old('name') ? old('name') : $user->name}}" placeholder="First name" required>
                                                        <span class="invalid-feedback d-block"> @error('name'){{ $message }}@enderror</span>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 step-popup">
                                                    <div class="form-group">
                                                        <label>Middle Name</label>
                                                        <input type="text" class="form-control small-input alpha-only  @error('middle_name') is-invalid @enderror" name="middle_name" id="middle_name" value="{{old('middle_name') ? old('middle_name') : $user->middle_name}}" placeholder="Middle name" >
                                                        <span class="invalid-feedback d-block"> @error('middle_name'){{ $message }} @enderror</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row detail-form">
                                                <div class="col-lg-6 step-popup">
                                                    <div class="form-group">
                                                        <label>Last Name <span class="required-field">*</span></label>
                                                        <input type="text" class="form-control small-input alpha-only required-input  @error('last_name') is-invalid @enderror" name="last_name" id="last_name" value="{{old('last_name') ? old('last_name') : $user->last_name}}" placeholder="Last name" required>
                                                        <span class="invalid-feedback d-block"> @error('last_name'){{ $message }} @enderror</span>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 step-popup">
                                                    <div class="form-group position-relative">
                                                        <label>Mobile <span class="required-field">*</span></label>
                                                        <input type="text" class="form-control small-input required-input @error('phone') is-invalid @enderror" name="phone" id="phone" value="{{old('phone') ? old('phone') : $user->phone}}" placeholder="Mobile Number" required>
                                                        <span class="invalid-feedback d-block">@error('phone'){{ $message }}@enderror</span>
                                                        <!-- <span class="addons-append">(M)</span> -->
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row detail-form">
                                                <div class="col-lg-6 step-popup">
                                                    <div class="form-group position-relative">
                                                        <label>Ph: Work</label>
                                                        <input type="text" class="form-control small-input clear-on-change @error('phone_work') is-invalid @enderror" name="phone_work" id="phone_work" value="{{old('phone_work') ? old('phone_work') : $user->phone_work}}" placeholder="Work Number">
                                                        <span class="invalid-feedback d-block">@error('phone_work'){{ $message }}@enderror</span>
                                                        <!-- <span class="addons-append">(W)</span> -->
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 step-popup">
                                                    <div class="form-group position-relative">
                                                        <label>Ph: Home</label>
                                                        <input type="text" class="form-control small-input clear-on-change @error('phone_home') is-invalid @enderror" name="phone_home" id="phone_home" value="{{old('phone_home') ? old('phone_home') : $user->phone_home}}" placeholder="Home Number">
                                                        <span class="invalid-feedback d-block">@error('phone_home'){{ $message }} @enderror</span>
                                                        <!-- <span class="addons-append">(H)</span> -->
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row detail-form">
                                                <div class="col-lg-6 step-popup">
                                                    <div class="form-group">
                                                        <label>Email</label>
                                                        <input type="text" class="form-control small-input  @error('email') is-invalid @enderror" name="email" id="email" value="{{old('email') ? old('email') : $user->email}}" placeholder="monica@me.com" readonly>
                                                        <span class="invalid-feedback d-block"> @error('email'){{ $message }}@enderror</span>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 step-popup" id="parent_datepicker">
                                                    <div class="form-group position-relative" id="open_from_date">
                                                        <label>D.O.B.<span class="required-field">*</span></label>
                                                        
                                                        <input type="text" class="form-control small-input clear-on-change @error('date_of_birth') is-invalid @enderror" name="date_of_birth" id="user_date_of_birth" value="{{isset($user->date_of_birth) ? date('d/m/Y',strtotime($user->date_of_birth)) : '' }}" placeholder="DD/MM/YYYY">
                                                        <span class="invalid-feedback d-block">@error('date_of_birth'){{ $message }}@enderror</span>
                                                        <!-- <span class="addons-append">(B.O.D)</span> -->
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row detail-form">
                                                <div class="col-lg-6 step-popup">
                                                    <div class="form-group">
                                                        <label>Address line 1</label>
                                                        <input type="text" class="form-control google_address small-input clear-on-change @error('address') is-invalid @enderror" name="address" id="address" value="{{old('address') ? old('address') : $user->address}}" placeholder="Address line 1">
                                                        <span class="invalid-feedback d-block">@error('address'){{ $message }}@enderror</span>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 step-popup">
                                                    <div class="form-group">
                                                        <label>Address line 2</label>
                                                        <input type="text" class="form-control small-input clear-on-change @error('address2') is-invalid @enderror" name="address2" id="address2" value="{{old('address2') ? old('address2') : $user->address2}}" placeholder="Address line 2">
                                                        <span class="invalid-feedback d-block">@error('address2'){{ $message }}@enderror</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row detail-form">
                                                <div class="col-lg-6 step-popup">
                                                    <div class="form-group">
                                                        <label>Suburb</label>
                                                        <input type="text" class="form-control  small-input clear-on-change @error('suburb') is-invalid @enderror" name="suburb" id="suburb" value="{{old('suburb') ? old('suburb') : $user->suburb}}" placeholder="Suburb">
                                                        <span class="invalid-feedback d-block">@error('suburb'){{ $message }}@enderror</span>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 step-popup">
                                                    <div class="form-group">
                                                        <label>State</label>
                                                        <input type="text" class="form-control small-input clear-on-change @error('state') is-invalid @enderror" name="state" id="state" value="{{old('state') ? old('state') : $user->state}}" placeholder="State">
                                                        <span class="invalid-feedback d-block">@error('state'){{ $message }}@enderror</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row detail-form">
                                                <div class="col-lg-6 step-popup">
                                                    <div class="form-group">
                                                        <label>Postcode</label>
                                                        <input type="text" class="form-control  small-input clear-on-change @error('postcode') is-invalid @enderror" name="postcode" id="postcode" value="{{old('postcode') ? old('postcode') : $user->postcode}}" placeholder="Postcode">
                                                        <span class="invalid-feedback d-block">@error('postcode'){{ $message }}@enderror</span>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 step-popup">
                                                    <div class="form-group">
                                                        <label>Country</label>
                                                        <input type="text" class="form-control small-input clear-on-change @error('country') is-invalid @enderror" name="country" id="country" value="{{old('country') ? old('country') : $user->country}}" placeholder="Country">
                                                        <span class="invalid-feedback d-block">@error('country'){{ $message }}@enderror</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row detail-form">
                                                <div class="col-lg-6 step-popup">
                                                    <div class="form-group">
                                                        <label>Occupation</label>
                                                        <input type="text" class="form-control small-input clear-on-change @error('occupation') is-invalid @enderror" name="occupation" id="occupation" value="{{old('occupation') ? old('occupation') : $user->occupation}}" placeholder="Occupation">
                                                        <span class="invalid-feedback d-block">@error('occupation'){{ $message }}@enderror</span>
                                                    </div>
                                                </div>
                                                <div class="col-xl-6 col-lg-12">
                                                    <div class="single-tittle mt-0">
                                                        <label>Gender</label>
                                                        <ul class="age-title p-0">
                                                            <li><input type="radio" id="male1" name="gender" value="Male" @if($user->gender == "Male") checked @endif>
                                                                <label for="male1">Male</label></li>
                                                            <li><input type="radio" id="female1" name="gender" value="Female" @if($user->gender == "Female") checked @endif>
                                                                <label for="female1">Female</label></li>
                                                            <li><input type="radio" id="other1" name="gender" value="Other" @if($user->gender == "Other") checked @endif>
                                                                <label for="other1">Other</label></li>
                                                        </ul>
                                                        <span class="invalid-feedback d-block ">@error('gender'){{ $message }}@enderror</span>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-xl-6 col-lg-6 customdroppdown gray-brdr line-dropdown">
                                                    <label>My timezone</label>
                                                    <div class="form-group marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child brdrline">
                                                        <select type="text" name="timezone" class="form-control selectboxli select2-single-select">
                                                            <option value=""> Select timezone
                                                            </option>
                                                            @foreach($timezone as $val)
                                                            <option value="{{$val}}" @if($user && $user->timezone == $val) selected @endif>
                                                                {{$val}}
                                                            </option>
                                                            @endforeach
                                                        </select>
                                                        <span class="invalid-feedback d-block clear-on-change"> @error('timezone'){{ $message }} @enderror</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="text-right">
                                    <button type="submit" class="cursor-pointer save-btn save-btn-bg confirm-bttn mb-20">Update</button>
                                </div>
                            </div>
                        </form>
                    </div>

                    <div class="boxwhite clients-area">
                        <h3 class="ml-0">My Emergency Contact <a class="collapse-arrow collapsed" data-toggle="collapse" href="#emergencycontact" role="button" aria-expanded="false" aria-controls="collapsepersonalinfo"><span class="gtop-arrow"><img src='{{asset("assets/images/g-top-arrow.png")}}' alt=""></span></a></h3>
                        <form id="my-emergency-detail" action="{{route('patient.account.emergency.detail.save')}}" method="POST" enctype="multipart/form-data">
                            <div class="collapse" id="emergencycontact" data-parent="#accordion-client">
                                <div class="mt-20">
                                    <div class="test-results-area">
                                        <div class="appt-market-area">
                                            <div class="row detail-form">
                                                <div class="col-lg-6 step-popup">
                                                    <div class="form-group">
                                                        <label>First Name</label>
                                                        <input type="text" class="form-control small-input alpha-only clear-on-change  @error('emergency_first_name') is-invalid @enderror" name="emergency_first_name" id="emergency_first_name" value="{{old('emergency_first_name') ? old('emergency_first_name') :  $user->emergency_first_name}}" placeholder="Enter first name">
                                                        <span class="invalid-feedback d-block">@error('emergency_first_name'){{ $message }}@enderror</span>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 step-popup">
                                                    <div class="form-group">
                                                        <label>Last Name</label>
                                                        <input type="text" class="form-control small-input  alpha-only clear-on-change @error('emergency_last_name') is-invalid @enderror" name="emergency_last_name" id="emergency_last_name" value="{{old('emergency_last_name') ? old('emergency_last_name') :  $user->emergency_last_name}}" placeholder="Enter last name">
                                                        <span class="invalid-feedback d-block"> @error('emergency_last_name'){{ $message }}@enderror</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row detail-form">
                                                <div class="col-lg-6 step-popup">
                                                    <div class="form-group">
                                                        <label>Mobile</label>
                                                        <input type="text" class="form-control small-input numeric-only clear-on-change @error('emergency_phone') is-invalid @enderror" name="emergency_phone" id="emergency_phone" value="{{old('emergency_phone') ? old('emergency_phone') :  $user->emergency_phone}}" placeholder="Enter mobile number">
                                                        <span class="invalid-feedback d-block">@error('emergency_phone'){{ $message }} @enderror</span>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 step-popup">
                                                    <div class="form-group">
                                                        <label>Relationship</label>
                                                        <input type="text" class="form-control small-input alpha-only  clear-on-change @error('emergency_relation') is-invalid @enderror" name="emergency_relation" id="emergency_relation" value="{{old('emergency_relation') ? old('emergency_relation') :  $user->emergency_relation}}" placeholder="Enter relationship to you">
                                                        <span class="invalid-feedback d-block">@error('emergency_relation'){{ $message }}@enderror</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="text-right">
                                            <button type="submit" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 mb-20">Update</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>

                    <!-- <div class="boxwhite clients-area">
                        <h3 class="ml-0">My Communication <a class="collapse-arrow collapsed" data-toggle="collapse" href="#collapsecommunic" role="button" aria-expanded="false" aria-controls="collapsepersonalinfo"><span class="gtop-arrow"><img src='{{asset("assets/images/g-top-arrow.png")}}' alt=""></span></a></h3>
                        <form id="my-communication-detail" action="{{route('patient.account.communication.detail.save')}}" method="POST" enctype="multipart/form-data">
                            <div class="collapse" id="collapsecommunic" data-parent="#accordion-client">
                                <div class="mt-10">
                                    <div class="test-results-area">
                                        <div class="appt-market-area">
                                            <p class="font-15 text-blue comm-psapce">How would you prefer to receive communciation from your service providers?</p>
                                            <div class="row">
                                                <div class="col-xl-5 col-lg-7 col-md-6 brdrrihgt">
                                                    <h4 class="text-blue font-15 font-bold mb-40">Appointment
                                                        reminders
                                                    </h4>
                                                    <div class="toogle-area">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-6 col-md-8 col-9">
                                                                <p class="mb-0">SMS</p>
                                                            </div>
                                                            <div class="col-lg-5 col-md-4 col-3">
                                                                <div class="switch-custom">
                                                                    <div class="custom-control custom-switch float-none">
                                                                        <input type="checkbox" name="appointment_sms" class="custom-control-input" id="appointment_sms" value="1" @if(isset($user->communicationSetting) && $user->communicationSetting->appointment_sms == 1) checked @endif>
                                                                        <label class="custom-control-label" for="appointment_sms"></label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="toogle-area mb-xl-0">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-6 col-md-8 col-9 geolocationarea">
                                                                <p class="mb-0">Geolocation
                                                                    <span class="send-client-btn-geo cursor-pointer"><img src='{{asset("assets/images/info-icon.svg")}}' alt="" class="img-fluid info-icon "></span></p>
                                                                <div class="send-client-box-geo">
                                                                    <div class="media">
                                                                        <img src='{{asset("assets/images/round-n-icon.png")}}' class="align-self-start mr-2" alt="...">
                                                                        <div class="media-body">
                                                                            <h5 class="mt-0 text-left">Sends you a push notification based on your real-time location to remind you when you need to leave to arrive at your appointment on time.</h5>
                                                                            <p class="font-13 mt-3 mb-0">*Must have notifications and location services on</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-5 col-md-4 col-3">
                                                                <div class="switch-custom">
                                                                    <div class="custom-control custom-switch float-none">
                                                                        <input type="checkbox" name="appointment_geolocation" class="custom-control-input" id="appointment_geolocation" value="1" @if(isset($user->communicationSetting) && $user->communicationSetting->appointment_geolocation == 1) checked @endif>
                                                                        <label class="custom-control-label" for="appointment_geolocation"></label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-xl-5 col-lg-5 col-md-6 textmarketing">
                                                    <h4 class="text-blue font-15 font-bold mb-40">Marketing</h4>
                                                    <div class="toogle-area">
                                                        <div class="row align-items-center">
                                                            <div class="col-md-5 col-9">
                                                                <p class="mb-0">SMS</p>
                                                            </div>
                                                            <div class="col-md-3 col-3">
                                                                <!-- <label class="switch greenslider" for="checkbox-smsm">
                                                            <input type="checkbox" id="checkbox-smsm">
                                                            <span class="slider round"></span>
                                                        </label> -->

                                                               <!-- <div class="switch-custom">
                                                                    <div class="custom-control custom-switch float-none">
                                                                        <input type="checkbox" name="marketing_sms" class="custom-control-input" id="marketing_sms" value="1" @if(isset($user->communicationSetting) && $user->communicationSetting->marketing_sms == 1) checked @endif>
                                                                        <label class="custom-control-label" for="marketing_sms"></label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="text-right">
                                            <button type="submit" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 mb-20">Update</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div> -->

                    <div class="boxwhite clients-area invoicetab-area">
                        <div class="test-results-area testresult">
                            <h3 class="ml-0">My Invoices <a class="collapse-arrow collapsed" data-toggle="collapse" href="#collapseinvoices" role="button" aria-expanded="false" aria-controls="collapseinvoices"><span class="gtop-arrow"><img src='{{asset("assets/images/g-top-arrow.png")}}' alt=""></span></a></h3>
                            <div class="collapse" id="collapseinvoices" data-parent="#accordion-client">
                                <div class="mt-20">
                                    <div class="row">
                                        <div class="col-md-9">
                                            <div class="client-top-area mb-20">
                                                <div class="waitlist-abox">
                                                    <ul class="filtertop-li testresult-li grey-filter icon-grey">
                                                        {{-- <li class="areafilter cursor-pointer"
                                        id="invoicefilterpop"><a data-toggle="modal"
                                        data-target="#invoicefilterpopModal" >Filter</a>
                                        </li> --}}
                                                        <li id="invoicefilterpop"><a href="javascript:void(0)" data-toggle="modal" data-target="#invoicefilterpopModal"><img src='{{asset("assets/images/search-icon-grey.svg")}}' alt="" class="img-fluid search-gicon"></a></li>
                                                        <li><a href="javascript:void(0)" id="send-invoices" data-client-id="{{$client->id}}"><img src='{{asset("assets/images/message-icon-grey.svg")}}' alt="" class="img-fluid"></a></li>
                                                        <!-- <li><a href="javascript:void(0)" id='export-invoices' data-client-id="{{$client->id}}"><img src='{{asset("assets/images/download-icon-grey.svg")}}' alt="" class="img-fluid"></a></li>
                                                        <li><a href="javascript:void(0)" id="print-invoice" class="print-any-report" data-content="invoices-table" data-header="Invoice List"><img src='{{asset("assets/images/print-icon-grey.svg")}}' alt="" class="img-fluid"></a></li> -->
                                                        <!-- <li><a href="javascript:void(0)" id="delete-invoices"><img src='{{asset("assets/images/trash-icon-grey.svg")}}' alt="" class="img-fluid"></a></li> -->
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <ul class="balance-area">
                                                {{--  {{ Common::getPatientSideBalance($client->id) }}  --}}
                                                {{--  <li><a href="#">Balance ${{$client->account_balance < 0 ? abs($client->account_balance) : "00.00" }}</a></li>  --}}
                                                <li><a href="#">Balance ${{Common::getPatientSideBalance($client->id)}}</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="test-result-box th-brdr">
                                        <div class="whitecard waitlist-abox">
                                            <div class="table-responsive">
                                                <table class="table">
                                                    <tr>
                                                        <th class="widthtable">Date</th>
                                                        <th class="widthtable">Invoice #</th>
                                                        <th class="widthtable">Provider</th>
                                                        <th class="widthtable">Amount</th>
                                                        <th class="widthtable">Balance</th>
                                                        <th class="widthtable">Status</th>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="waitlist-modal">
                                                <div class="delete-check-icon checkedbox">
                                                    <ul class="mb-0">
                                                        <li>
                                                            <div class="rdio rdio-primary radio-inline">
                                                                <input id="allID" type="checkbox">
                                                                <label for="allID"></label>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @php
                                    $invoices = $user->invoices()
                                    ->orderBy('id','DESC')
                                    ->paginate(5);
                                    //->get();


                                    //dd($clientsInvoiceDetail);
                                    @endphp

                                    <div id="invoices-table">
                                        @forelse($clientsInvoiceDetail as $invoice)

                                       {{-- @php $checkappointment = App\Models\PractitionerAppoitment::where('id',@$invoice->appointment_id)->first();
                                        @endphp --}}
                                                                                <div class="test-result-box td-brdr cursor-pointer">
                                            @if($invoice->status == 'pending' || $invoice->status == 'owing')
                                            <div class="whitecard waitlist-abox">
                                                <div class="table-responsive">

                                                    <table class="table">
                                                        <tr>
                                                            <td class="widthtable">{{isset($invoice->date) ? $invoice->date->format('d/m/Y') : ''}}</td>
                                                            <td class="widthtable">{{$invoice->invoice_number}}</td>
                                                            <td class="widthtable">{{$invoice->practitioner->full_name}}</td>
                                                            <td class="widthtable">{{"$".$invoice->total}}</td>
                                                            <td class="widthtable">{{"$".$invoice->account_balance}}</td>

                                                            <td class="widthtable">
                                                            <a data-toggle="modal" data-target="#invoicesavepaymodal" class="g-btn text-capitalize ajax-invoice-fetch" data-url="{{route('patient.save.invoice.fetch',['id'=>$invoice->id])}}">Pay now</a></td>

                                                        </tr>
                                                    </table>
                                                </div>
                                                <div class="waitlist-modal">
                                                    <div class="delete-check-icon checkedbox">
                                                        <ul class="mb-0">
                                                            <li>
                                                                <div class="rdio rdio-primary radio-inline">
                                                                    <input id="{{"invoice_".$invoice->id}}" name="id[]" type="checkbox" value="{{$invoice->id}}" class="invoice-radio">
                                                                    <label for="{{"invoice_".$invoice->id}}"></label>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            @else
                                            <div class="whitecard waitlist-abox">