@extends('front.inner-layout.app')
@section('content')
<style>
.select2-container .select2-selection--single {
    min-height: 32px;
}

.select2-selection__arrow:after {
    right: 7px !important;

}
</style>
<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> Settings</h1>
        </div>
        @include('front.inner-layout.header')
    </div>
    <div class="brdr-bttm"></div>

    <div class="setting-box-area">
        <div class="row">
            <div class="col-xl-4 col-lg-6 col-md-6">
                <div class="settingbox">
                    <img src='{{asset("assets/images/setting-img-1.svg")}}' alt="" class="maxw-56">
                    <h3>General settings</h3>
                    <ul class="p-0">
                        <li><a class="cursor-pointer" href="{{route('practitioner.mysetupwizard')}}">Set up wizard</a>
                        </li>
                        <li><a data-toggle="modal" data-target="#businessdetailsModal" class="cursor-pointer">Business
                                details</a></li>
                        <li><a data-toggle="modal" data-target="#invoicesModal" class="cursor-pointer">Invoices</a></li>
                        <li><a data-toggle="modal" class="call-modal cursor-pointer"
                                data-target-modal="#integrationMedipassModel"
                                data-url="{{route('get.integrationmedipass.model')}}">
                                Integrations</a>
                        </li>
                        <li><a data-toggle="modal" data-target="#importexportmodal" class="cursor-pointer">Import/export
                                data</a></li>
                        <li><a data-toggle="modal" data-target="#paymentgatewayModal" class="cursor-pointer">Payment
                                Gateway</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-xl-4 col-lg-6 col-md-6">
                <div class="settingbox">
                    <img src='{{asset("assets/images/setting-img-2.svg")}}' alt="" class="maxw-56">
                    <h3>Calendar</h3>
                    <ul class="p-0">
                        <li><a data-toggle="modal" data-target-modal="#calenderintervalModal"
                                class="cursor-pointer call-modal"
                                data-url="{{route('get.calenderinterval.modal')}}">Calendar
                                intervals</a></li>
                        <li><a data-toggle="modal" data-url="{{route('get.practitionerHolidays.modal')}}"
                                data-target-modal="#holidaysModal" class="cursor-pointer call-modal">Holidays</a></li>
                        <li><a data-toggle="modal" data-target="#activeInactiveWaitlistModal"
                                class="cursor-pointer">Waitlist</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-xl-4 col-lg-6 col-md-6">
                <div class="settingbox">
                    <img src='{{asset("assets/images/setting-img-3.svg")}}' alt="" class="maxw-56">
                    <h3 class="cursor-pointer text-blue">Online
                        bookings</h3>
                    <ul class="p-0">
                        <li><a data-url="{{route('get.onlineBookings.modal')}}" data-toggle="modal"
                                data-target-modal="#onlinebookingmodal"
                                class="cursor-pointer text-blue call-modal">Settings</a></li>
                        <li><a data-toggle="modal" data-target="#videoconsultationmodal"
                                class="cursor-pointer text-blue">Video consultations</a></li>
                        <li><a data-toggle="modal" data-target="#embededcalender" class="cursor-pointer text-blue">Embed
                                calendar</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-xl-4 col-lg-6 col-md-6">
                <div class="settingbox">
                    <img src='{{asset("assets/images/setting-img-4.svg")}}' alt="" class="maxw-56">
                    <h3>Services and Products</h3>
                    <ul class="p-0">
                        <li><a data-toggle="modal" data-target="#servicessmodal" class="cursor-pointer">Services</a>
                        </li>
                        <li><a data-url="{{route('get.practitionerProducts.modal')}}" data-toggle="modal"
                                id="openProductModal" data-target-modal="#productssmodal"
                                class="cursor-pointer call-modal">Products</a>
                        </li>
                        <li><a data-toggle="modal" data-target="#shippingmodal" class="cusrsor-pointer">Shipping</a>
                        </li>
                        <li><a data-toggle="modal" data-target="#classeseventsModal" class="cursor-pointer">Classes and
                                events</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-xl-4 col-lg-6 col-md-6">
                <div class="settingbox">
                    <img src='{{asset("assets/images/setting-img-5.svg")}}' alt="" class="maxw-56">
                    <h3>Clients</h3>
                    <ul class="p-0">
                        <li><a class="cursor-pointer openIntakeForm">Intake
                                forms</a></li>
                        <li><a href="javascript:;;" data-toggle="modal"
                                data-target="#cancellationmodal">Cancellations</a></li>
                        <li><a data-toggle="modal" data-target="#remindersModal" class="cursor-pointer">Reminders</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-xl-4 col-lg-6 col-md-6">
                <div class="settingbox">
                    <img src='{{asset("assets/images/setting-img-6.svg")}}' alt="" class="maxw-56">
                    <h3>Documents</h3>
                    <ul class="p-0">
                        <li class="coming-txt">Coming soon</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!--- shippingmodal start -->
    <div class="client-follow-popup login-modal bookingonline customscroll calenderinterval-modal customscroll clientabpopup businessdetails shippingmodal"
        id="myclienthide">
        <div class="modal fade" id="shippingmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel13"
            aria-hidden="true">
            <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" id="exampleModalLabel13">Shipping Prices</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>
                        <form method="POST" id="storeShippingDetails"
                            action="{{route('practitioner.settings.addShippingDetails')}}">
                            @csrf
                            <div class="modal-body p-0">
                                <div class="mCustomScrollbar">
                                    <div class="boxwhite mt-30">
                                        <div class="test-results-area">
                                            <div class="shipping-tab">
                                                <div class="table-responsive">
                                                    <table class="table">
                                                        <tr>
                                                            <th>Shipping</th>
                                                            <th>Regular</th>
                                                            <th>Express</th>
                                                        </tr>
                                                        <tr>
                                                            <td>Flat rate</td>
                                                            <td>
                                                                <div class="comm-form">
                                                                    <div class="form-group">
                                                                        <input type="text" name="flat_regular_rate"
                                                                            value="{{isset($practitionerShippingDetails->flat_regular_rate) ? $practitionerShippingDetails->flat_regular_rate : 0}}"
                                                                            class="form-control float_number_validation"
                                                                            placeholder="$00.00">
                                                                    </div>
                                                                    <span class="invalid-feedback d-block"></span>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="comm-form">
                                                                    <div class="form-group">
                                                                        <input type="text"
                                                                            value="{{isset($practitionerShippingDetails->flat_express_rate) ? $practitionerShippingDetails->flat_express_rate : 0}}"
                                                                            name="flat_express_rate"
                                                                            class="form-control float_number_validation"
                                                                            placeholder="$00.00">
                                                                    </div>
                                                                    <span class="invalid-feedback d-block"></span>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="3">
                                                                <div class="or-textarea"><span>Or</span></div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <th></th>
                                                            <th>Regular</th>
                                                            <th>Express</th>
                                                        </tr>
                                                        @foreach($weightList as $weight)
                                                        <tr>
                                                            <td>{{$weight->weight_from}} to {{$weight->weight_to}}g</td>
                                                            <td>
                                                                <div class="comm-form">
                                                                    <div class="form-group">
                                                                        <input type="hidden" name="weight_id[]"
                                                                            value="{{$weight->id}}">
                                                                        <input type="text" name="regular_rate[]"
                                                                            class="form-control float_number_validation"
                                                                            value="{{$weight->regular_rate}}"
                                                                            placeholder="$00.00">
                                                                    </div>
                                                                    <span class="invalid-feedback d-block"></span>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="comm-form">
                                                                    <div class="form-group">
                                                                        <input type="text" name="express_rate[]"
                                                                            class="form-control float_number_validation"
                                                                            value="{{$weight->express_rate}}"
                                                                            placeholder="$00.00">
                                                                    </div>
                                                                    <span class="invalid-feedback d-block"></span>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        @endforeach
                                                    </table>
                                                </div>
                                            </div>

                                            <div class="brdr-bttm mt-30"></div>

                                            <div class="label-input yesno-right">
                                                <div class="row">
                                                    <div class="col-lg-8 col-md-8 col-sm-8">
                                                        <label class="font-14 font-bold">Free shipping</label>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4 col-sm-4">
                                                        <ul class="age-title p-0 listingli mb-0">
                                                            <li><input checked="true" type="radio" id="obook11"
                                                                    name="free_shipping"
                                                                    @if(isset($practitionerShippingDetails->free_shipping)
                                                                && $practitionerShippingDetails->free_shipping == 1) ?
                                                                checked @endif value="1">
                                                                <label for="obook11">Yes</label>
                                                            </li>
                                                            <li><input type="radio" id="obook21" name="free_shipping"
                                                                    value="0"
                                                                    @if(isset($practitionerShippingDetails->free_shipping)
                                                                && $practitionerShippingDetails->free_shipping == 0) ?
                                                                checked @endif>
                                                                <label for="obook21">No</label>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="yesno-right mb-30">
                                                <div class="row align-items-center">
                                                    <div class="col-lg-8 col-md-8 col-sm-8">
                                                        <label class="font-14 text-blue">When order total more
                                                            than</label>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4 col-sm-4 shipping-tab">
                                                        <div class="comm-form">
                                                            <div class="form-group mb-0">
                                                                <input type="text"
                                                                    value="{{isset($practitionerShippingDetails->order_total_more_than) ? $practitionerShippingDetails->order_total_more_than : 0}}"
                                                                    name="order_total_more_than"
                                                                    class="form-control float_number_validation"
                                                                    placeholder="$00.00">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <div class="text-center">
                                    <button type="submit"
                                        class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Update and
                                        Save</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--- shippingmodal End -->

    <!--  My setup wizard  -->

    <!-- <div class="mysetupwizard-wrapper customscroll">
      <div class="mCustomScrollbar">

         <div class="whitecard">
            <p class="mysetupwizardtext">
               In order to customise your account, we need just a few more details from you. You can return to the setup wizard at any time to complete any skipped steps or you can adjust all of these settings via your My Settings tab.
            </p>
            <div class="step-titletext">
               <h2>Step 1. My details</h2>
               <p class="mb-30">Lets start by entering your business details including your trading hours so we can customize your calender.</p>
               <button id="step_1" data-toggle="modal" data-target="#businessdetailsModal" class="cursor-pointer btn-fill">Let's go</button>
            </div>
           
            <div class="step-titletext step-titletext-gray">
               <h2>Step 2. Services</h2>
               <p class="mb-30">Now let’s set up your services. Here you can customise the services you offer, set their duration, colour code them for easy recognition and more.</p>
               <button id="step_2" disabled="true" data-toggle="modal" data-target="#servicessmodal" class="cursor-pointer btn-fill step-titletext-gray-setup-button">Set up my services</button>
            </div>
            <div class="step-titletext step-titletext-gray">
               <h2>Step 3. Products</h2>
               <p class="mb-30">Do you sell products? Add them here to get notifications when stock levels are low and specify if clients can re-order prescribed products (must be signed up to payment gateway).</p>
               <button id="step_3" disabled="true" data-url="{{route('get.practitionerProducts.modal')}}" data-toggle="modal" id="openProductModal" data-target-modal="#productssmodal" class="cursor-pointer call-modal btn-fill step-titletext-gray-setup-button">Set up my products</button>
               <button data-step="3" disabled="true" class="btn-fill step-gray-btn skip_step">Skip</button>
            </div>
            <div class="step-titletext step-titletext-gray">
               <h2>Step 4. Reminder messages</h2>
               <p class="mb-30">Customise the wording and timing of your clients appointment reminders.</p>
               <button id="step_4" disabled="true" data-toggle="modal" data-target="#remindersModal" class="cursor-pointer btn-fill step-titletext-gray-setup-button">Customise</button>
               <button data-step="4" disabled="true" class="btn-fill step-gray-btn skip_step">Skip</button>
            </div>
            <div class="step-titletext step-titletext-gray">
               <h2>Step 5. Online bookings</h2>
               <p class="mb-30">Would you like your clients to be able to book their own appointments online? Adjust your settings here. </p>
               <button id="step_5" disabled="true" data-url="{{route('get.onlineBookings.modal')}}" data-toggle="modal" data-target-modal="#onlinebookingmodal" class="cursor-pointer call-modal btn-fill step-titletext-gray-setup-button">Customise</button>
               <button data-step="5" disabled="true" class="btn-fill step-gray-btn skip_step">Skip</button>
            </div>
            <div class="step-titletext step-titletext-gray">
               <h2>Step 6. Video Consultations</h2>
               <p class="mb-30">Do you consult online? Link your services for access to one click video consultations</p>
               <button id="step_6" disabled="true" data-toggle="modal" data-target="#videoconsultationmodal" class="cursor-pointer btn-fill step-titletext-gray-setup-button">Customise</button>
               <button data-step="6" disabled="true" class="btn-fill step-gray-btn skip_step">Skip</button>
            </div>
            <div class="step-titletext step-titletext-gray">
               <h2>Step 7. Invoices</h2>
               <p class="mb-30">Here you can customise your invoices. </p>
               <button id="step_7" disabled="true" data-toggle="modal" data-target="#invoicesModal" class="cursor-pointer btn-fill step-titletext-gray-setup-button">Customise</button>
               <button data-step="7" disabled="true" class="btn-fill step-gray-btn skip_step">Skip</button>
            </div>
            <div class="step-titletext step-titletext-gray">
               <h2>Step 8. Intake form</h2>
               <p class="mb-30">Want to reduce your data entry? Set up an online intake form which will can be automatically sent to all new clients when booking an appointment. All data provided will automatically be added to your clients file. </p>
               <button id="step_8" disabled="true" class="cursor-pointer btn-fill openIntakeForm step-titletext-gray-setup-button">Customise</button>
               <button data-step="8" disabled="true" class="btn-fill step-gray-btn skip_step">Skip</button>
            </div>
            <div class="step-titletext step-titletext-gray">
               <h2>Step 9. Medipass account</h2>
               <p class="mb-30">Save up to 5 minutes per transaction with an integrated Medipass account. With the click of a few buttons, you can quickly and easily process Hicaps, Medicare, DVA, and WorkCover NSW payments. No set up costs, no terminal required and no monthly fees. If you already have a Medipass API key, you can enter it below.</p>
               <div class="inputtext-linkarea mb-20">
                  <div class="row">
                     <div class="col-lg-6 col-md-6">
                        <div class="form-group">
                           <input type="text" class="form-control" value="{{$user->merchant_id}}" name="merchantId" placeholder="API key">
                        </div>
                        <span class="invalid-feedback d-block"></span>
                        <p>Don't have an account? <span><a href="#" class="text-green" >Apply for one now.</a></span></p>
                     </div>
                  </div>
               </div>
               <button id="step_9" disabled="true" class="btn-fill step-titletext-gray-setup-button storeMerchantId">Save</button>
               <button data-step="9" disabled="true" class="btn-fill step-gray-btn skip_step">Skip</button>
            </div>
            <div class="step-titletext step-titletext-gray">
               <h2>Step 10. Embed code</h2>
               <p class="mb-30">Want your clients to be able to book online via your website or other platforms? All you need to do is copy and paste this link.</p>
               <div class="textarea-box">
                  <div class="form-group">
                     <textarea class="form-control">
               <iframe width="560" height="315" src="https://www.myappointments.co/embed/owsfdh4gxyc" frameborder="0" allowfullscreen></iframe>
               </textarea>
                  </div>
               </div>
               <button id="step_10" disabled="true" class="btn-fill step-titletext-gray-setup-button" data-toggle="modal" data-target="#invoicefilterpopModal">Done</button>
            </div>
         </div>
      </div>
   </div> -->

    <!--  My setup wizard  -->
</div>
@endsection

@section('modals')

<div id="load-modal"></div>

<!-- Business Modal Start -->
<div class="client-follow-popup login-modal clientintakeModal customscroll clientabpopup businessdetails"
    id="myclienthide">
    <div class="modal fade" id="businessdetailsModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel13"
        aria-hidden="true">
        <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" id="exampleModalLabel13">Business details</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>

                    <form id="businessDetailsAdd" action="{{route('practitioner.settings.addBusinessDetails')}}">
                        <!-- @csrf -->
                        <div class="modal-body p-0">
                            <div class="mCustomScrollbar">
                                <div class="accordion" id="accordion-client">
                                    <div class="tab-content clientcollapse-area" id="v-pills-tabContent">

                                        <div class="boxwhite">
                                            <h3 class="ml-0 businesstitle">Business details <a
                                                    class="collapse-arrow collapsed" data-toggle="collapse"
                                                    href="#collapsepersonalinfo" 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>
                                            <div class="collapse" id="collapsepersonalinfo"
                                                data-parent="#accordion-client">
                                                <div class="mt-20">
                                                    @forelse ($practitionerBusinessLocations as $key=>$location)
                                                    <div id="businessDetails" class="businessDetails">
                                                        <input type="hidden" name="id[]"
                                                            value="{{isset($location->id) ? $location->id : '' }}"
                                                            class="form-control">
                                                        <div class="test-results-area">
                                                            <div class="label-input">
                                                                <div class="row align-items-center">
                                                                    <div class="col-lg-5 col-md-6">
                                                                        <label>Company name</label>
                                                                    </div>
                                                                    <div class="col-lg-7 col-md-6">
                                                                        <div class="form-group">
                                                                            <input type="text" name="name[]"
                                                                                value="{{isset($location->name) ? $location->name : '' }}"
                                                                                class="form-control">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="label-input">
                                                                <div class="row">
                                                                    <div class="col-lg-5 col-md-6">
                                                                        <label>Phone number</label>
                                                                    </div>
                                                                    <div class="col-lg-7 col-md-6">
                                                                        <div class="form-group">
                                                                            <input type="text" name="phone_number[]"
                                                                                value="{{isset($location->phone_number) ? $location->phone_number : '' }}"
                                                                                class="form-control">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="label-input">
                                                                <div class="row">
                                                                    <div class="col-lg-5 col-md-6">
                                                                        <label>Address</label>
                                                                    </div>
                                                                    <div class="col-lg-7 col-md-6">
                                                                        <div class="form-group">
                                                                            <input type="text" name="address[]"
                                                                                value="{{isset($location->address) ? $location->address : '' }}"
                                                                                class="form-control google_address">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="label-input">
                                                                <div class="row">
                                                                    <div class="col-lg-5 col-md-6">
                                                                        <label>Email</label>
                                                                    </div>
                                                                    <div class="col-lg-7 col-md-6">
                                                                        <div class="form-group">
                                                                            <input type="text" name="email[]"
                                                                                value="{{isset($location->email) ? $location->email : '' }}"
                                                                                class="form-control">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="label-input">
                                                                <div class="row">
                                                                    <div class="col-lg-5 col-md-6">
                                                                        <label>ABN</label>
                                                                    </div>
                                                                    <div class="col-lg-7 col-md-6">
                                                                        <div class="form-group">
                                                                            <input type="text" name="abn[]"
                                                                                value="{{isset($location->abn) ? $location->abn : '' }}"
                                                                                class="form-control">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="label-input">
                                                                <div class="row">
                                                                    <div class="col-lg-5 col-md-6">
                                                                        <label>Website</label>
                                                                    </div>
                                                                    <div class="col-lg-7 col-md-6">
                                                                        <div class="form-group">
                                                                            <input type="text" name="website[]"
                                                                                value="{{isset($location->website) ? $location->website : '' }}"
                                                                                class="form-control">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="label-input">
                                                                <div class="row">
                                                                    <div class="col-lg-5 col-md-6">
                                                                        <label>Indemnity insurance</label>
                                                                    </div>
                                                                    <div class="col-lg-7 col-md-6">
                                                                        <ul class="age-title p-0 listingli">
                                                                            <li class="indemnity_insurance_yes">
                                                                                <input class="indemnity_yes"
                                                                                    id="{{$unique = uniqid()}}"
                                                                                    value="1" type="radio"
                                                                                    autocomplete="off"
                                                                                    @if(isset($location->indemnity_insurance)
                                                                                && $location->indemnity_insurance == 1)
                                                                                checked @endif/>
                                                                                <label for="{{$unique}}">Yes</label>
                                                                            </li>
                                                                            <li class="indemnity_insurance_no">
                                                                                <input class="indemnity_no" type="radio"
                                                                                    id="{{$unique = uniqid()}}"
                                                                                    value="0" autocomplete="off"
                                                                                    @if(isset($location->indemnity_insurance)
                                                                                && $location->indemnity_insurance == 0)
                                                                                checked @endif/>
                                                                                <label for="{{$unique}}">No</label>
                                                                            </li>
                                                                        </ul>
                                                                        <input type="hidden"
                                                                            value="{{isset($location->indemnity_insurance) ? $location->indemnity_insurance : 1 }}"
                                                                            class="indemnity_insurance"
                                                                            name="indemnity_insurance[]" value="1">

                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="brdr-bttm"></div>

                                                        <div class="test-results-area labeltop">
                                                            <h3 class="ml-0 businesstitle">Operating Hours</h3>
                                                            <div class="setting-business-box mtop">
                                                                <div class="label-input daysinline">
                                                                    <div class="row align-items-center">
                                                                        <div class="col-lg-3 col-md-4">
                                                                            <div class="dayslabel"><label>Day/s</label>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-lg-9 col-md-8">
                                                                            <div
                                                                                class="health-history-checkbox selectdays-dropdown mb-0 selectdaysdrop-custom">
                                                                                <ul id="be-select" class="be-select">
                                                                                    <li>
                                                                                        <div
                                                                                            class="rdio rdio-primary radio-inline">
                                                                                            <input class="mondays"
                                                                                                id="{{$unique = uniqid()}}"
                                                                                                name="day[monday][]"
                                                                                                value="monday"
                                                                                                {{ in_array("monday",$location->openDay) ? 'checked' :'null' }}
                                                                                                type="checkbox">
                                                                                            <label
                                                                                                for="{{$unique}}">Mon</label>
                                                                                        </div>
                                                                                    </li>
                                                                                    <li>
                                                                                        <div
                                                                                            class="rdio rdio-primary radio-inline">
                                                                                            <input class="tuesdays"
                                                                                                id="{{$unique = uniqid()}}"
                                                                                                name="day[tuesday][]"
                                                                                                value="tuesday"
                                                                                                {{ in_array("tuesday",$location->openDay) ? 'checked' :'null' }}
                                                                                                type="checkbox">
                                                                                            <label
                                                                                                for="{{$unique}}">Tue</label>
                                                                                        </div>
                                                                                    </li>
                                                                                    <li>
                                                                                        <div
                                                                                            class="rdio rdio-primary radio-inline">
                                                                                            <input class="wednesdays"
                                                                                                id="{{$unique = uniqid()}}"
                                                                                                name="day[wednesday][]"
                                                                                                value="wednesday"
                                                                                                {{ in_array("wednesday",$location->openDay) ? 'checked' :'null' }}
                                                                                                type="checkbox">
                                                                                            <label
                                                                                                for="{{$unique}}">Wed</label>
                                                                                        </div>
                                                                                    </li>
                                                                                    <li>
                                                                                        <div
                                                                                            class="rdio rdio-primary radio-inline">
                                                                                            <input class="thursdays"
                                                                                                id="{{$unique = uniqid()}}"
                                                                                                name="day[thursday][]"
                                                                                                value="thursday"
                                                                                                {{ in_array("thursday",$location->openDay) ? 'checked' :'' }}
                                                                                                type="checkbox">
                                                                                            <label
                                                                                                for="{{$unique}}">Thur</label>
                                                                                        </div>
                                                                                    </li>
                                                                                    <li>
                                                                                        <div
                                                                                            class="rdio rdio-primary radio-inline">
                                                                                            <input class="fridays"
                                                                                                id="{{$unique = uniqid()}}"
                                                                                                name="day[friday][]"
                                                                                                value="friday"
                                                                                                {{ in_array("friday",$location->openDay) ? 'checked' :'' }}
                                                                                                type="checkbox">
                                                                                            <label
                                                                                                for="{{$unique}}">Fri</label>
                                                                                        </div>
                                                                                    </li>
                                                                                    <li>
                                                                                        <div
                                                                                            class="rdio rdio-primary radio-inline">
                                                                                            <input class="saturdays"
                                                                                                id="{{$unique = uniqid()}}"
                                                                                                name="day[saturday][]"
                                                                                                value="saturday"
                                                                                                {{ in_array("saturday",$location->openDay) ? 'checked' :'' }}
                                                                                                type="checkbox">
                                                                                            <label
                                                                                                for="{{$unique}}">Sat</label>
                                                                                        </div>
                                                                                    </li>
                                                                                    <li>
                                                                                        <div
                                                                                            class="rdio rdio-primary radio-inline">
                                                                                            <input class="sundays"
                                                                                                id="{{$unique = uniqid()}}"
                                                                                                name="day[sunday][]"
                                                                                                value="sunday"
                                                                                                {{ in_array("sunday",$location->openDay) ? 'checked' :'' }}
                                                                                                type="checkbox">
                                                                                            <label
                                                                                                for="{{$unique}}">Sun</label>
                                                                                        </div>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                @forelse($location->hours as $time)
                                                                @if($time->day == 'monday')
                                                                <div class="monday"
                                                                    {{ in_array("monday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Monday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='monday' ? $time->start_time->format('h:i a') : '9:00 AM' }}"
                                                                                                class="form-control timepicker start_time"
                                                                                                name="monday_start_time[]"
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                class="form-control timepicker end_time"
                                                                                                value="{{ isset($time->day) && $time->day =='monday' ? $time->end_time->format('h:i a') : '5:00 PM' }}"
                                                                                                name="monday_end_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                class="form-control timepicker"
                                                                                                value="{{ isset($time->day) && $time->day =='monday' ? $time->break_start_time->format('h:i a') : '12:00 PM' }}"
                                                                                                name="monday_break_start_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                class="form-control timepicker"
                                                                                                value="{{ isset($time->day) && $time->day =='monday' ? $time->break_end_time->format('h:i a') : '1:00 PM' }}"
                                                                                                name="monday_break_end_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                @elseif($time->day == 'tuesday')
                                                                <div class="tuesday"
                                                                    {{ in_array("tuesday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Tuesday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='tuesday' ? $time->start_time->format('h:i a') : '9:00 AM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="tuesday_start_time[]"
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='tuesday' ? $time->end_time->format('h:i a') : '5:00 PM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="tuesday_end_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='tuesday' ? $time->break_start_time->format('h:i a') : '12:00 PM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="tuesday_break_start_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='tuesday' ? $time->break_end_time->format('h:i a') : '1:00 PM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="tuesday_break_end_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                @elseif($time->day == 'wednesday')
                                                                <div class="wednesday"
                                                                    {{ in_array("wednesday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Wednesday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='wednesday' ? $time->start_time->format('h:i a') : '9:00 AM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="wednesday_start_time[]"
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='wednesday' ? $time->end_time->format('h:i a') : '5:00 PM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="wednesday_end_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='wednesday' ? $time->break_start_time->format('h:i a') : '12:00 PM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="wednesday_break_start_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='wednesday' ? $time->break_end_time->format('h:i a') : '1:00 PM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="wednesday_break_end_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                @elseif($time->day == 'thursday')
                                                                <div class="thursday"
                                                                    {{ in_array("thursday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Thursday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='thursday' ? $time->start_time->format('h:i a') : '9:00 AM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="thursday_start_time[]"
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='thursday' ? $time->end_time->format('h:i a') : '5:00 PM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="thursday_end_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='thursday' ? $time->break_start_time->format('h:i a') : '12:00 PM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="thursday_break_start_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='thursday' ? $time->break_end_time->format('h:i a') : '1:00 PM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="thursday_break_end_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                @elseif($time->day == 'friday')
                                                                <div class="friday"
                                                                    {{ in_array("friday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Friday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='friday' ? $time->start_time->format('h:i a') : '9:00 AM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="friday_start_time[]"
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='friday' ? $time->end_time->format('h:i a') : '5:00 PM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="friday_end_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='friday' ? $time->break_start_time->format('h:i a') : '12:00 PM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="friday_break_start_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='friday' ? $time->break_end_time->format('h:i a') : '1:00 PM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="friday_break_end_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                @elseif($time->day == 'saturday')
                                                                <div class="saturday"
                                                                    {{ in_array("saturday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Saturday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='saturday' ? $time->start_time->format('h:i a') : '9:00 AM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="saturday_start_time[]"
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='saturday' ? $time->end_time->format('h:i a') : '5:00 PM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="saturday_end_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='saturday' ? $time->break_start_time->format('h:i a') : '12:00 PM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="saturday_break_start_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='saturday' ? $time->break_end_time->format('h:i a') : '1:00 PM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="saturday_break_end_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                @elseif($time->day == 'sunday')
                                                                <div class="sunday"
                                                                    {{ in_array("sunday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Sunday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='sunday' ? $time->start_time->format('h:i a') : '9:00 AM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="sunday_start_time[]"
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='sunday' ? $time->end_time->format('h:i a') : '5:00 PM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="sunday_end_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='sunday' ? $time->break_start_time->format('h:i a') : '12:00 PM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="sunday_break_start_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text" readonly
                                                                                                value="{{ isset($time->day) && $time->day =='sunday' ? $time->break_end_time->format('h:i a') : '1:00 PM' }}"
                                                                                                class="form-control timepicker"
                                                                                                name="sunday_break_end_time[]"
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                @endif

                                                                @empty
                                                                <div class="monday"
                                                                    {{ in_array("monday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Monday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="monday_start_time[]"
                                                                                                value="9:00 AM" readonly
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="monday_end_time[]"
                                                                                                value="5:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="monday_break_start_time[]"
                                                                                                value="12:00 PM"
                                                                                                readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="monday_break_end_time[]"
                                                                                                value="1:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="tuesday"
                                                                    {{ in_array("tuesday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Tuesday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="tuesday_start_time[]"
                                                                                                value="9:00 AM" readonly
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="tuesday_end_time[]"
                                                                                                value="5:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="tuesday_break_start_time[]"
                                                                                                value="12:00 PM"
                                                                                                readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="tuesday_break_end_time[]"
                                                                                                value="1:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="wednesday"
                                                                    {{ in_array("wednesday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Wednesday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="wednesday_start_time[]"
                                                                                                value="9:00 AM" readonly
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="wednesday_end_time[]"
                                                                                                value="5:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="wednesday_break_start_time[]"
                                                                                                value="12:00 PM"
                                                                                                readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="wednesday_break_end_time[]"
                                                                                                value="1:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="thursday"
                                                                    {{ in_array("thursday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Thursday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="thursday_start_time[]"
                                                                                                value="9:00 AM" readonly
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="thursday_end_time[]"
                                                                                                value="5:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="thursday_break_start_time[]"
                                                                                                value="12:00 PM"
                                                                                                readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="thursday_break_end_time[]"
                                                                                                value="1:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="friday"
                                                                    {{ in_array("friday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Friday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="friday_start_time[]"
                                                                                                value="9:00 AM" readonly
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="friday_end_time[]"
                                                                                                value="5:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="friday_break_start_time[]"
                                                                                                value="12:00 PM"
                                                                                                readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="friday_break_end_time[]"
                                                                                                value="1:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="saturday"
                                                                    {{ in_array("saturday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Saturday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="saturday_start_time[]"
                                                                                                value="9:00 AM" readonly
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="saturday_end_time[]"
                                                                                                value="5:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="saturday_break_start_time[]"
                                                                                                value="12:00 PM"
                                                                                                readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="saturday_break_end_time[]"
                                                                                                value="1:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="sunday"
                                                                    {{ in_array("sunday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Sunday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="sunday_start_time[]"
                                                                                                value="9:00 AM" readonly
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="sunday_end_time[]"
                                                                                                value="5:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="sunday_break_start_time[]"
                                                                                                value="12:00 PM"
                                                                                                readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="sunday_break_end_time[]"
                                                                                                value="1:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                @endforelse
                                                            </div>
                                                        </div>
                                                        <div class="brdr-bttm"></div>
                                                    </div>

                                                    @if($loop->first)
                                                    <div class="test-results-area appendBusinessDetails">
                                                        <h3 class="ml-0 businesstitle">Additional locations</h3>
                                                        <div class="label-input mb-0 mtop">
                                                            <div class="row">
                                                                <div class="col-lg-5 col-md-4">
                                                                    <label>Add an additional location</label>
                                                                </div>
                                                                <div class="col-lg-7 col-md-8">
                                                                    <ul class="age-title p-0 listingli">
                                                                        <!-- <li>
                                                         <input class="cursor-pointer" type="radio" id="addAdditionalLocation" name="animal" value="" />
                                                         <label for="addAdditionalLocation">
                                                            Yes
                                                         </label>
                                                      </li> -->
                                                                        <li><input type="radio" id="addYes"
                                                                                class="addAdditionalLocation" value="1"
                                                                                name="add_additional_location" />
                                                                            <label for="addYes">Yes</label>
                                                                        </li>
                                                                        <li><input type="radio" id="addNo"
                                                                                class="removeLocationDiv" value="0"
                                                                                name="add_additional_location" />
                                                                            <label for="addNo">No</label>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="brdr-bttm"></div>
                                                    </div>
                                                    @endif

                                                    @empty
                                                    <div id="businessDetails" class="businessDetails">
                                                        <input type="hidden" name="id[]">
                                                        <div class="test-results-area">
                                                            <div class="label-input">
                                                                <div class="row align-items-center">
                                                                    <div class="col-lg-5 col-md-6">
                                                                        <label>Company name</label>
                                                                    </div>
                                                                    <div class="col-lg-7 col-md-6">
                                                                        <div class="form-group">
                                                                            <input type="text" name="name[]"
                                                                                class="form-control">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="label-input">
                                                                <div class="row">
                                                                    <div class="col-lg-5 col-md-6">
                                                                        <label>Phone number</label>
                                                                    </div>
                                                                    <div class="col-lg-7 col-md-6">
                                                                        <div class="form-group">
                                                                            <input type="text" name="phone_number[]"
                                                                                class="form-control">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="label-input">
                                                                <div class="row">
                                                                    <div class="col-lg-5 col-md-6">
                                                                        <label>Address</label>
                                                                    </div>
                                                                    <div class="col-lg-7 col-md-6">
                                                                        <div class="form-group">
                                                                            <input type="text" name="address[]"
                                                                                value="{{isset($location->address) ? $location->address : '' }}"
                                                                                class="form-control google_address">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="label-input">
                                                                <div class="row">
                                                                    <div class="col-lg-5 col-md-6">
                                                                        <label>Email</label>
                                                                    </div>
                                                                    <div class="col-lg-7 col-md-6">
                                                                        <div class="form-group">
                                                                            <input type="text" name="email[]"
                                                                                class="form-control">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="label-input">
                                                                <div class="row">
                                                                    <div class="col-lg-5 col-md-6">
                                                                        <label>ABN</label>
                                                                    </div>
                                                                    <div class="col-lg-7 col-md-6">
                                                                        <div class="form-group">
                                                                            <input type="text" name="abn[]"
                                                                                class="form-control">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="label-input">
                                                                <div class="row">
                                                                    <div class="col-lg-5 col-md-6">
                                                                        <label>Website</label>
                                                                    </div>
                                                                    <div class="col-lg-7 col-md-6">
                                                                        <div class="form-group">
                                                                            <input type="text" name="website[]"
                                                                                class="form-control">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="label-input">
                                                                <div class="row">
                                                                    <div class="col-lg-5 col-md-6">
                                                                        <label>Indemnity insurance</label>
                                                                    </div>
                                                                    <div class="col-lg-7 col-md-6">
                                                                        <ul class="age-title p-0 listingli">
                                                                            <li class="indemnity_insurance_yes">
                                                                                <input class="indemnity_yes"
                                                                                    id="{{$unique = uniqid()}}"
                                                                                    value="1" checked type="radio" />
                                                                                <label for="{{$unique}}">Yes</label>
                                                                            </li>
                                                                            <li class="indemnity_insurance_no">
                                                                                <input class="indemnity_no" type="radio"
                                                                                    id="{{$unique = uniqid()}}"
                                                                                    value="0" />
                                                                                <label for="{{$unique}}">No</label>
                                                                            </li>
                                                                        </ul>
                                                                        <input type="hidden" class="indemnity_insurance"
                                                                            name="indemnity_insurance[]" value="1">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="brdr-bttm"></div>

                                                        <div class="test-results-area labeltop">
                                                            <h3 class="ml-0 businesstitle">Operating Hours</h3>
                                                            <div class="setting-business-box mtop">
                                                                <div class="label-input daysinline">
                                                                    <div class="row align-items-center">
                                                                        <div class="col-lg-3 col-md-4">
                                                                            <div class="dayslabel"><label>Day/s</label>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-lg-9 col-md-8">
                                                                            <div
                                                                                class="health-history-checkbox selectdays-dropdown mb-0">
                                                                                <ul id="be-select" class="be-select">
                                                                                    <li>
                                                                                        <div
                                                                                            class="rdio rdio-primary radio-inline">
                                                                                            <input class="mondays"
                                                                                                id="{{$unique = uniqid()}}"
                                                                                                name="monday"
                                                                                                value="monday"
                                                                                                type="checkbox">
                                                                                            <label
                                                                                                for="{{$unique}}">Mon</label>
                                                                                        </div>
                                                                                    </li>
                                                                                    <li>
                                                                                        <div
                                                                                            class="rdio rdio-primary radio-inline">
                                                                                            <input class="tuesdays"
                                                                                                id="{{$unique = uniqid()}}"
                                                                                                name="tuesday"
                                                                                                value="tuesday"
                                                                                                type="checkbox">
                                                                                            <label
                                                                                                for="{{$unique}}">Tue</label>
                                                                                        </div>
                                                                                    </li>
                                                                                    <li>
                                                                                        <div
                                                                                            class="rdio rdio-primary radio-inline">
                                                                                            <input class="wednesdays"
                                                                                                id="{{$unique = uniqid()}}"
                                                                                                name="wednesday"
                                                                                                value="wednesday"
                                                                                                type="checkbox">
                                                                                            <label
                                                                                                for="{{$unique}}">Wed</label>
                                                                                        </div>
                                                                                    </li>
                                                                                    <li>
                                                                                        <div
                                                                                            class="rdio rdio-primary radio-inline">
                                                                                            <input class="thursdays"
                                                                                                id="{{$unique = uniqid()}}"
                                                                                                name="thursday"
                                                                                                value="thursday"
                                                                                                type="checkbox">
                                                                                            <label
                                                                                                for="{{$unique}}">Thur</label>
                                                                                        </div>
                                                                                    </li>
                                                                                    <li>
                                                                                        <div
                                                                                            class="rdio rdio-primary radio-inline">
                                                                                            <input class="fridays"
                                                                                                id="{{$unique = uniqid()}}"
                                                                                                name="friday"
                                                                                                value="friday"
                                                                                                type="checkbox">
                                                                                            <label
                                                                                                for="{{$unique}}">Fri</label>
                                                                                        </div>
                                                                                    </li>
                                                                                    <li>
                                                                                        <div
                                                                                            class="rdio rdio-primary radio-inline">
                                                                                            <input class="saturdays"
                                                                                                id="{{$unique = uniqid()}}"
                                                                                                name="saturday"
                                                                                                value="saturday"
                                                                                                type="checkbox">
                                                                                            <label
                                                                                                for="{{$unique}}">Sat</label>
                                                                                        </div>
                                                                                    </li>
                                                                                    <li>
                                                                                        <div
                                                                                            class="rdio rdio-primary radio-inline">
                                                                                            <input class="sundays"
                                                                                                id="{{$unique = uniqid()}}"
                                                                                                name="sunday"
                                                                                                value="sunday"
                                                                                                type="checkbox">
                                                                                            <label
                                                                                                for="{{$unique}}">Sun</label>
                                                                                        </div>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <!-- <div class="monday" style="display:none">
                                                   <h3 class="ml-0 businesstitle mb-3">
                                                      Monday</h3>
                                                   <div class="label-input">
                                                      <div class="row align-items-center">
                                                         <div class="col-lg-5 col-md-4">
                                                            <label>Hours:</label>
                                                         </div>
                                                         <div class="col-lg-7 col-md-8">
                                                            <div class="row">
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="monday_start_time[]" placeholder="00:00 AM">
                                                                  </div>
                                                               </div>
                                                               <div class="col-lg-1 col-md-1">
                                                                  <span class="text-blue">To:</span>
                                                               </div>
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="monday_end_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="label-input">
                                                      <div class="row align-items-center">
                                                         <div class="col-lg-5 col-md-4">
                                                            <label>Break time:</label>
                                                         </div>
                                                         <div class="col-lg-7 col-md-8">
                                                            <div class="row">
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="monday_break_start_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                               <div class="col-lg-1 col-md-1">
                                                                  <span class="text-blue">To:</span>
                                                               </div>
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="monday_break_end_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>

                                                <div class="tuesday" style="display:none">
                                                   <h3 class="ml-0 businesstitle mb-3">
                                                      Tuesday</h3>
                                                   <div class="label-input">
                                                      <div class="row align-items-center">
                                                         <div class="col-lg-5 col-md-4">
                                                            <label>Hours:</label>
                                                         </div>
                                                         <div class="col-lg-7 col-md-8">
                                                            <div class="row">
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="tuesday_start_time[]" placeholder="00:00 AM">
                                                                  </div>
                                                               </div>
                                                               <div class="col-lg-1 col-md-1">
                                                                  <span class="text-blue">To:</span>
                                                               </div>
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="tuesday_end_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="label-input">
                                                      <div class="row align-items-center">
                                                         <div class="col-lg-5 col-md-4">
                                                            <label>Break time:</label>
                                                         </div>
                                                         <div class="col-lg-7 col-md-8">
                                                            <div class="row">
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="tuesday_break_start_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                               <div class="col-lg-1 col-md-1">
                                                                  <span class="text-blue">To:</span>
                                                               </div>
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="tuesday_break_end_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>

                                                <div class="wednesday" style="display:none">
                                                   <h3 class="ml-0 businesstitle mb-3">
                                                      Wednesday</h3>
                                                   <div class="label-input">
                                                      <div class="row align-items-center">
                                                         <div class="col-lg-5 col-md-4">
                                                            <label>Hours:</label>
                                                         </div>
                                                         <div class="col-lg-7 col-md-8">
                                                            <div class="row">
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="wednesday_start_time[]" placeholder="00:00 AM">
                                                                  </div>
                                                               </div>
                                                               <div class="col-lg-1 col-md-1">
                                                                  <span class="text-blue">To:</span>
                                                               </div>
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="wednesday_end_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="label-input">
                                                      <div class="row align-items-center">
                                                         <div class="col-lg-5 col-md-4">
                                                            <label>Break time:</label>
                                                         </div>
                                                         <div class="col-lg-7 col-md-8">
                                                            <div class="row">
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="wednesday_break_start_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                               <div class="col-lg-1 col-md-1">
                                                                  <span class="text-blue">To:</span>
                                                               </div>
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="wednesday_break_end_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>

                                                <div class="thursday" style="display:none">
                                                   <h3 class="ml-0 businesstitle mb-3">
                                                      Thursday</h3>
                                                   <div class="label-input">
                                                      <div class="row align-items-center">
                                                         <div class="col-lg-5 col-md-4">
                                                            <label>Hours:</label>
                                                         </div>
                                                         <div class="col-lg-7 col-md-8">
                                                            <div class="row">
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="thursday_start_time[]" placeholder="00:00 AM">
                                                                  </div>
                                                               </div>
                                                               <div class="col-lg-1 col-md-1">
                                                                  <span class="text-blue">To:</span>
                                                               </div>
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="thursday_end_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="label-input">
                                                      <div class="row align-items-center">
                                                         <div class="col-lg-5 col-md-4">
                                                            <label>Break time:</label>
                                                         </div>
                                                         <div class="col-lg-7 col-md-8">
                                                            <div class="row">
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="thursday_break_start_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                               <div class="col-lg-1 col-md-1">
                                                                  <span class="text-blue">To:</span>
                                                               </div>
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="thursday_break_end_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>

                                                <div class="friday" style="display:none">
                                                   <h3 class="ml-0 businesstitle mb-3">
                                                      Friday</h3>
                                                   <div class="label-input">
                                                      <div class="row align-items-center">
                                                         <div class="col-lg-5 col-md-4">
                                                            <label>Hours:</label>
                                                         </div>
                                                         <div class="col-lg-7 col-md-8">
                                                            <div class="row">
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="friday_start_time[]" placeholder="00:00 AM">
                                                                  </div>
                                                               </div>
                                                               <div class="col-lg-1 col-md-1">
                                                                  <span class="text-blue">To:</span>
                                                               </div>
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="friday_end_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="label-input">
                                                      <div class="row align-items-center">
                                                         <div class="col-lg-5 col-md-4">
                                                            <label>Break time:</label>
                                                         </div>
                                                         <div class="col-lg-7 col-md-8">
                                                            <div class="row">
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="friday_break_start_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                               <div class="col-lg-1 col-md-1">
                                                                  <span class="text-blue">To:</span>
                                                               </div>
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="friday_break_end_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>

                                                <div class="saturday" style="display:none">
                                                   <h3 class="ml-0 businesstitle mb-3">
                                                      Saturday</h3>
                                                   <div class="label-input">
                                                      <div class="row align-items-center">
                                                         <div class="col-lg-5 col-md-4">
                                                            <label>Hours:</label>
                                                         </div>
                                                         <div class="col-lg-7 col-md-8">
                                                            <div class="row">
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="saturday_start_time[]" placeholder="00:00 AM">
                                                                  </div>
                                                               </div>
                                                               <div class="col-lg-1 col-md-1">
                                                                  <span class="text-blue">To:</span>
                                                               </div>
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="saturday_end_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="label-input">
                                                      <div class="row align-items-center">
                                                         <div class="col-lg-5 col-md-4">
                                                            <label>Break time:</label>
                                                         </div>
                                                         <div class="col-lg-7 col-md-8">
                                                            <div class="row">
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="saturday_break_start_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                               <div class="col-lg-1 col-md-1">
                                                                  <span class="text-blue">To:</span>
                                                               </div>
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="saturday_break_end_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>

                                                <div class="sunday" style="display:none">
                                                   <h3 class="ml-0 businesstitle mb-3">
                                                      Sunday</h3>
                                                   <div class="label-input">
                                                      <div class="row align-items-center">
                                                         <div class="col-lg-5 col-md-4">
                                                            <label>Hours:</label>
                                                         </div>
                                                         <div class="col-lg-7 col-md-8">
                                                            <div class="row">
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="sunday_start_time[]" placeholder="00:00 AM">
                                                                  </div>
                                                               </div>
                                                               <div class="col-lg-1 col-md-1">
                                                                  <span class="text-blue">To:</span>
                                                               </div>
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="sunday_end_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="label-input">
                                                      <div class="row align-items-center">
                                                         <div class="col-lg-5 col-md-4">
                                                            <label>Break time:</label>
                                                         </div>
                                                         <div class="col-lg-7 col-md-8">
                                                            <div class="row">
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="sunday_break_start_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                               <div class="col-lg-1 col-md-1">
                                                                  <span class="text-blue">To:</span>
                                                               </div>
                                                               <div class="col-lg-4 col-md-4">
                                                                  <div class="form-group brdrfull">
                                                                     <input type="text" class="form-control" name="sunday_break_end_time[]" placeholder="00:00 PM">
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div> -->
                                                                <div class="monday" style="display:none">
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Monday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="monday_start_time[]"
                                                                                                value="9:00 AM" readonly
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="monday_end_time[]"
                                                                                                value="5:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="monday_break_start_time[]"
                                                                                                value="12:00 PM"
                                                                                                readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="monday_break_end_time[]"
                                                                                                value="1:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="tuesday" style="display:none">
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Tuesday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="tuesday_start_time[]"
                                                                                                value="9:00 AM" readonly
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="tuesday_end_time[]"
                                                                                                value="5:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="tuesday_break_start_time[]"
                                                                                                value="12:00 PM"
                                                                                                readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="tuesday_break_end_time[]"
                                                                                                value="1:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="wednesday" style="display:none">
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Wednesday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="wednesday_start_time[]"
                                                                                                value="9:00 AM" readonly
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="wednesday_end_time[]"
                                                                                                value="5:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="wednesday_break_start_time[]"
                                                                                                value="12:00 PM"
                                                                                                readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="wednesday_break_end_time[]"
                                                                                                value="1:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="thursday" style="display:none">
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Thursday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="thursday_start_time[]"
                                                                                                value="9:00 AM" readonly
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="thursday_end_time[]"
                                                                                                value="5:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="thursday_break_start_time[]"
                                                                                                value="12:00 PM"
                                                                                                readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="thursday_break_end_time[]"
                                                                                                value="1:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="friday" style="display:none">
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Friday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="friday_start_time[]"
                                                                                                value="9:00 AM" readonly
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="friday_end_time[]"
                                                                                                value="5:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="friday_break_start_time[]"
                                                                                                value="12:00 PM"
                                                                                                readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="friday_break_end_time[]"
                                                                                                value="1:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="saturday" style="display:none">
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Saturday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="saturday_start_time[]"
                                                                                                value="9:00 AM" readonly
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="saturday_end_time[]"
                                                                                                value="5:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="saturday_break_start_time[]"
                                                                                                value="12:00 PM"
                                                                                                readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="saturday_break_end_time[]"
                                                                                                value="1:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="sunday" style="display:none">
                                                                    <h3 class="ml-0 businesstitle mb-3">
                                                                        Sunday</h3>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Hours:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="sunday_start_time[]"
                                                                                                value="9:00 AM" readonly
                                                                                                placeholder="00:00 AM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="sunday_end_time[]"
                                                                                                value="5:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="label-input">
                                                                        <div class="row align-items-center">
                                                                            <div class="col-lg-5 col-md-4">
                                                                                <label>Break time:</label>
                                                                            </div>
                                                                            <div class="col-lg-7 col-md-8">
                                                                                <div class="row">
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="sunday_break_start_time[]"
                                                                                                value="12:00 PM"
                                                                                                readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                    <div class="col-lg-1 col-md-1">
                                                                                        <span
                                                                                            class="text-blue">To:</span>
                                                                                    </div>
                                                                                    <div class="col-lg-4 col-md-4">
                                                                                        <div
                                                                                            class="form-group brdrfull">
                                                                                            <input type="text"
                                                                                                class="form-control timepicker"
                                                                                                name="sunday_break_end_time[]"
                                                                                                value="1:00 PM" readonly
                                                                                                placeholder="00:00 PM">
                                                                                        </div>
                                                                                        <span
                                                                                            class="invalid-feedback d-block"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="brdr-bttm"></div>
                                                    </div>
                                                    <div class="test-results-area appendBusinessDetails">
                                                        <h3 class="ml-0 businesstitle">Additional locations</h3>
                                                        <div class="label-input mb-0 mtop">
                                                            <div class="row">
                                                                <div class="col-lg-5 col-md-4">
                                                                    <label>Add an additional location</label>
                                                                </div>
                                                                <div class="col-lg-7 col-md-8">
                                                                    <ul class="age-title p-0 listingli">
                                                                        <li><input type="radio" id="abc8"
                                                                                class="addAdditionalLocation" value="1"
                                                                                name="add_additional_location" />
                                                                            <label for="abc8">Yes</label>
                                                                        </li>
                                                                        <li><input type="radio" id="abcs9"
                                                                                class="removeLocationDiv" value="0"
                                                                                name="add_additional_location" />
                                                                            <label for="abcs9">No</label>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="brdr-bttm"></div>
                                                    </div>
                                                    @endforelse
                                                </div>
                                            </div>
                                        </div>

                                        <input type="hidden" class="form-control" name="currency" placeholder="AUD">
                                        <input type="hidden" class="form-control" name="time_zone" placeholder="AUD">
                                        {{--
                              <!-- <div class="boxwhite clients-area">
                                 <h3 class="ml-0 businesstitle">Time Zone <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>
                                        <div class="collapse" id="collapsecommunic" data-parent="#accordion-client">
                                            <div class="mt-20">
                                                <div class="test-results-area">
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-6 col-md-6">
                                                                <div class="row">
                                                                    <div class="col-lg-3 col-md-3">
                                                                        <label class="top10">Currency</label>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control"
                                                                                name="currency" placeholder="AUD">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col-lg-12 col-md-12">
                                                                <div class="row">
                                                                    <div class="col-lg-3 col-md-3">
                                                                        <label class="top10">Time Zone</label>
                                                                    </div>
                                                                    <div class="col-lg-9 col-md-7">
                                                                        <div
                                                                            class="customdroppdown gray-brdr line-dropdown">
                                                                            <div
                                                                                class="form-group marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child brdr-btttm">
                                                                                <select id="mounth50" name="time_zone"
                                                                                    class="form-control border">

                                                                                    <option
                                                                                        @isset($practitionerBusinessLocations[0])
                                                                                        @if($practitionerBusinessLocations[0]->
                                                                                        time_zone =="Australian Eastern
                                                                                        Standard Time (AEST)") ?
                                                                                        selected @endif @endisset
                                                                                        value="Australian Eastern
                                                                                        Standard Time (AEST)">Australian
                                                                                        Eastern Standard Time (AEST)
                                                                                    </option>
                                                                                    <option
                                                                                        @isset($practitionerBusinessLocations[0])
                                                                                        @if($practitionerBusinessLocations[0]->
                                                                                        time_zone =="Australian Central
                                                                                        Standard Time (ACST)") ?
                                                                                        selected @endif @endisset
                                                                                        value="Australian Central
                                                                                        Standard Time (ACST)">Australian
                                                                                        Central Standard Time (ACST)
                                                                                    </option>
                                                                                    <option
                                                                                        @isset($practitionerBusinessLocations[0])
                                                                                        @if($practitionerBusinessLocations[0]->
                                                                                        time_zone =="Australian Western
                                                                                        Standard Time (AWST)") ?
                                                                                        selected @endif @endisset
                                                                                        value="Australian Western
                                                                                        Standard Time (AWST)">Australian
                                                                                        Western Standard Time (AWST)
                                                                                    </option>

                                                                                </select>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> -->
                                    <!-- </div> -->
                                    --}}
                                </div>
                            </div>
                        </div>
                </div>
                <div class="modal-footer">
                    <div class="text-right">
                        <button type="submit" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Update
                            and
                            save</button>
                    </div>
                </div>
                </form>
            </div>
        </div>
    </div>
</div>
</div>
<!----Business Modal End --->

<!--- Invoices Modal Start -->
<div class="client-follow-popup login-modal clientintakeModal customscroll clientabpopup invoicemodal">
    <div class="modal fade" id="invoicesModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel13"
        aria-hidden="true">
        <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" id="exampleModalLabel13">Invoices</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>
                    <form method="POST" id="addInvoice" action="{{route('practitioner.settings.addInvoice')}}"">
                  <div class=" modal-body p-0">
                        <div class="mCustomScrollbar">
                            <div class="boxwhite mt-30">
                                <div class="h3title-text nomarg-brdr mb-4">
                                    <h3>Invoice fields</h3>
                                    <p>Select from the following options to customise your invoices. Once complete you
                                        can
                                        preview your invoice below.</p>
                                </div>
                                <div class="h3title-text">
                                    <h3>Company details</h3>
                                    <div class="invoice-toogletext">
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6 col-sm-6">
                                                <div class="row">
                                                    <div class="col-lg-7 col-md-7 col-sm-6 col-6">
                                                        <div class="toogle-area">
                                                            <p class="mb-0">Company name</p>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4 col-sm-5 col-6">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" value="1" name="company_name"
                                                                    class="custom-control-input" id="company_name"
                                                                    @if(!isset($practitionerInvoice->company_name))
                                                                checked @endif
                                                                @if(isset($practitionerInvoice->company_name)
                                                                && $practitionerInvoice->company_name == 1) checked
                                                                @endif>
                                                                <label class="custom-control-label"
                                                                    for="company_name"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-6">
                                                <div class="row">
                                                    <div class="col-lg-7 col-md-7 col-sm-6 col-6">
                                                        <div class="toogle-area">
                                                            <p class="mb-0">Logo</p>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4 col-sm-5 col-6">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" value="1" name="logo"
                                                                    class="custom-control-input" id="logo"
                                                                    @if(!isset($practitionerInvoice->logo)) checked
                                                                @endif
                                                                @if(isset($practitionerInvoice->logo)
                                                                && $practitionerInvoice->logo == 1) checked @endif>
                                                                <label class="custom-control-label" for="logo"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="invoice-toogletext">
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6 col-sm-6">
                                                <div class="row align-items-center">
                                                    <div class="col-lg-7 col-md-7 col-sm-6 col-6">
                                                        <div class="toogle-area">
                                                            <p class="mb-0">Address</p>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4 col-sm-5 col-6">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" name="invoice_address"
                                                                    class="custom-control-input" id="invoice_address"
                                                                    value="1" @if(!isset($practitionerInvoice->address))
                                                                checked @endif
                                                                @if(isset($practitionerInvoice->address)
                                                                && $practitionerInvoice->address == 1) checked @endif>
                                                                <label class="custom-control-label"
                                                                    for="invoice_address"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-6">
                                                <div class="row align-items-center">
                                                    <div class="col-lg-7 col-md-7 col-sm-6 col-6">
                                                        <div class="toogle-area">
                                                            <p class="mb-0">Phone number</p>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4 col-sm-5 col-6">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" checked name="phone_number"
                                                                    class="custom-control-input" id="phone_number"
                                                                    value="1"
                                                                    @if(!isset($practitionerInvoice->phone_number))
                                                                checked @endif
                                                                @if(isset($practitionerInvoice->phone_number)
                                                                && $practitionerInvoice->phone_number == 1) checked
                                                                @endif>
                                                                <label class="custom-control-label"
                                                                    for="phone_number"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="invoice-toogletext">
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6 col-sm-6">
                                                <div class="row align-items-center">
                                                    <div class="col-lg-7 col-md-7 col-sm-6 col-6">
                                                        <div class="toogle-area">
                                                            <p class="mb-0">Website</p>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4 col-sm-5 col-6">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" name="website"
                                                                    class="custom-control-input" id="website" value="1"
                                                                    @if(!isset($practitionerInvoice->website)) checked
                                                                @endif
                                                                @if(isset($practitionerInvoice->website)
                                                                && $practitionerInvoice->website == 1) checked @endif>
                                                                <label class="custom-control-label"
                                                                    for="website"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-6">
                                                <div class="row align-items-center">
                                                    <div class="col-lg-7 col-md-7 col-sm-6 col-6">
                                                        <div class="toogle-area">
                                                            <p class="mb-0">Email</p>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4 col-sm-5 col-6">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" name="email"
                                                                    class="custom-control-input" id="email" value="1"
                                                                    @if(!isset($practitionerInvoice->email)) checked
                                                                @endif
                                                                @if(isset($practitionerInvoice->email)
                                                                && $practitionerInvoice->email == 1) checked @endif>
                                                                <label class="custom-control-label" for="email"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="invoice-toogletext">
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6 col-sm-6">
                                                <div class="row align-items-center">
                                                    <div class="col-lg-7 col-md-7 col-sm-6 col-6">
                                                        <div class="toogle-area">
                                                            <p class="mb-0">Practitioner provider number</p>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4 col-sm-5 col-6">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox"
                                                                    name="practitioner_provider_number"
                                                                    class="custom-control-input"
                                                                    id="practitioner_provider_number" value="1"
                                                                    @if(!isset($practitionerInvoice->practitioner_provider_number))
                                                                checked @endif
                                                                @if(isset($practitionerInvoice->practitioner_provider_number)
                                                                && $practitionerInvoice->practitioner_provider_number ==
                                                                1) checked @endif>
                                                                <label class="custom-control-label"
                                                                    for="practitioner_provider_number"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- commented as per client suggestion -->
                                            <!-- <div class="col-lg-6 col-md-6 col-sm-6">
                                    <div class="row align-items-center">
                                       <div class="col-lg-7 col-md-7 col-sm-6 col-6">
                                          <div class="toogle-area">
                                             <p class="mb-0">EFT Bank account details</p>
                                          </div>
                                       </div>
                                       <div class="col-lg-4 col-md-4 col-sm-5 col-6">
                                          <div class="switch-custom">
                                             <div class="custom-control custom-switch">
                                                <input type="checkbox" name="eft_bank_account_details" class="custom-control-input" id="eft_bank_account_details" value="1" @if(isset($practitionerInvoice->eft_bank_account_details) && $practitionerInvoice->eft_bank_account_details == 1) checked
                                                @endif>
                                                <label class="custom-control-label" for="eft_bank_account_details"></label>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div> -->
                                        </div>
                                    </div>
                                </div>
                                <div class="h3title-text">
                                    <h3>Client details</h3>
                                    <div class="invoice-toogletext">
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6 col-sm-6">
                                                <div class="row">
                                                    <div class="col-lg-7 col-md-7 col-sm-6 col-6">
                                                        <div class="toogle-area">
                                                            <p class="mb-0">Client name</p>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4 col-sm-5 col-6">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" name="client_name"
                                                                    class="custom-control-input" id="client_name"
                                                                    value="1"
                                                                    @if(!isset($practitionerInvoice->client_name))
                                                                checked @endif
                                                                @if(isset($practitionerInvoice->client_name)
                                                                && $practitionerInvoice->client_name == 1) checked
                                                                @endif>
                                                                <label class="custom-control-label"
                                                                    for="client_name"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-6">
                                                <div class="row">
                                                    <div class="col-lg-7 col-md-7 col-sm-6 col-6">
                                                        <div class="toogle-area">
                                                            <p class="mb-0">Client address</p>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4 col-sm-5 col-6">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" checked name="client_address"
                                                                    class="custom-control-input" id="client_address"
                                                                    value="1"
                                                                    @if(!isset($practitionerInvoice->client_address))
                                                                checked @endif
                                                                @if(isset($practitionerInvoice->client_address)
                                                                && $practitionerInvoice->client_address == 1) checked
                                                                @endif>
                                                                <label class="custom-control-label"
                                                                    for="client_address"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="invoice-toogletext">
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6 col-sm-6">
                                                <div class="row align-items-center">
                                                    <div class="col-lg-7 col-md-7 col-sm-6 col-6">
                                                        <div class="toogle-area">
                                                            <p class="mb-0">Client DOB</p>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4 col-sm-5 col-6">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" name="client_dob"
                                                                    class="custom-control-input" id="client_dob"
                                                                    value="1"
                                                                    @if(!isset($practitionerInvoice->client_dob))
                                                                checked @endif
                                                                @if(isset($practitionerInvoice->client_dob)
                                                                && $practitionerInvoice->client_dob == 1) checked
                                                                @endif>
                                                                <label class="custom-control-label"
                                                                    for="client_dob"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-6">
                                                <div class="row align-items-center">
                                                    <div class="col-lg-7 col-md-7 col-sm-6 col-6">
                                                        <div class="toogle-area">
                                                            <p class="mb-0">Invoice notes</p>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4 col-sm-5 col-6">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" name="invoice_notes"
                                                                    class="custom-control-input" id="invoice_notes"
                                                                    value="1"
                                                                    @if(!isset($practitionerInvoice->invoice_notes))
                                                                checked @endif
                                                                @if(isset($practitionerInvoice->invoice_notes)
                                                                && $practitionerInvoice->invoice_notes == 1) checked
                                                                @endif>
                                                                <label class="custom-control-label"
                                                                    for="invoice_notes"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="invoice_notes_div hide">
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6 col-sm-6">

                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-6">
                                                <div class="row align-items-center">
                                                    <div
                                                        class=" pr-xl-0 form-group brdrfull col-lg-10 col-md-4 col-sm-5 col-6">
                                                        <textarea rows='1' id="invoice_notes_text"
                                                            placeholder="Add your notes" name="invoice_notes_text"
                                                            style="border-radius: .25rem;border: 1px solid #c7c7c7;"
                                                            class="autoExpand">{{{ isset($practitionerInvoice->invoice_notes_text) ? $practitionerInvoice->invoice_notes_text : '' }}}</textarea>

                                                        <!-- <input type="text" placeholder="Add your notes" name="invoice_notes_text" value="{{{ isset($practitionerInvoice->invoice_notes_text) ? $practitionerInvoice->invoice_notes_text : '' }}}" class="form-control" id="invoice_notes_text"> -->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- commented as per client suggestion -->
                                        <!-- <div class="invoice-toogletext">
                              <div class="row">
                                 <div class="col-lg-6 col-md-6 col-sm-6">
                                    <div class="row align-items-center">
                                       <div class="col-lg-7 col-md-7 col-sm-6 col-6">
                                          <div class="toogle-area">
                                             <p class="mb-0">Bill to third party</p>
                                          </div>
                                       </div>
                                       <div class="col-lg-4 col-md-4 col-sm-5 col-6">
                                          <div class="switch-custom">
                                             <div class="custom-control custom-switch">
                                                <input type="checkbox" name="bills_to_third_party" class="custom-control-input" id="bills_to_third_party" value="1" @if(isset($practitionerInvoice->bills_to_third_party) && $practitionerInvoice->bills_to_third_party == 1) checked
                                                @endif>
                                                <label class="custom-control-label" for="bills_to_third_party"></label>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                              </div>
                           </div> -->
                                    </div>
                                    <div class="h3title-text">
                                        <h3>TAX</h3>
                                        <div class="label-input">
                                            <div class="row">
                                                <div class="col-lg-2 col-md-4">
                                                    <label>Add GST</label>
                                                </div>
                                                <div class="col-lg-5 col-md-6 businessdetails">
                                                    <ul class="age-title p-0 listingli">
                                                        <li><input type="radio" checked id="tax1" name="add_tax"
                                                                value="1" @if(isset($practitionerInvoice->add_tax) &&
                                                            $practitionerInvoice->add_tax == 1) checked @endif />
                                                            <label for="tax1">Yes</label>
                                                        </li>
                                                        <li><input type="radio" id="tax2" name="add_tax" value="0"
                                                                @if(isset($practitionerInvoice->add_tax) &&
                                                            $practitionerInvoice->add_tax == 0) checked @endif/>
                                                            <label for="tax2">No</label>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>

                                        <!-- <br><div class="test-results-area">
                              <div class="label-input">
                                 <div class="row align-items-center">
                                    <div class="col-lg-6 col-md-6">
                                       <div class="row">
                                          <div class="col-lg-4 col-md-3">
                                             <label class="top10">Tax name</label>
                                          </div>
                                          <div class="col-lg-5 col-md-4">
                                             <div class="form-group brdrfull form-control-g">
                                                <input type="text" name="tax_name" value="{{{ isset($practitionerInvoice->tax_name) ? $practitionerInvoice->tax_name : '' }}}" class="form-control" placeholder="Eg: GST">
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6">
                                       <div class="row">
                                          <div class="col-lg-4 col-md-3">
                                             <label class="top10">Tax amount</label>
                                          </div>
                                          <div class="col-lg-5 col-md-5">
                                             <div class="form-group brdrfull nextper form-control-g">
                                                <input type="text" name="tax_amount" value="{{{ isset($practitionerInvoice->tax_amount) ? $practitionerInvoice->tax_amount : '' }}}" class="form-control" placeholder="Eg: 10">
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div> -->
                                    </div>
                                    <div class="h3title-text nomarg-brdr">
                                        <h3>Email</h3>
                                        <div class="label-input">
                                            <div class="row">
                                                <div class="col-lg-5 col-md-4">
                                                    <label>Automatically email invoice to client</label>
                                                </div>
                                                <div class="col-lg-5 col-md-6 businessdetails">
                                                    <ul class="age-title p-0 listingli">
                                                        <li><input type="radio" checked id="email1" name="client_email"
                                                                value="1" @if(isset($practitionerInvoice->client_email)
                                                            && $practitionerInvoice->client_email == 1) checked @endif/>
                                                            <label for="email1">Yes</label>
                                                        </li>
                                                        <li><input type="radio" id="email2" name="client_email"
                                                                value="0" @if(isset($practitionerInvoice->client_email)
                                                            && $practitionerInvoice->client_email == 0) checked @endif/>
                                                            <label for="email2">No</label>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row subjecline">
                                            <div class="col-lg-8 col-md-8">
                                                <label
                                                    style="margin-bottom: 0 !important;font-size: 14px !important;color: #24303f !important;">Subject
                                                    line</label>
                                                <div class="form-group" style="margin-top: 10px !important;">
                                                    <input type="text" name="subject_line"
                                                        value="{{{ isset($practitionerInvoice->subject_line) ? $practitionerInvoice->subject_line : '' }}}"
                                                        class="form-control text-blue"
                                                        placeholder="Invoice &#60;Invoice #&#62; from &#60;business name&#62;">
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Dear <client name>,
                                       Please find attached a copy of your invoice.
                                       We look forword to seeing you soon.

                                       Kind regards,
                                       <business name> -->
                                    <!-- @php
$text ='Dear <client name>,

Please find attached a copy of your invoice.
We look forword to seeing you soon.

Kind regards,
<business name>';

$message = isset($practitionerInvoice->message) ? trim($practitionerInvoice->message) : trim($text);
   @endphp -->


                                    <div class="h3title-text">
                                        <div class="subjecline">
                                            <lable
                                                style="margin-bottom: 0 !important;font-size: 14px !important;color: #24303f !important;">
                                                Message</lable>
                                            <div class="form-group" style="margin-top: 10px !important;">
                                                @if(isset($practitionerInvoice->message))
                                                <textarea style="align-content:left;overflow:auto;"
                                                    class="form-control text-blue"
                                                    placeholder="Dear &#60;client name&#62;.."
                                                    name="message">{{$message}}</textarea>
                                                @else
                                                <textarea class="form-control text-blue" name="message">Dear &lt;client name,&gt;

Please find attached a copy of your invoice.
we look forward to see you soon.

Kind regards,
&lt;business name&gt;
                                 </textarea>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="text-center">
                                        <a id="viewInvoice" data-toggle="modal" data-target="#invoicetemplatemodal"
                                            data-dismiss="Modal" style="float: inherit !important"
                                            class="yellow-btn mt-0 save-btn text-green cursor-pointer">View invoice</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="businessdetails">
                            <div class="modal-footer">
                                <div class="text-right">
                                    <button type="submit"
                                        class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Update and
                                        save</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!--  Invoices Modal End  -->

<!-- invoicetemplatemodal start -->
<div class="client-follow-popup login-modal clientintakeModal customscroll clientabpopup invoicemodal"
    id="clientintakehide">
    <div class="modal fade" id="invoicetemplatemodal" tabindex="-1" role="dialog" aria-hidden="true">
        <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" id="exampleModalLabel13">Invoice template</h5>
                        <button type="button" class="close bttn-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>

                    <!-- @if(isset($practitionerInvoice->logo) && $practitionerInvoice->logo ==0)  style="display:none !important" @endif-->
                    <div class="modal-body p-0">
                        <div class="mCustomScrollbar">
                            <div class="boxwhite mt-30">
                                <div class="health-space-box">
                                    <div class="innerpadd mt-3">
                                        <div class="row align-items-center">
                                            <div class="col-lg-3 col-md-6 col-sm-6">
                                                <div class="health-first-clinic">
                                                    <div class="health-firstlogo">
                                                        <img id="in_logo"
                                                            src='{{asset("assets/images/health-first-clinic-logo.png")}}'
                                                            alt="" class="img-fluid hide"
                                                            @if(isset($practitionerInvoice->logo) &&
                                                        $practitionerInvoice->logo ==1) style="display:inline
                                                        !important;" @endif>
                                                    </div>
                                                    <h3 style="margin-bottom: -8px !important;">Provider Name </h3>
                                                    <h4 id="in_practitioner_provider_number"
                                                        @if(isset($practitionerInvoice->practitioner_provider_number) &&
                                                        $practitionerInvoice->practitioner_provider_number ==1)
                                                        style="display:inline !important;" @endif>Provider number:
                                                        000000</h4>
                                                </div>
                                            </div>
                                            <div class="col-lg-9 col-md-6 col-sm-6">
                                                <div class="health-firstinvoice">
                                                    <p>Tax Invoice</p>
                                                    <p>ABN: 0000000000</p>
                                                    <p id="in_company_name" @if(isset($practitionerInvoice->
                                                        company_name) && $practitionerInvoice->company_name ==1)
                                                        style="display:inline !important;" @endif class="text-bold
                                                        font-15 hide">Business name</p>
                                                    <p>

                                                        <span class="d-block hide" id="in_invoice_address"
                                                            @if(isset($practitionerInvoice->address) &&
                                                            $practitionerInvoice->address ==1) style="display:inline
                                                            !important;" @endif class="d-block hide">
                                                            Address line 1
                                                            <br>
                                                            Address line 2
                                                            <br>
                                                            Suburb, State<br>
                                                            Postcode, Country
                                                        </span><br>
                                                        <!-- <span class="d-block">State, Postcode</span>
                                             <span class="d-block">Country</span>
                                          </div> -->
                                                        <span class="d-block hide" id="in_phone_number"
                                                            @if(isset($practitionerInvoice->phone_number) &&
                                                            $practitionerInvoice->phone_number ==1)
                                                            style="display:inline !important;" @endif>Phone number
                                                        </span><br>
                                                        <span class="d-block hide" id="in_email"
                                                            @if(isset($practitionerInvoice->email) &&
                                                            $practitionerInvoice->email ==1) style="display:inline
                                                            !important;" @endif>Email address</span><br>
                                                        <span class="d-block hide" id="in_website"
                                                            @if(isset($practitionerInvoice->website) &&
                                                            $practitionerInvoice->website ==1) style="display:inline
                                                            !important;" @endif>Website</span>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="health-space-box pb-0">
                                    <div class="innerpadd">
                                        <div class="row align-items-center">
                                            <div class="col-lg-6 col-md-6 col-sm-6">
                                                <div class="row">
                                                    <div class="col-lg-6 col-md-6">
                                                        <div class="health-first-clinic text-left">
                                                            <div class="gray-brdr line-dropdown">
                                                                <div
                                                                    class="form-group marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                                                    <select id="in_bills_to_third_party"
                                                                        class="form-control hide"
                                                                        @if(isset($practitionerInvoice->bills_to_third_party)
                                                                        && $practitionerInvoice->bills_to_third_party
                                                                        ==1) style="display:inline !important;" @endif>
                                                                        <option hidden>Bill to</option>
                                                                        <option>Bill to</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <h3 class="mb-0 hide" id="in_client_name"
                                                                @if(isset($practitionerInvoice->client_name) &&
                                                                $practitionerInvoice->client_name ==1)
                                                                style="display:inline !important;" @endif>Client name
                                                            </h3><br>

                                                            <p id="in_client_address" class="hide"
                                                                @if(isset($practitionerInvoice->client_address) &&
                                                                $practitionerInvoice->client_address ==1)
                                                                style="display:inline !important;" @endif>Address line 2
                                                            </p><br>

                                                            <p id="in_client_dob" class="hide"
                                                                @if(isset($practitionerInvoice->client_dob) &&
                                                                $practitionerInvoice->client_dob ==1)
                                                                style="display:inline !important;" @endif>DOB: 00/00/00
                                                            </p><br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-6">
                                                <div class="health-invoice-nobox">
                                                    <div class="health-invoice-no">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-8 col-md-6 col-6">
                                                                <h2>Invoice number:</h2>
                                                            </div>
                                                            <div class="col-lg-4 col-md-6 col-6">
                                                                <div class="invoice-rtext">
                                                                    <p>000000</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="health-invoice-no">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-8 col-md-6 col-6">
                                                                <h2>Invoice date:</h2>
                                                            </div>
                                                            <div class="col-lg-4 col-md-6 col-6">
                                                                <div class="invoice-rtext">
                                                                    <p>00/00/00</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="health-invoice-no">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-8 col-md-6 col-6">
                                                                <h2>Payment due:</h2>
                                                            </div>
                                                            <div class="col-lg-4 col-md-6 col-6">
                                                                <div class="invoice-rtext">
                                                                    <p>00/00/00</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="health-invoice-no">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-8 col-md-6 col-6">
                                                                <h2>Amount due:</h2>
                                                            </div>
                                                            <div class="col-lg-4 col-md-6 col-6">
                                                                <div class="invoice-rtext">
                                                                    <p>$00.00</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="health-space-table">
                                        <div class="table-responsive">
                                            <div class="table">
                                                <table class="table mb-0">
                                                    <tr>
                                                        <th class="text-left">Description</th>
                                                        <th class="text-center">Item #</th>
                                                        <th class="text-right">Price</th>
                                                    </tr>
                                                    <tr>
                                                        <td class="text-left">Service/Product type</td>
                                                        <td class="text-center">00000</td>
                                                        <td class="text-right">$00.00</td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="health-space-box nomarg-brdr">
                                    <div class="innerpadd">
                                        <div class="row align-items-center">
                                            <div class="col-lg-6 col-md-6 col-sm-6">
                                                <div class="row hide" id="in_invoice_notes"
                                                    @if(isset($practitionerInvoice->invoice_notes) &&
                                                    $practitionerInvoice->invoice_notes ==1) style="display:inline
                                                    !important;" @endif>
                                                    <div class="col-lg-10 col-md-8">
                                                        <!-- <div  style="padding:16px !important" class="invoice-notes"> -->
                                                        <!-- <textarea rows="2" readonly style="border:0px" class="invoiceNotesText text-center">Invoice notes</textarea> -->
                                                        <!-- <h4 style="height: 70px;overflow: auto;word-wrap: break-word;overflow-x: hidden;" class="invoiceNotesText text-left">Invoice notes</h4>
                                          </div> -->

                                                        <textarea rows="2" readonly id="invoice_notes_text"
                                                            placeholder="Add your notes" name="invoice_notes_text"
                                                            class="autoExpand invoiceNotesText"></textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-6">
                                                <div class="health-invoice-nobox">
                                                    <div class="health-invoice-no">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-8 col-md-6 col-6">
                                                                <h2>Total cost:</h2>
                                                            </div>
                                                            <div class="col-lg-4 col-md-6 col-6">
                                                                <div class="invoice-rtext">
                                                                    <p>$00.00</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="health-invoice-no">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-8 col-md-6 col-6">
                                                                <h2>&#60;Payment method&#62;:</h2>
                                                            </div>
                                                            <div class="col-lg-4 col-md-6 col-6">
                                                                <div class="invoice-rtext">
                                                                    <p>$00.00</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="health-invoice-no mb-0 pb-0">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-8 col-md-6 col-6">
                                                                <h2>$00.00</h2>
                                                            </div>
                                                            <div class="col-lg-4 col-md-6 col-6">
                                                                <div class="invoice-rtext">
                                                                    <p>$00.00</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="pay-now-btn">
                                                        <button type="submit" class="paynow-btn">Pay Now</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <br>

                                <!-- Commented as per client suggestion -->
                                <!-- <div class="health-first-clinic text-left health-space-box mt75 hide" id="in_eft_bank_account_details" @if(isset($practitionerInvoice->eft_bank_account_details) && $practitionerInvoice->eft_bank_account_details ==1) style="display:inline !important;" @endif>
                           <h3 class="mb-0">Bank details:</h3>
                           <p>Account name: &#60;account name>&#62;</p>
                           <p>BSB: 000 000</p>
                           <p>ACC: 000 000 000</p>
                        </div> -->
                            </div>
                        </div>
                    </div>
                    <div class="businessdetails">
                        <div class="modal-footer">
                            <div class="text-center">
                                <a data-dismiss="modal" aria-label="Close"
                                    class="yellow-btn mt-0 save-btn text-green cursor-pointer">Back</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--- invoicetemplatemodal End -->

<!---Integrated Payment Gateway Start -->
<div class="client-follow-popup login-modal customscroll paymentgateway-modal customscroll clientabpopup businessdetails"
    id="myclienthide">
    <div class="modal fade" id="paymentgatewayModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel13"
        aria-hidden="true">
        <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" id="exampleModalLabel13">Integrated Payment
                            Gateway
                        </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="payment-gateway-icon text-center">
                                    <img src='{{asset("assets/images/payment-gateway.svg")}}' alt="" class="maxw-87">
                                </div>
                                <div class="text-center ptext">
                                    <h6 class="font-15 text-bold text-blue">1.4% plus 10c per transaction* </h6>
                                    <p>Save time and money with our integrated online payment gateway. With the click of
                                        a
                                        button, you can securely process Visa, MasterCard & debit cards instantly. No
                                        terminal
                                        required, no monthly fees or mininmum spend, cancel anytime. Transact more than
                                        $500,000 per annum? Contact us for custom pricing.</p>
                                </div>
                                <!-- <div class="label-input">
                           <div class="row">
                              <div class="col-lg-7 col-md-6">
                                 <label>Pass transaction fees on to client</label>
                              </div>
                              <div class="col-lg-5 col-md-6">
                                 <ul class="age-title p-0 listingli mb-0 mr-li">
                                    <li><input type="radio" id="pass1" name="animal" value="">
                                       <label for="pass1">Yes</label></li>
                                    <li><input type="radio" id="pass2" name="animal" value="">
                                       <label for="pass2">No</label></li>
                                 </ul>
                              </div>
                           </div>
                        </div> -->

                                <div class="text-center ptextsize">
                                    <p>*Subject to approval. Please allow up to 48 hours for your merchant account to be
                                        activated. We will notify you when your application has been processed.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="text-center">
                            <a href="#" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Apply
                                Now</a>
                            <!-- id="storeMerchantId" -->
                        </div>
                        <!-- PractitionerCardAddModal -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Integrated Payment Gateway End-->
<!---practitioner card add popup Start -->
<!-- <div class="client-follow-popup login-modal customscroll paymentgateway-modal customscroll clientabpopup businessdetails" id="myclienthide">
   <div class="modal fade" id="PractitionerCardAddModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel13" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
         <div class="modal-content">
            <form action="{{route('practitioner.settings.practitionercardadd')}}" method="POST" id="card_add_practitioner">
               @csrf
               <div class="popup-marg">
                  <div class="modal-header">
                     <h5 class="modal-title text-center eagle-font" id="exampleModalLabel13">Save Card
                     </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="row">
                              <div class="col-lg-10 col-md-10 col-10">
                                 <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Card Holder name" name="card_holder">
                                    <span class="invalid-feedback d-block"></span>
                                 </div>
                              </div>
                              <div class="col-lg-10 col-md-10 col-10">
                                 <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Card Number" name="card_number">
                                    <span class="invalid-feedback d-block"></span>
                                 </div>
                              </div>
                              <div class="col-lg-10 col-md-10 col-10">
                                 <div class="form-group">
                                    <input type="text" class="form-control" placeholder="CVV" name="cvv">
                                    <span class="invalid-feedback d-block"></span>
                                 </div>
                              </div>
                              <div class="col-lg-10 col-md-10 col-10">
                                 <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Expiry e.g MM/yyyy" name="card_expiry">
                                    <span class="invalid-feedback d-block"></span>
                                 </div>
                              </div>
                           </div>
                           <div>
                              <input type="hidden" name="errmsg">
                           </div>
                           <span style="font-size: 30px !important;" class="invalid-feedback d-block"></span>

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

<div class="client-follow-popup customscroll openclickmodal quickaddModal addpaymentmethod">
    <div class="modal fade show" id="PractitionerCardAddModal" tabindex="-1" role="dialog"
        aria-labelledby="exampleModalLabel2">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <form action="{{route('practitioner.settings.practitionercardadd')}}" method="POST"
                    id="card_add_practitioner">
                    @csrf
                    <div class="popup-marg">
                        <div class="modal-header">
                            <h5 class="modal-title text-center eagle-font" id="exampleModalLabel13">Add Payment Method
                            </h5>
                            <button type="button" style="position: relative;" 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-header">
                     <h5 class="modal-title eagle-font font-bold text-left" id="exampleModalLabel2">Add Payment Method</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="comm-marg">
                                    <div>
                                        <div class="form-group usericon">
                                            <label>Name on card</label>
                                            <input type="text" name="card_holder" class="form-control"
                                                placeholder="Name">
                                            <span class="invalid-feedback d-block"></span>
                                        </div>
                                        <div class="form-group usercardicon">
                                            <label>Card Number</label>
                                            <input type="text" name="card_number" class="form-control"
                                                placeholder="0000 0000 0000 0000">
                                            <span class="invalid-feedback d-block"></span>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group expiryicon" id="open_from_date">
                                                    <label>Expiry</label>
                                                    <input type="text" class="form-control" placeholder="MM/YYYY"
                                                        name="card_expiry">
                                                    <span class="invalid-feedback d-block"></span>
                                                    <!-- <div id="datepicker-group" class="input-group date filter-dropdown-three" data-date-format="mm-dd-yyyy">
                                          <input class="form-control border-0 box-shadow-none day-datepicker pt-0 pb-0" name="data" type="text" placeholder="MM/YY" name="card_expiry" />

                                          <span class="input-group-addon right-arrow drop-img"></span>
                                       </div> -->
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group expiryicon">
                                                    <label>CCV</label>
                                                    <input type="number" length="3" name="cvv" class="form-control"
                                                        placeholder="000">
                                                    <span class="invalid-feedback d-block"></span>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <div>
                                    <input type="hidden" name="errmsg">
                                </div>
                                <span style="font-size: 13px !important;" class="invalid-feedback d-block"></span>
                                <br>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <!-- <a data-toggle="modal" data-target="#processpayModal" data-dismiss="modal" class="yellow-btn mt-0 text-white save-btn-bg cursor-pointer">Add Card</a> -->
                            <div class="text-center">
                                <button type="submit" style="width:100% !important"
                                    class="yellow-btn mt-0 text-white save-btn-bg cursor-pointer">Add Card</button>
                            </div>

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

<!-- practitioner card add popup End-->
<!---practitioner card list popup Start -->
<div class="client-follow-popup customscroll waitlist-modal">
    <div class="modal fade" id="PractitionerCardListModal" tabindex="-1" role="dialog" aria-hidden="true">
        <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">Card List</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="waitlist-drop-box">
                            <div class="row mt-3 align-items-center">
                                <div class="col-lg-6">
                                    <ul class="waitlist-btn">
                                        <li class="add-filter-dropdown">
                                            <a data-toggle="modal" data-dismiss="Modal"
                                                data-target="#PractitionerCardAddModal"
                                                class="yellow-btn mt-0 save-btn d-block text-green cursor-pointer toggleopenclickModal">+
                                                Add</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="mt-10 mb-30">

                            <div class="mCustomScrollbar">
                                <div class="comm-marg allcardofpractitioner">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- practitioner card list popup End-->





<!---Holidays Multiple start -->
<div class="reply-modal close-h-img holidaymul-modal">
    <div class="modal fade" id="hmultipleModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header p-0">
                    <button type="button" class="close bttn-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">
                    <div class="media">
                        <div class="img-width">
                            <img src='{{asset("assets/images/feature-img-2.png")}}' class="align-self-center img-fluid"
                                alt="...">
                        </div>
                        <div class="media-body">
                            <h4 class="mt-0 font-bold">Lenny Bronx</h4>
                            <h6>Kinesiologist</h6>
                        </div>
                    </div>
                    <div class="media">
                        <div class="img-width">
                            <img src='{{asset("assets/images/feature-img-3.png")}}' class="align-self-center img-fluid"
                                alt="...">
                        </div>
                        <div class="media-body">
                            <h4 class="mt-0 font-bold">Alison Friend</h4>
                            <h6>Homeopath, Nutritionist</h6>
                        </div>
                    </div>
                    <div class="media">
                        <div class="img-width">
                            <img src='{{asset("assets/images/feature-img-1.png")}}' class="align-self-center img-fluid"
                                alt="...">
                        </div>
                        <div class="media-body">
                            <h4 class="mt-0 font-bold">Eliza French</h4>
                            <h6>Naturopath</h6>
                        </div>
                    </div>
                    <div class="media">
                        <div class="img-width">
                            <img src='{{asset("assets/images/feature-img-4.png")}}' class="align-self-center img-fluid"
                                alt="...">
                        </div>
                        <div class="media-body">
                            <h4 class="mt-0 font-bold">Danielle Sawyer</h4>
                            <h6>Homeopath, Naturopath</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!---Holidays Multiple start -->

<!---Import Export start -->
<div class="client-follow-popup login-modal customscroll calenderinterval-modal customscroll clientabpopup businessdetails"
    id="myclienthide">
    <div class="modal fade" id="importexportmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel13"
        aria-hidden="true">
        <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" id="exampleModalLabel13">Import/export</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">
                                    <h3 class="font-15 mb-0">Import </h3>
                                    <div class="importp-text">
                                        <p>Import existing data into your My Appointments account.</p>
                                    </div>
                                    <div class="label-input">
                                        <form method="POST" id="importDatastore" class="form-horizontal"
                                            enctype="multipart/form-data"
                                            action="{{ route('practitioner.settings.Import_data') }}">
                                            @csrf
                                            <div class="row align-items-center justify-content-center">
                                                <div class="col-lg-4 col-md-6 col-sm-6">
                                                    <label>Add file</label>
                                                </div>
                                                <div class="col-lg-7 col-md-6 col-sm-6">
                                                    <div class="customdroppdown gray-brdr line-dropdown">
                                                        <div
                                                            class="form-group marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child brdrbttm-0 custome-sel">
                                                            <select style="width: 100% !important" name="file_name"
                                                                id="mounth8011" class="form-control">

                                                                <!-- <option hidden>Clients </option> -->
                                                                <option value="client">Clients</option>
                                                                <option value="appointments">Appointments </option>
                                                                <!--  <option value="invoices">Invoices </option>
                                             <option value="payments">Payments</option>
                                             <option value="products">Products</option> -->
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="uploadOuter">
                                                <!--  <img src='{{asset("assets/images/upload-icon-g.png")}}' alt="" class="img-fluid browsebox"> -->
                                                <span class="dragBox d-block">
                                                    <img src='{{asset("assets/images/upload-icon-g.png")}}' alt=""
                                                        class="img-fluid browsebox">
                                                    <div class="drag-drop-text">
                                                        <p class="mb-0">Drag and drop files here </p>
                                                    </div>
                                                    <div class="text-or">
                                                        - or -
                                                    </div>
                                                    <div id="previewnew"></div>
                                                    <input type="file" id="fileLoader" name="file" title="Load File"
                                                        onchange="dragNdropnew(event)" style="display: block !important"
                                                        autocomplete="off">
                                                    <input type="button" id="btnOpenFileDialog" class="yellow-btn"
                                                        value="Browse files" onclick="openfileDialog();"
                                                        autocomplete="off">
                                                </span>

                                                <!-- <span class="d-block textor">- or -</span>
                              <label for="uploadFile" class="yellow-btn mt-0 save-btn cursor-pointer font-400">Browse
                                 files</label> -->
                                            </div>

                                            <!-- <div id="previewnew"></div> -->
                                            <!--  <a href="#" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Import/export
                        file</a> -->

                                            <div class="button-area">
                                                <button type="submit"
                                                    class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Import</button>

                                            </div>
                                        </form>
                                        <!-- <div id="preview"></div> -->
                                    </div>
                                    <div id="preview"></div>
                                    <div class="brdr-bttm"></div>
                                    <div class="test-results-area labeltop">
                                        <div class="label-input">
                                            <h3 class="font-15 mb-0">Export </h3>
                                            <div class="importp-text">
                                                <p>Export data from your My Appointments account.</p>
                                            </div>
                                        </div>

                                        <div class="label-input">
                                            <div class="row align-items-center justify-content-center">
                                                <div class="col-lg-4 col-md-6 col-sm-6">
                                                    <label>Export file</label>
                                                </div>
                                                <div class="col-lg-7 col-md-6 col-sm-6">
                                                    <div class="customdroppdown gray-brdr line-dropdown">
                                                        <div
                                                            class="form-group marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child brdrbttm-0">
                                                            <select id="mounth81" class="form-control">
                                                                <option hidden>Clients </option>
                                                                <option>Clients</option>
                                                                <option>Appointments </option>
                                                                <option>Invoices </option>
                                                                <option>Payments</option>
                                                                <option>Products</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="label-input">
                                            <div class="row justify-content-center">
                                                <div class="col-lg-4 col-md-6 col-sm-6">
                                                    <label>Date from:</label>
                                                </div>
                                                <div class="col-lg-7 col-md-6 col-sm-6">
                                                    <div class="row graytext">
                                                        <div class="col-lg-5 col-md-5">
                                                            <div class="form-group brdrfull" id="open-from-date">
                                                                <input type="text" readonly class="form-control"
                                                                    id="fromCalendar" require autocomplete="off"
                                                                    placeholder="00/00/00">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-2 col-md-2">
                                                            <span class="text-blue">To:</span>
                                                        </div>
                                                        <div class="col-lg-5 col-md-5">
                                                            <div class="form-group brdrfull" id="open-date-box">
                                                                <input type="text" readonly class="form-control"
                                                                    id="toCalendar" require autocomplete="off"
                                                                    placeholder="00/00/00">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <a href="#"
                                            class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Import/export
                                            file</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <div class="text-center">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!---Import Export End -->



    <!-- setting waitlist end Start --->
    <div class="client-follow-popup login-modal settingwaitlist customscroll calenderinterval-modal customscroll clientabpopup businessdetails"
        id="myclienthide">
        <div class="modal fade" id="activeInactiveWaitlistModal" tabindex="-1" role="dialog"
            aria-labelledby="exampleModalLabel13" aria-hidden="true">
            <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" id="exampleModalLabel13">Wait list</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>
                        <form method="POST" action="{{route('practitioner.settings.activeInactiveWaitlist')}}"
                            id="activeInactiveWaitlist">
                            @csrf
                            <div class="modal-body p-0">
                                <div class="mCustomScrollbar">
                                    <div class="boxwhite mt-30">
                                        <div class="test-results-area labeltop">
                                            <h3 class="font-15 mb-3 ml-0 font-400">Displays your waiting list above your
                                                calendar on
                                                your My Appointments tab.</h3>
                                            <div class="row mb-3">
                                                <div class="col-lg-6 col-md-6 col-6">
                                                    <ul class="age-title p-0 listingli mb-0">
                                                        <li><input checked="true" class="waitList" type="radio" id="on1"
                                                                name="status"
                                                                @if(isset($practitionerIntervals->waiting_list_status)
                                                            && $practitionerIntervals->waiting_list_status == 1) checked
                                                            @endif value="1">
                                                            <label for="on1">On</label>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="col-lg-6 col-md-6 col-6">
                                                    <ul class="age-title p-0 listingli mb-0">
                                                        <li><input class="waitList" type="radio" id="off1" name="status"
                                                                @if(isset($practitionerIntervals->waiting_list_status)
                                                            && $practitionerIntervals->waiting_list_status == 0) checked
                                                            @endif value="0">
                                                            <label for="off1">Off</label>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <div class="text-center">
                                    <button type="submit" id="activeInactiveWaitlist"
                                        class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Update and
                                        Save</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- setting waitlist end -->

    <!-- holidays Start --->
    <div class="client-follow-popup login-modal videoconsultationmodal customscroll calenderinterval-modal customscroll clientabpopup businessdetails"
        id="myclienthide">
        <div class="modal fade" id="videoconsultationmodal" tabindex="-1" role="dialog"
            aria-labelledby="exampleModalLabel13" aria-hidden="true">
            <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" id="exampleModalLabel13">Video consultations
                            </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>
                        <form id="addVideoConsultation" method="POST"
                            action="{{route('practitioner.settings.addVideoConsultation')}}">
                            @csrf
                            <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-7 col-md-6">
                                                        <label>Do you offer video consultations?</label>
                                                    </div>
                                                    <div class="col-lg-5 col-md-6">
                                                        <div class="row">
                                                            <div class="col-lg-6 col-md-6">
                                                                <ul class="age-title p-0 listingli mb-0">
                                                                    <li><input type="radio" id="cons1"
                                                                            name="video_consultations_status" value="1"
                                                                            @if(isset($practitionerVideoConsultations->video_consultations_status)
                                                                        &&
                                                                        $practitionerVideoConsultations->video_consultations_status
                                                                        == 1) checked
                                                                        @endif>
                                                                        <label for="cons1">Yes</label>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                            <div class="col-lg-6 col-md-6">
                                                                <ul class="age-title p-0 listingli mb-0">
                                                                    <li><input type="radio" id="cons2"
                                                                            name="video_consultations_status" value="0"
                                                                            @if(isset($practitionerVideoConsultations->video_consultations_status)
                                                                        &&
                                                                        $practitionerVideoConsultations->video_consultations_status
                                                                        == 0) checked
                                                                        @endif>
                                                                        <label for="cons2">No</label>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="label-input">
                                                <div class="row align-items-center justify-content-center">
                                                    <div class="col-lg-7 col-md-6 col-sm-6">
                                                        <label>Which appointment types are available for video
                                                            consultations?
                                                        </label>
                                                    </div>
                                                    <div class="col-lg-5 col-md-6 col-sm-6">
                                                        <div class="form-group brdrfull">
                                                            <div
                                                                class="form-group select_custom select2-multiple-autoselect">
                                                                <select name="is_available_online[]"
                                                                    id="practitioner_available_online_appointment_types"
                                                                    class="form-control text-capitalize"
                                                                    multiple="true">
                                                                    @foreach ($practitonerAppointmentTypes as
                                                                    $appointmentType)
                                                                    <option class="text-capitalize"
                                                                        value="{{$appointmentType->id}}"
                                                                        @if($appointmentType->
                                                                        is_available_video_consultation == 1 ) selected
                                                                        @endif>{{$appointmentType->appointment_type}}
                                                                    </option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>

                                                        <!--<div class="form-group brdrfull">
                                          <select name="is_available_online[]" id="practitioner_available_online_appointment_types"  class="form-control text-capitalize" multiple>
                                             {{-- <option value="1" @if(isset($practitionerVideoConsultations->appointment_type) && $practitionerVideoConsultations->appointment_type == 1) selected @endif>Initial Consultation</option>
                                             <option value="2" @if(isset($practitionerVideoConsultations->appointment_type) && $practitionerVideoConsultations->appointment_type == 2) selected @endif>Short Consultation</option>
                                             <option value="3" @if(isset($practitionerVideoConsultations->appointment_type) && $practitionerVideoConsultations->appointment_type == 3) selected @endif>All</option>
                                             <option value="0" @if(isset($practitionerVideoConsultations->appointment_type) && $practitionerVideoConsultations->appointment_type == 0) selected @endif>None</option> --}}
                                             {{-- @foreach ($practitonerAppointmentTypes as $appointmentType)
                                                <option class="text-capitalize" value="{{$appointmentType->id}}" @if($appointmentType->is_available_online == 1 ) selected @endif>{{$appointmentType->appointment_type}}</option>
                                             @endforeach --}}
                                          </select>-->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>
                    <div class="modal-footer">
                        <div class="text-center">
                            <button type="submit"
                                class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Update and
                                Save</button>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- holidays End -->

<!-- videoconsultantmulti Start -->
<div class="reply-modal close-h-img holidaymul-modal daymodal consult-videotext">
    <div class="modal fade" id="videoconsultdays" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header p-0">
                    <button type="button" class="close bttn-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">
                    <div class="health-history-checkbox mb-0">
                        <div class="multi-pract">
                            <div class="small-bullet">
                                <div class="delete-check-icon checkedbox">
                                    <ul class="mb-0">
                                        <li>
                                            <div class="rdio rdio-primary radio-inline">
                                                <input id="radio170" type="checkbox" checked="">
                                                <label for="radio170">Initial consultation</label>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="multi-pract">
                            <div class="small-bullet">
                                <div class="delete-check-icon checkedbox">
                                    <ul class="mb-0">
                                        <li>
                                            <div class="rdio rdio-primary radio-inline">
                                                <input id="radio171" type="checkbox">
                                                <label for="radio171">Short consulation</label>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="multi-pract">
                            <div class="small-bullet">
                                <div class="delete-check-icon checkedbox">
                                    <ul class="mb-0">
                                        <li>
                                            <div class="rdio rdio-primary radio-inline">
                                                <input id="radio172" type="checkbox">
                                                <label for="radio172">None</label>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="multi-pract">
                            <div class="small-bullet">
                                <div class="delete-check-icon checkedbox">
                                    <ul class="mb-0">
                                        <li>
                                            <div class="rdio rdio-primary radio-inline">
                                                <input id="radio173" type="checkbox">
                                                <label for="radio173">All services</label>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn-green custom-seemore mb-0 cursor-pointer">Select</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- videoconsultant end -->

<!-- services modal Start --->
<div class="client-follow-popup login-modal servicesmodal-area customscroll customscroll clientabpopup businessdetails"
    id="myclienthide">
    <div class="modal fade" id="servicessmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel13"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="popup-marg">
                    <form action="{{route('practitioner.settings.addEdit')}}" method="POST">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title text-center eagle-font" id="exampleModalLabel13">Services</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 tableservice service_popup table_column_service">
                                    <div class="test-result-box th-brdr">
                                        <div class="table-responsive service-table">
                                            <table class="table">
                                                <tbody>
                                                    <tr>
                                                        <th class="widthtable">Appt type</th>
                                                        <th class="widthtable">Fee</th>
                                                        <th class="widthtable">Code</th>
                                                        <th class="widthtable">Duration</th>
                                                        <th class="widthtable hide">Service Provider</th>
                                                        <th
                                                            class="widthtable  {{ isset($practitionerLocation) && count($practitionerLocation) <=1 ? 'hide' : '' }}">
                                                            Location</th>
                                                        <th class="widthtable">Colour </th>
                                                        <th class="widthtable">Overdue
                                                            <span
                                                                class="send-client-btn-geo overdue_btn_service cursor-pointer">
                                                                <img src='{{asset("assets/images/information-icon-new.svg")}}'
                                                                    alt="" class="img-fluid info-icon">
                                                            </span>
                                                        </th>
                                                        <th class="widthtable">Send reminders </th>
                                                        <th class="widthtable"></th>
                                                    </tr>
                                                    <tr>
                                                        <td></td>
                                                    </tr>
                                                    @forelse ($practitonerAppointmentTypes as $apptType)
                                                    <tr class="toppadd">
                                                        <input type="hidden" name="id[]" value="{{$apptType->id ?? ""}}"
                                                            class="form-control">
                                                        <td><input type="text" name="appointment_type[]" maxlength="191"
                                                                value="{{$apptType->appointment_type ?? ""}}"
                                                                class="form-control" placeholder="Description" required>
                                                        </td>
                                                        <td>
                                                            <div class="inner-addon left-addon"><i
                                                                    class="glyphicon fa fa-usd"></i>
                                                                <input type="number" name="fee[]" min=0 max=100000
                                                                    step=0.01 value="{{$apptType->fee ?? ""}}"
                                                                    class="form-control numeric-dot-only"
                                                                    placeholder="00.00" required>
                                                            </div>
                                                        </td>
                                                        <td><input type="text" name="code[]" maxlength="191"
                                                                value="{{$apptType->code ?? ""}}" class="form-control"
                                                                placeholder="00000" required></td>
                                                        {{-- <td><input type="time" name="duration[]" value="{{$apptType->duration ?? ""}}"
                                                        class="form-control" placeholder="00.00" required></td> --}}
                                                        <td>
                                                            <div class="select-services service-duration">
                                                                <select name="duration[]" class="bg-white" required>
                                                                    @foreach($durations as $duration)
                                                                    <option value="{{$duration->id}}" @if($duration->id
                                                                        == $apptType->duration) selected @endif>
                                                                        {{$duration->duration}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </td>
                                                        <td class="hide">
                                                            <div class="select-services">
                                                                <select name="service_provider[]" class="bg-white">
                                                                    <option value="{{$practitioner->id}}"
                                                                        @if($practitioner->id ==
                                                                        $apptType->service_provider) selected @endif>
                                                                        {{$practitioner->full_name}}
                                                                    </option>
                                                                </select>
                                                            </div>
                                                        </td>
                                                        @if(count($practitionerLocation) <=1) <select name="location[]"
                                                            class="bg-white hide">
                                                            @foreach ($practitionerLocation as $location)
                                                            <option value="{{$location->id}}" @if($location->id ==
                                                                $apptType->location) selected @endif>
                                                                {{$location->name}}
                                                            </option>
                                                            @endforeach
                                                            </select>
                                                            @endif
                                                            <td
                                                                class="{{ isset($practitionerLocation) && count($practitionerLocation) <=1 ? 'hide' : '' }}">
                                                                <div class="select-services service-duration">
                                                                    <select name="location[]" class="bg-white">
                                                                        @foreach ($practitionerLocation as $location)
                                                                        <option value="{{$location->id}}"
                                                                            @if($location->id == $apptType->location)
                                                                            selected @endif> {{$location->name}}
                                                                        </option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                            </td>


                                                            <td class="custom-colordrop">
                                                                <!-- <input type="text" name="color_code[]" class="color_picker"> -->
                                                                <div class="color_picker"
                                                                    data-value="{{$colors->where('id',$apptType->color_code)->first()->hex_code}}"
                                                                    style="background-color:{{$colors->where('id',$apptType->color_code)->first()->hex_code}} !important">
                                                                </div>
                                                                <input class="append_color" type="hidden"
                                                                    value="{{isset($apptType->color_code) ? $apptType->color_code : '1'}}"
                                                                    name="color_code[]">
                                                                <!-- <select class="round-color yellow-color  color-picker-dropdown " name="color_code[]" style="background-color:{{$colors->where('id',$apptType->color_code)->first()->hex_code}} !important" required>
                                                @foreach($colors as $color)
                                                <option class="round-color" style="background-color:{{$color->hex_code}} !important" data-color="{{$color->hex_code}}" value="{{$color->id}}" @if($apptType->color_code == $color->id) selected @endif
                                                   >
                                                </option>
                                                @endforeach
                                             </select> -->
                                                            </td>

                                                            <td class="widh120">
                                                                <div class="row">
                                                                    <div class="col-lg-5 col-md-7 pr-xl-0">
                                                                        <input type="number" name="reminder[]" min=0
                                                                            max=100
                                                                            value="{{$apptType->reminder ?? ""}}"
                                                                            class="form-control textmob numeric-only"
                                                                            placeholder="0">
                                                                    </div>

                                                                    <div class="col-lg-7 col-md-7 select-services">
                                                                        <select name="reminder_in[]" class="bg-white"
                                                                            required>
                                                                            {{-- <option value="day" @if($apptType->reminder_in =="day") selected @endif>Day</option> --}}
                                                                            <option value="week" @if($apptType->
                                                                                reminder_in =="week") selected
                                                                                @endif>Weeks</option>
                                                                            <option value="month" @if($apptType->
                                                                                reminder_in =="month") selected
                                                                                @endif>Months</option>
                                                                            {{-- <option value="year" @if($apptType->reminder_in =="year") selected @endif>year</option> --}}
                                                                        </select>
                                                                    </div>
                                                                    {{-- <div class="col-lg-7 col-md-7">
                                                      <input type="text" name="reminder_in[]" value="{{$apptType->reminder_in ?? ""}}"
                                                                    class="form-control" placeholder="Months" required>
                                                                </div> --}}
                                        </div>
                                        </td>
                                        <td>
                                            <div class="switch-custom customswitch-area">
                                                <div class="custom-control custom-switch">
                                                    <input type="checkbox" {{-- name="reminder_status[]" --}} value="on"
                                                        @if(isset($apptType->reminder_status) &&
                                                    $apptType->reminder_status == 'on') checked @endif
                                                    class="custom-control-input switch-input switch-on-off"
                                                    id="{{$unique = uniqid()}}" >
                                                    <input type="hidden" class="hidden-switch-input"
                                                        name="reminder_status[]" value="{{$apptType->reminder_status}}">
                                                    <label class="custom-control-label switch-input-label"
                                                        for="{{$unique}}"></label>
                                                </div>
                                            </div>
                                        </td>
                                        @if($loop->first)
                                        <td class="widthtable">
                                            <label>
                                                <a href="#" class="add-more-service"><img
                                                        src='{{asset("assets/images/green-white-plus.svg")}}' alt=""
                                                        class="img-fluid max-34"></a></label>
                                        </td>
                                        @else
                                        <td class="widthtable">
                                            <label>
                                                <label><a href="#" class="remove-service"
                                                        data-id="{{$apptType->id}}"><img
                                                            src='{{asset("assets/images/trash-icon-green.svg")}}' alt=""
                                                            class="img-fluid max-34 t-brdr"></a></label>
                                        </td>
                                        @endif
                                        </tr>
                                        @empty

                                        <tr class="toppadd">
                                            <input type="hidden" name="id[]" value="" class="form-control">
                                            <td><input type="text" name="appointment_type[]" maxlength="191" value=""
                                                    class="form-control" placeholder="Description"></td>
                                            <td>
                                                <div class="inner-addon left-addon"><i class="glyphicon fa fa-usd"></i>
                                                    <input type="text" name="fee[]" min=0 max=100000 step=0.01 value=""
                                                        class="form-control" placeholder="00.00">
                                                </div>
                                            </td>
                                            <td><input type="text" name="code[]" maxlength="191" value=""
                                                    class="form-control" placeholder="00000"></td>
                                            {{-- <td><input type="time" name="duration[]" value="" class="form-control" placeholder="00.00"></td> --}}
                                            {{-- <td><input type="text" name="id[]" value="{{$apptType->id ?? ""}}"
                                            class="form-control" placeholder="Lenny Bronx"></td>
                                            <td><input type="text" name="id[]" value="{{$apptType->id ?? ""}}"
                                                    class="form-control" placeholder="Brighton"></td> --}}
                                            {{-- <td>
                                                <select id="color-dropdown" name="color_code[]" class="form-control" >
                                                   @foreach($colors as $color)
                                                      <option value="{{$color->id}}">{{$color->hex_code}}</option>
                                            @endforeach
                                            </select>
                                            </td> --}}
                                            <td>
                                                <div class="select-services">
                                                    <select name="duration[]" class="bg-white" required>
                                                        @foreach($durations as $duration)
                                                        <option value="{{$duration->id}}"> {{$duration->duration}}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </td>

                                            <td class="hide">
                                                <div class="select-services">
                                                    <select name="service_provider[]" class="bg-white">
                                                        <option value="{{$practitioner->id}}">
                                                            {{$practitioner->full_name}}
                                                        </option>
                                                    </select>
                                                </div>
                                            </td>
                                            @if(count($practitionerLocation) <=1) <select name="location[]"
                                                class="bg-white hide">
                                                @foreach ($practitionerLocation as $location)
                                                <option value="{{$location->id}}"> {{$location->name}}
                                                </option>
                                                @endforeach
                                                </select>
                                                @endif
                                                <td
                                                    class="{{ isset($practitionerLocation) && count($practitionerLocation) <=1 ? 'hide' : '' }}">
                                                    <div class="select-services">
                                                        <select name="location[]" class="bg-white">
                                                            @foreach ($practitionerLocation as $location)
                                                            <option value="{{$location->id}}"> {{$location->name}}
                                                            </option>
                                                            @endforeach

                                                        </select>
                                                    </div>
                                                </td>

                                                <td class="custom-colordrop">
                                                    <div class="color_picker"
                                                        style="background-color: #f8de74 !important">
                                                    </div>
                                                    <input class="append_color" type="hidden" value="1"
                                                        name="color_code[]">
                                                    {{--<select class="round-color yellow-color  color-picker-dropdown" name="color_code[]" required>
                                       @foreach($colors as $color)
                                       <option class="round-color" style="background-color:{{$color->hex_code}}
                                                    !important" data-color="{{$color->hex_code}}"
                                                    value="{{$color->id}}"></option>
                                                    @endforeach
                                                    </select> --}}
                                                </td>

                                                <td class="widh120">
                                                    <div class="row">
                                                        <div class="col-lg-5 col-md-7 pr-xl-0">
                                                            <input type="number" name="reminder[]" min=0 max=100
                                                                value="{{$apptType->reminder ?? ""}}"
                                                                class="form-control textmob numeric-only"
                                                                placeholder="0">
                                                        </div>

                                                        <div class="col-lg-7 col-md-7 select-services">
                                                            <select name="reminder_in[]" class="bg-white" required>
                                                                {{-- <option value="day">Day</option> --}}
                                                                <option value="week">Weeks</option>
                                                                <option value="month">Months</option>
                                                                {{-- <option value="year">year</option> --}}
                                                            </select>
                                                        </div>
                                                        {{-- <div class="col-lg-7 col-md-7">
                                                      <input type="text" name="reminder_in[]" value="{{$apptType->reminder_in ?? ""}}"
                                                        class="form-control" placeholder="Months" required>
                                                    </div> --}}
                                    </div>
                                    </td>
                                    <td>
                                        <div class="switch-custom customswitch-area">
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" name="reminder_status[]" value="on"
                                                    class="custom-control-input switch-input switch-on-off"
                                                    id="{{$unique = uniqid()}}">
                                                <input type="hidden" class="hidden-switch-input"
                                                    name="reminder_status[]" value="off">
                                                <label class="custom-control-label switch-input-label"
                                                    for="{{$unique}}"></label>
                                            </div>
                                        </div>
                                    </td>

                                    <td class="widthtable">
                                        <label>
                                            <a href="#" class="add-more-service"><img
                                                    src='{{asset("assets/images/green-white-plus.svg")}}' alt=""
                                                    class="img-fluid max-34"></a></label>
                                    </td>

                                    </tr>

                                    @endforelse


                                    {{-- <tr class="toppadd">
                                          <td><input type="text" class="form-control" placeholder="Initial Consult">
                                          </td>
                                          <td><input type="text" class="form-control" placeholder="$120.00"></td>
                                          <td><input type="text" class="form-control" placeholder="CM476"></td>
                                          <td><input type="text" class="form-control" placeholder="01.30"></td>
                                          <td><input type="text" class="form-control" placeholder="Danielle Sawyer + 2">
                                          </td>
                                          <td><input type="text" class="form-control" placeholder="Brighton"></td>
                                          <td>
                                             <div class="round-color purple-color"></div>
                                          </td>
                                          <td class="widh120">
                                             <div class="row">
                                                <div class="col-lg-4 col-md-4 pr-xl-0">
                                                   <input type="text" class="form-control" placeholder="1">
                                                </div>
                                                <div class="col-lg-8 col-md-8">
                                                   <input type="text" class="form-control" placeholder="Weeks">
                                                </div>
                                             </div>
                                          </td>
                                          <td><label class="switch greenslider" for="send-reminders1">
                                                <input type="checkbox" id="send-reminders1" checked>
                                                <span class="slider round"></span>
                                             </label></td>
                                          <td class="widthtable">
                                             <label><a href="#"><img src='{{asset("assets/images/trash-icon-green.svg")}}'
                                    alt=""
                                    class="img-fluid max-34 t-brdr"></a></label>
                                    </td>
                                    </tr>
                                    <tr class="toppadd">
                                        <td class="widh120"><input type="text" class="form-control"
                                                placeholder="Standard Consult"></td>
                                        <td><input type="text" class="form-control" placeholder="$90.00"></td>
                                        <td><input type="text" class="form-control" placeholder="CM445"></td>
                                        <td><input type="text" class="form-control" placeholder="01.00"></td>
                                        <td><input type="text" class="form-control" placeholder="Lenny Bronx"></td>
                                        <td><input type="text" class="form-control" placeholder="Carlton"></td>
                                        <td>
                                            <div class="round-color pink-color"></div>
                                        </td>
                                        <td class="widh120">
                                            <div class="row">
                                                <div class="col-lg-4 col-md-4 pr-xl-0">
                                                    <input type="text" class="form-control textmob" placeholder="2">
                                                </div>
                                                <div class="col-lg-8 col-md-8">
                                                    <input type="text" class="form-control" placeholder="Months">
                                                </div>
                                            </div>
                                        </td>
                                        <td><label class="switch greenslider" for="send-reminders2">
                                                <input type="checkbox" id="send-reminders2">
                                                <span class="slider round"></span>
                                            </label></td>
                                        <td class="widthtable">
                                            <label><a href="#"><img
                                                        src='{{asset("assets/images/trash-icon-green.svg")}}' alt=""
                                                        class="img-fluid max-34 t-brdr"></a></label>
                                        </td>
                                    </tr>
                                    <tr class="toppadd">
                                        <td><input type="text" class="form-control" placeholder="Short Consult"></td>
                                        <td><input type="text" class="form-control" placeholder="$40.00"></td>
                                        <td><input type="text" class="form-control" placeholder="CM445"></td>
                                        <td><input type="text" class="form-control" placeholder="00.30"></td>
                                        <td class="width130"><input type="text" class="form-control"
                                                placeholder="Danielle Sawyer"></td>
                                        <td><input type="text" class="form-control" placeholder="Brighton + 2 others">
                                        </td>
                                        <td>
                                            <div class="round-color blue-color"></div>
                                        </td>
                                        <td class="widh120">
                                            <div class="row">
                                                <div class="col-lg-4 col-md-4 pr-xl-0">
                                                    <input type="text" class="form-control textmob" placeholder="2">
                                                </div>
                                                <div class="col-lg-8 col-md-8">
                                                    <input type="text" class="form-control" placeholder="Weeks">
                                                </div>
                                            </div>
                                        </td>
                                        <td><label class="switch greenslider" for="send-reminders3">
                                                <input type="checkbox" id="send-reminders3" checked>
                                                <span class="slider round"></span>
                                            </label></td>
                                        <td class="widthtable">
                                            <label><a href="#"><img
                                                        src='{{asset("assets/images/trash-icon-green.svg")}}' alt=""
                                                        class="img-fluid max-34 t-brdr"></a></label>
                                        </td>
                                    </tr>
                                    <tr class="toppadd">
                                        <td><input type="text" class="form-control" placeholder="Pilates Class"></td>
                                        <td><input type="text" class="form-control" placeholder="$25.00"></td>
                                        <td><input type="text" class="form-control" placeholder="CM444"></td>
                                        <td><input type="text" class="form-control" placeholder="01.00"></td>
                                        <td><input type="text" class="form-control" placeholder="Danielle Sawyer + 1">
                                        </td>
                                        <td class="width130"><input type="text" class="form-control"
                                                placeholder="Brighton + 2 others"></td>
                                        <td>
                                            <div class="round-color green-color"></div>
                                        </td>
                                        <td class="widh120">
                                            <div class="row">
                                                <div class="col-lg-4 col-md-4 pr-xl-0">
                                                    <input type="text" class="form-control textmob" placeholder="6">
                                                </div>
                                                <div class="col-lg-8 col-md-8">
                                                    <input type="text" class="form-control" placeholder="Weeks">
                                                </div>
                                            </div>
                                        </td>
                                        <td><label class="switch greenslider" for="send-reminders4">
                                                <input type="checkbox" id="send-reminders4">
                                                <span class="slider round"></span>
                                            </label></td>
                                        <td class="widthtable">
                                            <label><a href="#"><img
                                                        src='{{asset("assets/images/trash-icon-green.svg")}}' alt=""
                                                        class="img-fluid max-34 t-brdr"></a></label>
                                        </td>


                                    </tr> --}}
                                    </tbody>
                                    </table>

                                </div>
                                <div class="send-client-box-geo overdue_box_service" style="display: none;">
                                    <div class="media">
                                        <img src='{{asset("assets/images/round-n-icon.svg")}}'
                                            class="align-self-start mr-2 mCS_img_loaded information_icon" alt="...">
                                        <div class="media-body">
                                            <h5 class="mt-0 text-left">Adds clients to your 'overdue appointments' list
                                                when
                                                they have not visited for an appointment in the specified time.</h5>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
            </div>
            <div class="modal-footer">
                <div class="text-center">
                    <button type="submit" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Update and
                        Save</button>
                </div>
            </div>
            </form>
        </div>
    </div>
</div>
</div>
</div>
<!-- services modal end -->

<!-- productssmodal Start --->

<!-- cancellationmodal Start --->
<div
    class="client-follow-popup login-modal settingwaitlist customscroll calenderinterval-modal clientabpopup businessdetails cancellationmodal">
    <div class="modal fade" id="cancellationmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel13"
        aria-hidden="true">
        <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" id="exampleModalLabel13">Cancellations</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>
                    <form name="cancellationForm" id="cancellationForm" method="POST"
                        action="{{route('practitioner.settings.cancellation_policy')}}">
                        @csrf
                        <div class="modal-body p-0">
                            <div class="mCustomScrollbar">
                                <div class="boxwhite mt-30">
                                    <div class="test-results-area labeltop">
                                        <div class="row mb-3 align-items-center">
                                            <div class="col-lg-6 col-md-6">
                                                <h3 class="font-15 mb-0 pb-0 ml-0 font-400">Fee</h3>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="row">
                                                    <div class="col-lg-6 col-md-6">
                                                        <div class="customdroppdown gray-brdr line-dropdown">
                                                            <div
                                                                class="form-group marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child mb-0">
                                                                <select name="currency" class="form-control">
                                                                    <option value="dollar" selected>$</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-md-6">
                                                        <div class="customdroppdown gray-brdr line-dropdown">
                                                            <div
                                                                class="form-group marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child mb-0">
                                                                <select name="fees" class="form-control">
                                                                    <option @if(isset($cancellationPolicy->fees) &&
                                                                        $cancellationPolicy->fees == 20) selected @endif
                                                                        value="20">20</option>
                                                                    <option @if(isset($cancellationPolicy->fees) &&
                                                                        $cancellationPolicy->fees == 30) selected @endif
                                                                        value="30">30</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="test-results-area labeltop">
                                        <div class="row mb-3 align-items-center">
                                            <div class="col-lg-6 col-md-6">
                                                <h3 class="font-15 mb-0 pb-0 ml-0 font-400">Charge after less than</h3>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="row">
                                                    <div class="col-lg-6 col-md-6">
                                                        <div class="customdroppdown gray-brdr line-dropdown">
                                                            <div
                                                                class="form-group marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child mb-0">
                                                                <select name="charge_after_less_than"
                                                                    class="form-control">
                                                                    <option value="24" @if(isset($cancellationPolicy->
                                                                        charge_after_less_than) &&
                                                                        $cancellationPolicy->charge_after_less_than ==
                                                                        24) selected @endif>24 </option>
                                                                    <option value="25" @if(isset($cancellationPolicy->
                                                                        charge_after_less_than) &&
                                                                        $cancellationPolicy->charge_after_less_than ==
                                                                        25) selected @endif>25</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-md-6">
                                                        <div class="customdroppdown gray-brdr line-dropdown">
                                                            <h3 class="font-400 ml-0">Hours notice</h3>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="test-results-area labeltop">
                                        <div class="row mb-3">
                                            <div class="col-lg-6 col-md-6">
                                                <h3 class="font-15 mb-0 pb-0 ml-0 font-400">Cancellation message <span
                                                        class="send-client-btn-geo cancellationbtn cursor-pointer"><img
                                                            src="{{asset('assets/images/info-icon.png')}}" alt=""
                                                            class="img-fluid info-icon"></span></h3>
                                                <div style="visibility: initial !important;"
                                                    class="send-client-box-geo cancellationmsg">
                                                    <div class="media">
                                                        <img src='{{asset("assets/images/round-n-icon.png")}}'
                                                            class="align-self-start mr-2 mCS_img_loaded" alt="...">
                                                        <div class="media-body">
                                                            <h5 class="mt-0 text-left">Your message to your clients.
                                                                *Appears on their booking confirmation .</h5>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group mb-0">
                                                    <textarea name="message">
                                       {{$cancellationPolicy->message ?? ''}}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <div class="text-center">
                                <button type="submit"
                                    class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Update and
                                    Save</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- cancellationmodal end -->

<!-- Classes & Events Start --->
<div class="client-follow-popup login-modal settingwaitlist customscroll classeseventsModal customscroll clientabpopup businessdetails"
    id="myclienthide">
    <div class="modal fade" id="classeseventsModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel13"
        aria-hidden="true">
        <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" id="exampleModalLabel13">Classes &amp; events
                        </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="boxwhite mt-30">
                            <div class="class-eventsimg">
                                <img src='{{asset("assets/images/class-events.jpg")}}' alt="" class="img-fluid">
                            </div>
                            <div class="h6-title">
                                <h6 class="coming-txt-space">COMING SOON</h6>
                                <p>Manage all your classes, events and group bookings from your My Appointments
                                    calendar.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Classes & Events Start end -->

<!-- Setting Customise intake Modal Start -->
<div class="client-follow-popup customise-intakemodal login-modal settingmodal settingintakeModal clientintakeModal customscroll clientabpopup businessdetails"
    id="myclienthide">
    <div class="modal fade" id="openIntakeFormModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel13"
        aria-hidden="true">
        <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" id="exampleModalLabel13">Intake Forms</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>
                    <form name="intakeForm" id="intakeForm" method="POST"
                        action="{{route('practitioner.settings.save_intake_form_details')}}">
                        @csrf
                        <div class="modal-body p-0">
                            <div class="mCustomScrollbar">
                                <div class="accordion" id="accordion-client1">
                                    <div class="tab-content clientcollapse-area" id="v-pills-tabContent">
                                        <div class="boxwhite sendintake-text">
                                            <h3 class="ml-0 businesstitle font-18">Send intake form to all new clients
                                            </h3>
                                            <div class="switch-custom">
                                                <div class="custom-control custom-switch">
                                                    <input type="checkbox" name="send_intake_form_to_all_new_client"
                                                        class="custom-control-input" id="send-intake" value="1"
                                                        data-parsley-multiple="send-intake" data-parsley-id="32"
                                                        @if(!isset($practitionerIntakeForm->send_intake_form_to_all_new_client))
                                                    checked @endif
                                                    @if(isset($practitionerIntakeForm->send_intake_form_to_all_new_client)
                                                    && $practitionerIntakeForm->send_intake_form_to_all_new_client == 1)
                                                    checked @endif >
                                                    <label class="custom-control-label" for="send-intake"></label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="boxwhite clients-area">
                                            <h3 class="ml-0 businesstitle font-18">Customise message to client <a
                                                    class="collapse-arrow collapsed" data-toggle="collapse"
                                                    href="#customisemsgclient" role="button" aria-expanded="false"
                                                    aria-controls="customisemsgclient"><span class="gtop-arrow"><img
                                                            src='{{asset("assets/images/g-top-arrow.png")}}'
                                                            alt=""></span></a></h3>
                                            <div class="collapse" id="customisemsgclient"
                                                data-parent="#accordion-client1">
                                                <div class="mt-20">
                                                    <div class="appt-market-area mb-4">
                                                        <p class="font-15 mb-4">How would you prefer to send your intake
                                                            form to your clients?</p>
                                                        <div class="row">
                                                            <div class="col-lg-6 col-md-6 brdrrihgt">
                                                                <div class="toogle-area mb-0">
                                                                    <div class="row align-items-center">
                                                                        <div class="col-lg-5 col-md-8 col-9">
                                                                            <p class="mb-0">SMS</p>
                                                                        </div>
                                                                        <div class="col-lg-3 col-md-4 col-3">
                                                                            <div class="switch-custom">
                                                                                <div
                                                                                    class="custom-control custom-switch">
                                                                                    <input type="checkbox"
                                                                                        name="send_intake_form_trough_sms"
                                                                                        class="custom-control-input"
                                                                                        id="send_intake_form_trough_sms"
                                                                                        value="1"
                                                                                        data-parsley-multiple="checkbox-sms-intakesms"
                                                                                        data-parsley-id="32"
                                                                                        @if(!isset($practitionerIntakeForm->send_intake_form_trough_sms))
                                                                                    checked @endif
                                                                                    @if(isset($practitionerIntakeForm->send_intake_form_trough_sms)
                                                                                    &&
                                                                                    $practitionerIntakeForm->send_intake_form_trough_sms
                                                                                    == 1) checked @endif>
                                                                                    <label class="custom-control-label"
                                                                                        for="send_intake_form_trough_sms"></label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col-lg-6 col-md-6 textmarketing">
                                                                <div class="toogle-area mb-0">
                                                                    <div class="row align-items-center">
                                                                        <div class="col-md-5 col-9">
                                                                            <p class="mb-0">Email</p>
                                                                        </div>
                                                                        <div class="col-md-3 col-3">
                                                                            <div class="switch-custom">
                                                                                <div
                                                                                    class="custom-control custom-switch">

                                                                                    <input type="checkbox"
                                                                                        id="send_intake_form_trough_email"
                                                                                        name="send_intake_form_trough_email"
                                                                                        class="custom-control-input"
                                                                                        value="1"
                                                                                        data-parsley-multiple="checkbox-smsm-intakeemail"
                                                                                        data-parsley-id="32"
                                                                                        @if(!isset($practitionerIntakeForm->send_intake_form_trough_email))
                                                                                    checked @endif
                                                                                    @if(isset($practitionerIntakeForm->send_intake_form_trough_email)
                                                                                    &&
                                                                                    $practitionerIntakeForm->send_intake_form_trough_email
                                                                                    == 1) checked @endif>
                                                                                    <label class="custom-control-label"
                                                                                        for="send_intake_form_trough_email"></label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="brdr-bttm"></div>
                                                    <div class="messaging-remainder-text">
                                                        <h3 class="ml-0 mb-3">Messaging</h3>
                                                        <div class="messaging-remainder-box intake_sms_div">
                                                            <div class="row">
                                                                <div class="col-lg-4 col-md-4">
                                                                    <label class="text-blue">SMS reminder text</label>
                                                                </div>
                                                                <div class="col-lg-8 col-md-8">
                                                                    <div class="remainder-label-text">
                                                                        <textarea id="intake_sms_reminder_text"
                                                                            name="intake_sms_reminder_text"
                                                                            class="form-control">Dear &#60;first name&#62;, please complete your intake form via this link &#60;insert link&#62; before your appointment. Thank you, &#60;business name&#62;</textarea>
                                                                        <!-- <label></label> -->
                                                                        <!-- <span class="mb-0 d-block text-right textgray intake_sms_reminder_text_count">131/160 = 1 Credit</span> -->
                                                                    </div>
                                                                    <p class="text-right"><span
                                                                            class="textgray intake_sms_reminder_text_count">
                                                                        </span>
                                                                        <span
                                                                            class="notify_credit_btn cursor-pointer"><img
                                                                                src='{{asset("assets/images/info-icon.png")}}'
                                                                                alt=""
                                                                                class="img-fluid info-icon "></span>
                                                                    </p>
                                                                    <div
                                                                        class="send-client-box-geo notify_credit_toggle credit-toggle">
                                                                        <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">
                                                                                    1 credit per sms.Character count for
                                                                                    1st message is 160 and each message
                                                                                    thereafter 153.
                                                                                </h5>
                                                                            </div>
                                                                        </div>
                                                                    </div>


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

                                                        <div class="messaging-remainder-box intake_email_div">
                                                            <div class="row">
                                                                <div class="col-lg-4 col-md-4">
                                                                    <label class="text-blue">Email subject line</label>
                                                                </div>
                                                                <div class="col-lg-8 col-md-8">
                                                                    <div class="remainder-label-text">
                                                                        <input type="text"
                                                                            name="intake_email_subject_line"
                                                                            value="Intake form from &#60;business name&#62;"
                                                                            class="form-control">
                                                                        <!-- <label>Intake form from &#60;business name&#62; </label> -->
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="messaging-remainder-box intake_email_div">
                                                            <div class="row">
                                                                <div class="col-lg-4 col-md-4">
                                                                    <label class="text-blue">Email reminder text</label>
                                                                </div>
                                                                <div class="col-lg-8 col-md-8">
                                                                    <div class="remainder-label-text textemail">
                                                                        <textarea name="intake_email_text"
                                                                            class="form-control">Dear &#60;first name&#62;,
Thank you for your recent appointment enquiry. Please complete your intake form via this link &#60;insert link&#62; before your appointment.

We look forward to seeing you soon.

With thanks,
&#60;practitioner name&#62;
&#60;business name&#62;</textarea>
                                                                        <!-- <label>
                                                         <span>Dear &#60;first name&#62;, </span>

                                                         <span>Thank you for your recent appointment enquiry. Please complete your intake form via this link &#60;insert link&#62; before your appointment. </span>

                                                         <span>We look forward to seeing you soon.</span>

                                                         <span>With thanks,</span>
                                                         <span class="mb-0">&#60;practitioner name&#62;</span>
                                                         <span class="mb-0">&#60;business name&#62;</span>
                                                      </label> -->
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="boxwhite clients-area">
                                            <h3 class="ml-0 businesstitle font-18">Customise intake form <a
                                                    class="collapse-arrow collapsed" data-toggle="collapse"
                                                    href="#customiseintakeform" role="button" aria-expanded="false"
                                                    aria-controls="customiseintakeform"><span class="gtop-arrow"><img
                                                            src='{{asset("assets/images/g-top-arrow.png")}}'
                                                            alt=""></span></a></h3>
                                            <div class="collapse" id="customiseintakeform"
                                                data-parent="#accordion-client1">
                                                <div class="mt-20">
                                                    <p class="text-blue font-15 mb-0">Select from the following options
                                                        to customise your
                                                        intake form. Once complete you can preview your form.</p>
                                                    <div class="brdr-bttm mt-20"></div>
                                                    <div class="w-brdr healthhistory-intake">
                                                        <h3 class="ml-0">Health History </h3>
                                                        <div class="label-input mb-0">
                                                            <div class="row">
                                                                <div class="col-lg-6 col-md-6">
                                                                    <label>Ask your clients for their health
                                                                        history?</label>
                                                                </div>
                                                                <div class="col-lg-3 col-md-3">
                                                                    <ul class="age-title p-0 listingli float-xl-right">
                                                                        <li><input type="radio" checked="true"
                                                                                class="cbox-open" id="econ5"
                                                                                name="health_history" value="1"
                                                                                @if(isset($practitionerIntakeForm->health_history)
                                                                            && $practitionerIntakeForm->health_history
                                                                            == 1) checked @endif>
                                                                            <label for="econ5">Yes</label>
                                                                        </li>
                                                                        <li><input type="radio" id="econ6"
                                                                                name="health_history" class="cbox-hide"
                                                                                value="0"
                                                                                @if(isset($practitionerIntakeForm->health_history)
                                                                            && $practitionerIntakeForm->health_history
                                                                            == 0) checked @endif>
                                                                            <label for="econ6">No</label>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="nobox-none">
                                                            <h3 class="ml-0">Customise </h3>
                                                            <h5 class="text-left font-15 text-blue font-400">The
                                                                following sections up
                                                                until family history, will appear on your client's form
                                                                as you see below.
                                                                You can add, edit or remove sections not applicable to
                                                                you.</h5>
                                                            <div
                                                                class="health-history-checkbox health-history-cintake mt-30">
                                                                <div class="row multi-pract" id="appendDiseaseDiv">
                                                                    @foreach($practitionerDisease as $disease)
                                                                    <div
                                                                        class="col-xl-4 col-lg-4 col-md-4 small-bullet diseaseDiv disease_{{$disease->id}}">
                                                                        <div class="row">
                                                                            <div class="col-lg-10 col-md-10 col-10">
                                                                                <div
                                                                                    class="delete-check-icon checkedbox">
                                                                                    <ul class="mb-0 selectedDisease">
                                                                                        <li>
                                                                                            <input type="hidden"
                                                                                                name="disease_name[]"
                                                                                                value="{{$disease->name}}">
                                                                                            <input type="hidden"
                                                                                                name="disease_id[]"
                                                                                                value="{{$disease->id}}">
                                                                                            <div
                                                                                                class="rdio rdio-primary radio-inline">
                                                                                                <input
                                                                                                    id="disease_{{$disease->id}}"
                                                                                                    name="disease[]"
                                                                                                    value="{{$disease->name}}"
                                                                                                    @if(isset($disease->is_active)
                                                                                                && $disease->is_active
                                                                                                == 1)) checked @endif
                                                                                                type="checkbox">
                                                                                                <label
                                                                                                    for="disease_{{$disease->id}}">{{$disease->name}}
                                                                                                </label>
                                                                                            </div>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-lg-2 col-md-2 col-2">
                                                                                <a href="#" class="toogle-x remove_item"
                                                                                    data-flag="disease"
                                                                                    data-name="{{$disease->name}}"
                                                                                    data-id="{{$disease->id}}"><img
                                                                                        src='{{asset("assets/images/x-img.png")}}'
                                                                                        alt=""></a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    @endforeach

                                                                    <div
                                                                        class="col-xl-4 col-lg-4 col-md-4 small-bullet">
                                                                        <div class="media mt-1 add-list-text">
                                                                            <img data-toggle="modal"
                                                                                data-target="#AddDiseaseModal"
                                                                                src="{{asset('assets/images/green-white-plus.svg')}}"
                                                                                class="cursor-pointer plus-icon-new mCS_img_loaded"
                                                                                alt="...">
                                                                            <div class="media-body">
                                                                                <h5 class="mt-0 cursor-pointer">
                                                                                    <a data-toggle="modal"
                                                                                        data-target="#AddDiseaseModal">Add
                                                                                        to list</a>
                                                                                </h5>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                </div>

                                                            </div>
                                                            <div class="mt-30">
                                                                <div class="title-health-box">
                                                                    <div class="media">
                                                                        <h4 class="font-15 font-bold">Health history
                                                                            details</h4>
                                                                        <div class="switch-custom">
                                                                            <div class="custom-control custom-switch">
                                                                                <input type="checkbox"
                                                                                    name="health_history_details"
                                                                                    class="custom-control-input"
                                                                                    id="hh-title" value="1"
                                                                                    data-parsley-multiple="hh-title"
                                                                                    data-parsley-id="32"
                                                                                    @if(!isset($practitionerIntakeForm->health_history_details))
                                                                                checked @endif
                                                                                @if(isset($practitionerIntakeForm->health_history_details)
                                                                                &&
                                                                                $practitionerIntakeForm->health_history_details
                                                                                == 1) checked @endif>
                                                                                <label class="custom-control-label"
                                                                                    for="hh-title"></label>
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <input type="text" class="form-control"
                                                                                placeholder="If you answered yes to any of the above, please provide further information here.">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="title-health-box">
                                                                    <div class="media">
                                                                        <h4 class="font-15 font-bold">Surgeries</h4>
                                                                        <div class="switch-custom">
                                                                            <div class="custom-control custom-switch">
                                                                                <input type="checkbox" name="surgeries"
                                                                                    class="custom-control-input"
                                                                                    id="surg-title" value="1"
                                                                                    data-parsley-multiple="surg-title"
                                                                                    data-parsley-id="32"
                                                                                    @if(!isset($practitionerIntakeForm->surgeries))
                                                                                checked @endif
                                                                                @if(isset($practitionerIntakeForm->surgeries)
                                                                                && $practitionerIntakeForm->surgeries ==
                                                                                1) checked @endif>
                                                                                <label class="custom-control-label"
                                                                                    for="surg-title"></label>
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <input type="text" class="form-control"
                                                                                placeholder="Please list any surgeries you have had.">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="title-health-box">
                                                                    <div class="media">
                                                                        <h4 class="font-15 font-bold">
                                                                            Medicines/Supplements</h4>
                                                                        <div class="switch-custom">
                                                                            <div class="custom-control custom-switch">
                                                                                <input type="checkbox" name="medicines"
                                                                                    class="custom-control-input"
                                                                                    id="ms-title" value="1"
                                                                                    data-parsley-multiple="ms-title"
                                                                                    data-parsley-id="32"
                                                                                    @if(!isset($practitionerIntakeForm->medicines))
                                                                                checked @endif
                                                                                @if(isset($practitionerIntakeForm->medicines)
                                                                                && $practitionerIntakeForm->medicines ==
                                                                                1) checked @endif>
                                                                                <label class="custom-control-label"
                                                                                    for="ms-title"></label>
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <input type="text" class="form-control"
                                                                                placeholder="Please list any medications or supplements, including the reasons you are taking them.">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="title-health-box">
                                                                    <div class="media">
                                                                        <h4 class="font-15 font-bold">Alcohol
                                                                            consumption</h4>
                                                                        <div class="switch-custom">
                                                                            <div class="custom-control custom-switch">
                                                                                <input type="checkbox"
                                                                                    name="alcohol_consumption"
                                                                                    class="custom-control-input"
                                                                                    id="ac-title" value="1"
                                                                                    data-parsley-multiple="ac-title"
                                                                                    data-parsley-id="32"
                                                                                    @if(!isset($practitionerIntakeForm->alcohol_consumption))
                                                                                checked @endif
                                                                                @if(isset($practitionerIntakeForm->alcohol_consumption)
                                                                                &&
                                                                                $practitionerIntakeForm->alcohol_consumption
                                                                                == 1) checked @endif>
                                                                                <label class="custom-control-label"
                                                                                    for="ac-title"></label>
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <input type="text" class="form-control"
                                                                                placeholder="How much alcohol do you consume on a weekly basis?">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="title-health-box">
                                                                    <div class="media">
                                                                        <h4 class="font-15 font-bold">Smoking</h4>
                                                                        <div class="switch-custom">
                                                                            <div class="custom-control custom-switch">
                                                                                <input type="checkbox" name="smoking"
                                                                                    class="custom-control-input"
                                                                                    id="sm-title" value="1"
                                                                                    data-parsley-multiple="sm-title"
                                                                                    data-parsley-id="32"
                                                                                    @if(!isset($practitionerIntakeForm->smoking))
                                                                                checked @endif
                                                                                @if(isset($practitionerIntakeForm->smoking)
                                                                                && $practitionerIntakeForm->smoking ==
                                                                                1) checked @endif>
                                                                                <label class="custom-control-label"
                                                                                    for="sm-title"></label>
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <input type="text" class="form-control"
                                                                                placeholder="Do you smoke? When did you start and how often do you smoke?">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="title-health-box">
                                                                    <div class="media">
                                                                        <h4 class="font-15 font-bold">Exercise</h4>
                                                                        <div class="switch-custom">
                                                                            <div class="custom-control custom-switch">
                                                                                <input type="checkbox" name="excercise"
                                                                                    class="custom-control-input"
                                                                                    id="ex-title" value="1"
                                                                                    data-parsley-multiple="ex-title"
                                                                                    data-parsley-id="32"
                                                                                    @if(!isset($practitionerIntakeForm->excercise))
                                                                                checked @endif
                                                                                @if(isset($practitionerIntakeForm->excercise)
                                                                                && $practitionerIntakeForm->excercise ==
                                                                                1) checked @endif>
                                                                                <label class="custom-control-label"
                                                                                    for="ex-title"></label>
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <input type="text" class="form-control"
                                                                                placeholder="What type of exercise do you do? How often?">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="title-health-box">
                                                                    <div class="media">
                                                                        <h4 class="font-15 font-bold">Family history
                                                                        </h4>
                                                                        <div class="switch-custom">
                                                                            <div class="custom-control custom-switch">
                                                                                <input type="checkbox"
                                                                                    name="family_history"
                                                                                    class="custom-control-input"
                                                                                    id="fh-title" value="1"
                                                                                    data-parsley-multiple="fh-title"
                                                                                    data-parsley-id="32"
                                                                                    @if(!isset($practitionerIntakeForm->family_history))
                                                                                checked @endif
                                                                                @if(isset($practitionerIntakeForm->family_history)
                                                                                &&
                                                                                $practitionerIntakeForm->family_history
                                                                                == 1) checked @endif>
                                                                                <label class="custom-control-label"
                                                                                    for="fh-title"></label>
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <input type="text" class="form-control"
                                                                                placeholder="Please list any medical conditions that run in your family.">
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                @foreach($healthHistoryQuestion as $historyQuestion)
                                                                <div
                                                                    class="title-health-box history_question_{{$historyQuestion->id}}">
                                                                    <div class="media">
                                                                        <h4 class="font-15 font-bold">
                                                                            {{$historyQuestion->header}}
                                                                            <a href="#"
                                                                                data-id="{{$historyQuestion->id}}"
                                                                                data-flag="history_question"
                                                                                data-name="{{$historyQuestion->header}}"
                                                                                class="toogle-x remove_item"
                                                                                style="float:right">
                                                                                <img src="{{asset('assets/images/x-img.png')}}"
                                                                                    alt=""></a>
                                                                        </h4>

                                                                        <div class="form-group">
                                                                            <input type="text" class="form-control"
                                                                                placeholder="{{$historyQuestion->descriptive_text}}">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                @endforeach

                                                                <div class="text-center mt-30">
                                                                    <a class="cursor-pointer g-p-box"><img
                                                                            src="{{asset('assets/images/green-white-plus.svg')}}"
                                                                            alt="" class="img-fluid max-34"></a>
                                                                    <br><br>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="brdr-bttm mt-20"></div>
                                                    <h3 class="ml-0 mb-2">Current complaint</h3>
                                                    <div class="label-input mb-0">
                                                        <div class="row">
                                                            <div class="col-lg-6 col-md-6">
                                                                <label>Ask your clients about their current
                                                                    complaint?</label>
                                                            </div>
                                                            <div class="col-lg-3 col-md-3">
                                                                <ul class="age-title p-0 listingli float-xl-right">
                                                                    <li><input class="cque-open" type="radio"
                                                                            id="cccon1" checked name="current_complaint"
                                                                            value="1"
                                                                            @if(isset($practitionerIntakeForm->health_history)
                                                                        && $practitionerIntakeForm->current_complaint ==
                                                                        1) checked @endif>
                                                                        <label for="cccon1">Yes</label>
                                                                    </li>
                                                                    <li><input class="cque-hide" type="radio"
                                                                            id="cccon2" name="current_complaint"
                                                                            value="0"
                                                                            @if(isset($practitionerIntakeForm->health_history)
                                                                        && $practitionerIntakeForm->current_complaint ==
                                                                        0) checked @endif>
                                                                        <label for="cccon2">No</label>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="cnobox-none">
                                                        <div class="clients-area mt-10 current-complaint-customise">
                                                            <h3 class="ml-0 mob-toogle-block">Customise </h3>
                                                            <h5 class="text-left font-15 mb-0 font-400 mt-10">The
                                                                following will appear on
                                                                your form. You can edit, add or delete questions.</h5>
                                                            <div class="mt-30">
                                                                <div class="test-results-area" id="appendQuestionDiv">
                                                                    <div class="questionDiv">
                                                                        @foreach($practitionerQuestions as $question)
                                                                        <div
                                                                            class="label-input questionDiv question_{{$question->id}}">
                                                                            <div class="row align-items-center">
                                                                                <div class="col-lg-5">
                                                                                    <input type="hidden"
                                                                                        name="questions[]"
                                                                                        value="{{$question->title}}">
                                                                                    <input type="hidden"
                                                                                        name="questions_id[]"
                                                                                        value="{{$question->id}}">
                                                                                    <label
                                                                                        class="textgray">{{$question->title}}</label>
                                                                                </div>
                                                                                <div class="col-lg-6">
                                                                                    <div class="form-group">
                                                                                        <input type="text"
                                                                                            class="form-control">
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-lg-1">
                                                                                    <a href="#"
                                                                                        class="toogle-x remove_item"
                                                                                        data-flag="question"
                                                                                        data-name="{{$question->title}}"
                                                                                        data-id="{{$question->id}}"><img
                                                                                            src='{{asset("assets/images/x-img.png")}}'
                                                                                            alt=""></a>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        @endforeach
                                                                    </div>

                                                                    <div
                                                                        class="media mt-1 add-list-text cursor-pointer">
                                                                        <img data-toggle="modal"
                                                                            data-target="#AddQuestionModal"
                                                                            src="{{asset('assets/images/green-white-plus.svg')}}"
                                                                            class="plus-icon-new mCS_img_loaded"
                                                                            alt="...">
                                                                        <div class="media-body">
                                                                            <h5 class="mt-0">
                                                                                <a data-toggle="modal"
                                                                                    data-target="#AddQuestionModal">Add
                                                                                    question</a>
                                                                            </h5>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                    <div class="brdr-bttm mt-20"></div>
                                                    <div class="customise-your-section mt-30">
                                                        <h3 class="ml-0">Customise your own section </h3>
                                                        <p class="font-15 mb-30">Have we missed something? You can add
                                                            your own custom
                                                            sections below. Enter the text as you wish for it to appear
                                                            on your intake
                                                            form.</p>
                                                    </div>
                                                    <div class="add-sect-open1 mt-10">
                                                        <div class="header-box-customize">

                                                            <div class="customise-title-box mb-30">
                                                                <div class="row">
                                                                    <div class="col-lg-5 col-md-5">
                                                                        <h3 class="ml-0">Header</h3>
                                                                        <div class="form-group white-bg mb-xl-0">
                                                                            <input type="text" name="header"
                                                                                class="form-control small-input"
                                                                                placeholder="Eg: Immune system">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="customise-title-box mb-30">
                                                                <div class="row">
                                                                    <div class="col-lg-10 col-md-10">
                                                                        <h3 class="ml-0">Introductory text</h3>
                                                                        <div class="form-group white-bg mb-xl-0">
                                                                            <input type="text" name="introductory_text"
                                                                                class="form-control small-input"
                                                                                placeholder="Eg: Please answer the following questions about your immune system">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="customise-title-box mb-30">
                                                                <h3 class="ml-0">Questions to client</h3>
                                                                <p class="font-15">Add as many questions as you like.
                                                                    Answers can be either yes/no or
                                                                    written responses.
                                                                </p>
                                                            </div>

                                                            <div class="question_to_client_div">
                                                                <div
                                                                    class="customise-title-box customdroppdown gray-brdr question_to_client_child_div">
                                                                    <div class="row align-items-center">
                                                                        <div class="col-lg-5 col-md-5">
                                                                            <div class="form-group white-bg mb-xl-0">
                                                                                <input type="text"
                                                                                    name="client_question[]"
                                                                                    class="form-control small-input"
                                                                                    placeholder="Enter question">
                                                                            </div>
                                                                            <span
                                                                                class="invalid-feedback d-block"></span>
                                                                        </div>
                                                                        <div class="col-lg-3 col-md-4 line-dropdown">
                                                                            <div
                                                                                class="form-group mb-0 marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                                                                <select id="mounth833"
                                                                                    name="question_type[]"
                                                                                    class="form-control myselection">
                                                                                    <option value="button">Yes/No
                                                                                    </option>
                                                                                    <option value="text">Written answer
                                                                                    </option>
                                                                                </select>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-lg-3 col-md-3">
                                                                            <div class="media mt-1 add-list-text cursor-pointer"
                                                                                id="question_to_client">
                                                                                <img src="{{asset('assets/images/green-white-plus.svg')}}"
                                                                                    class="plus-icon-new mCS_img_loaded"
                                                                                    alt="...">
                                                                                <div class="media-body">
                                                                                    <h5 class="mt-0"><a>Add question</a>
                                                                                    </h5>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <br>
                                                                </div>
                                                            </div>
                                                            <a class="yellow-btn mt-30 save-btn w-100 cursor-pointer text-green"
                                                                id="questionToClient">Save/add additional section</a>

                                                        </div>
                                                        <div class="brdr-bttm mt-30"></div>
                                                        <div id="immuneSystem"
                                                            class="boxwhite clients-area mt-30 immune-system current-complaint-customise innerpadd-20">
                                                            <div>
                                                                <h3 class="ml-0 textgray">Immune system
                                                                    <!-- <a href="#" class="toogle-x cursor-pointer sure-modal" data-toggle="modal" data-target="#sentmodal" data-dismiss="Modal"><img src="{{asset('assets/images/x-b-img.png')}}" alt=""></a> -->
                                                                </h3>
                                                                <h5
                                                                    class="text-left font-15 mb-30 mt-10 font-400 textgray">
                                                                    Please answer the
                                                                    following questions about your immune system.</h5>
                                                                <div class="mt-30">
                                                                    <div class="test-results-area">
                                                                        <div class="label-input textbox-radio">
                                                                            <div class="row align-items-center">
                                                                                <div class="col-lg-5">
                                                                                    <label class="textgray">Dark circles
                                                                                        under eyes?</label>
                                                                                </div>
                                                                                <div class="col-lg-6 single-tittle m-0">
                                                                                    <ul class="age-title p-0 mb-0">
                                                                                        <li><input type="radio"
                                                                                                id="catd" name="animal"
                                                                                                value="">
                                                                                            <label
                                                                                                for="catd">Yes</label>
                                                                                        </li>
                                                                                        <li><input type="radio"
                                                                                                id="dogd" name="animal"
                                                                                                value="">
                                                                                            <label for="dogd">No</label>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                                <!-- <div class="col-lg-1">
                                                               <a href="#" class="toogle-x"><img src="{{asset('assets/images/x-img.png')}}" alt=""></a>
                                                            </div> -->
                                                                            </div>
                                                                        </div>

                                                                        <div class="label-input">
                                                                            <div class="row align-items-center">
                                                                                <div class="col-lg-5">
                                                                                    <label class="textgray">Are they
                                                                                        mild, moderate or
                                                                                        dark?</label>
                                                                                </div>
                                                                                <div class="col-lg-6">
                                                                                    <div class="form-group">
                                                                                        <input type="text"
                                                                                            class="form-control pl-0"
                                                                                            value="">
                                                                                    </div>
                                                                                </div>
                                                                                <!-- <div class="col-lg-1">
                                                               <a href="#" class="toogle-x"><img src="{{asset('assets/images/x-img.png')}}" alt=""></a>
                                                            </div> -->
                                                                            </div>
                                                                        </div>

                                                                        <div class="label-input textbox-radio">
                                                                            <div class="row align-items-center">
                                                                                <div class="col-lg-5">
                                                                                    <label class="textgray">Frequent
                                                                                        runny nose?</label>
                                                                                </div>
                                                                                <div class="col-lg-6 single-tittle m-0">
                                                                                    <ul class="age-title p-0 mb-0">
                                                                                        <li><input type="radio"
                                                                                                id="catd1" name="animal"
                                                                                                value="">
                                                                                            <label
                                                                                                for="catd1">Yes</label>
                                                                                        </li>
                                                                                        <li><input type="radio"
                                                                                                id="dogd1" name="animal"
                                                                                                value="">
                                                                                            <label
                                                                                                for="dogd1">No</label>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                                <!-- <div class="col-lg-1">
                                                               <a href="#" class="toogle-x"><img src="{{asset('assets/images/x-img.png')}}" alt=""></a>
                                                            </div> -->
                                                                            </div>
                                                                        </div>

                                                                        <div class="label-input textbox-radio">
                                                                            <div class="row align-items-center">
                                                                                <div class="col-lg-5">
                                                                                    <label class="textgray">Never gets
                                                                                        sick</label>
                                                                                </div>
                                                                                <div class="col-lg-6 single-tittle m-0">
                                                                                    <ul class="age-title p-0 mb-0">
                                                                                        <li><input type="radio"
                                                                                                id="catd2" name="animal"
                                                                                                value="">
                                                                                            <label
                                                                                                for="catd2">Yes</label>
                                                                                        </li>
                                                                                        <li><input type="radio"
                                                                                                id="dogd3" name="animal"
                                                                                                value="">
                                                                                            <label
                                                                                                for="dogd3">No</label>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                                <!-- <div class="col-lg-1">
                                                               <a href="#" class="toogle-x"><img src="{{asset('assets/images/x-img.png')}}" alt=""></a>
                                                            </div> -->
                                                                            </div>
                                                                        </div>

                                                                        <div class="label-input">
                                                                            <div class="row align-items-center">
                                                                                <div class="col-lg-5">
                                                                                    <label class="textgray">How often do
                                                                                        you get fevers?</label>
                                                                                </div>
                                                                                <div class="col-lg-6">
                                                                                    <div class="form-group">
                                                                                        <input type="text"
                                                                                            class="form-control pl-0"
                                                                                            value="">
                                                                                    </div>
                                                                                </div>
                                                                                <!-- <div class="col-lg-1">
                                                               <a href="#" class="toogle-x"><img src="{{asset('assets/images/x-img.png')}}" alt=""></a>
                                                            </div> -->
                                                                            </div>
                                                                        </div>

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

                                                        <div class="brdr-bttm mt-20"></div>
                                                        <h3 class="ml-0 mb-2">Private health fund</h3>
                                                        <p>Did you know we have an inbuilt Hicaps terminal? By asking
                                                            your clients to
                                                            provide their health fund details, you can process claims
                                                            online in
                                                            seconds.</p>
                                                        <div class="label-input mb-0">
                                                            <div class="row">
                                                                <div class="col-lg-7 col-md-6">
                                                                    <label>Ask your clients to provide fund
                                                                        details</label>
                                                                </div>
                                                                <div class="col-lg-5 col-md-6">
                                                                    <ul class="age-title p-0 listingli float-xl-right">
                                                                        <li><input type="radio" id="phfa" checked
                                                                                name="private_health_fund" value="1"
                                                                                @if(isset($practitionerIntakeForm->private_health_fund)
                                                                            &&
                                                                            $practitionerIntakeForm->private_health_fund
                                                                            == 1) checked @endif>
                                                                            <label for="phfa">Yes</label>
                                                                        </li>
                                                                        <li><input type="radio" id="phfb"
                                                                                name="private_health_fund" value="0"
                                                                                @if(isset($practitionerIntakeForm->private_health_fund)
                                                                            &&
                                                                            $practitionerIntakeForm->private_health_fund
                                                                            == 0) checked @endif>
                                                                            <label for="phfb">No</label>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="brdr-bttm mt-20"></div>
                                                        <h3 class="ml-0 mb-2">Consent</h3>
                                                        <p class="font-15">The following section asks for your clients
                                                            consent to
                                                            treatment. You can edit this as required.</p>
                                                        <div class="form-group">
                                                            <textarea class="form-control" id="consent_treatment"
                                                                name="consent_treatment"
                                                                placeholder="I have to the best of my knowledge, provided all relevant information about my health and medical history and give my full consent to treatment. I intend this consent to apply to all future treatments and understand that I must update my service provider with any changes that may occur in my medical history. I understand that a 50% cancellation fee may apply if I do not provide at least 24 hours notice.">{{isset($practitionerIntakeForm->consent_treatment) ? $practitionerIntakeForm->consent_treatment : '' }}</textarea>
                                                        </div>
                                                        <div class="text-center">
                                                            <a id="previewIntakeForm" data-toggle="modal"
                                                                data-target="#viewClientintakeModal"
                                                                class="yellow-btn mt-0 mb-20 save-btn w-100 view-intakeform cursor-pointer text-green">View
                                                                intake form</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- </div> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <div class="text-right">
                                <button type="submit"
                                    class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Update and
                                    Save</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!----Setting Customise intake Modal End --->

<!-- Sure modal Start-->
<div class="todo-list-modal clientabpopup sentmodal">
    <div class="modal fade" id="sentmodal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content mdashboard-client-followuparea">
                <div class="modal-header">
                    <button type="button" class="close bttn-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 text-center">
                    <h3 class="font-bold font-15 text-blue mb-20">Are you sure?</h3>
                    <p class="font-13 text-blue">You are about to delete your custom field. This cannot be undone. </p>
                    <div class="text-center mt-40">
                        <a href="#" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0">Delete</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Sure modal Modal End-->

<!-- Client Intake Start -->
<div class="client-follow-popup login-modal clientintakeModal customscroll clientabpopup" id="clientintakehide">
    <div class="modal fade" id="viewClientintakeModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel13"
        aria-hidden="true">
        <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" id="exampleModalLabel13">Client intake form</h5>
                        <button type="button" class="close bttn-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">
                                <h3 class="ml-0">Personal Information </h3>
                                <div class="row">
                                    <div class="col-lg-2 col-sm-4 customdroppdown gray-brdr line-dropdown">
                                        <div
                                            class="form-group marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                            <select id="mounth50" class="form-control">
                                                <option hidden>None </option>
                                                <option>Mr</option>
                                                <option>Mrs </option>
                                                <option>Ms </option>
                                                <option>Miss </option>
                                                <option>Master </option>
                                                <option>Doctor </option>
                                                <option>None </option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row detail-form bluetext">
                                    <div class="col-lg-6 step-popup">
                                        <div class="form-group">
                                            <input type="text" class="form-control small-input"
                                                placeholder="First Name">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 step-popup">
                                        <div class="form-group">
                                            <input type="text" class="form-control small-input textgray"
                                                placeholder="Last Name">
                                        </div>
                                    </div>
                                </div>
                                <div class="row detail-form">
                                    <div class="col-lg-6 step-popup">
                                        <div class="form-group">
                                            <input type="text" class="form-control small-input"
                                                placeholder="Mobile phone">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 step-popup">
                                        <div class="form-group">
                                            <input type="text" class="form-control small-input" placeholder="Ph: Home">
                                        </div>
                                    </div>
                                </div>
                                <div class="row detail-form">
                                    <div class="col-lg-6 step-popup">
                                        <div class="form-group">
                                            <input type="text" class="form-control small-input" placeholder="Ph: Work">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 step-popup">
                                        <div class="form-group">
                                            <input type="text" class="form-control small-input" placeholder="Email">
                                        </div>
                                    </div>
                                </div>
                                <div class="row detail-form">
                                    <div class="col-lg-6 step-popup">
                                        <div class="form-group">
                                            <input type="text" class="form-control small-input" placeholder="Address">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 step-popup">
                                        <div class="form-group">
                                            <input type="text" class="form-control small-input" placeholder="D.O.B.">
                                        </div>
                                    </div>
                                </div>
                                <div class="row detail-form">
                                    <div class="col-lg-6 step-popup">
                                        <div class="form-group">
                                            <input type="text" class="form-control small-input"
                                                placeholder="Occupation">
                                        </div>
                                    </div>
                                </div>
                                <div class="single-tittle">
                                    <ul class="age-title p-0">
                                        <li><input type="radio" id="cat10" name="animal" value="" />
                                            <label for="cat10">Male</label>
                                        </li>
                                        <li><input type="radio" id="dog10" name="animal" value="" />
                                            <label for="dog10">Female</label>
                                        </li>
                                        <li><input type="radio" id="pig10" name="animal" value="" />
                                            <label for="pig10">Other</label>
                                        </li>
                                    </ul>
                                </div>
                                <div class="emergency-contact" id="intake_emergency_contact">
                                    <h4 class="font-15 font-bold text-blue mb-4">Emergency contact</h4>
                                    <div class="row detail-form">
                                        <div class="col-lg-6 step-popup">
                                            <div class="form-group">
                                                <input type="text" class="form-control small-input"
                                                    placeholder="First Name">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 step-popup">
                                            <div class="form-group">
                                                <input type="text" class="form-control small-input"
                                                    placeholder="Last Name">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row detail-form">
                                        <div class="col-lg-6 step-popup">
                                            <div class="form-group">
                                                <input type="text" class="form-control small-input"
                                                    placeholder="Mobile phone">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 step-popup">
                                            <div class="form-group">
                                                <input type="text" class="form-control small-input"
                                                    placeholder="Relationship">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="emergency-contact mt-10">
                                    <h4 class="font-15 font-bold text-blue mb-4">Referral source</h4>
                                    <h5 class="text-left font-13 text-blue mb-20 font-400">How did you hear about this
                                        clinic?
                                    </h5>
                                    <div class="row">
                                        <div class="col-lg-4 col-sm-6">
                                            <div class="customdroppdown gray-brdr line-dropdown">
                                                <div
                                                    class="form-group marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                                    <select id="mounth511" class="form-control">
                                                        @foreach($referralSource as $val)
                                                        <option>{{$val->name}}</option>
                                                        @endforeach
                                                        <!-- <option hidden>Family or Friends</option>
                                          <option>Family or Friends</option>
                                          <option>Find My Appointment</option>
                                          <option>Other Practioner</option>
                                          <option>Signage</option>
                                          <option>Google</option>
                                          <option>Promotion</option>
                                          <option>Social Media</option>
                                          <option>Other</option> -->
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="form-group white-bg">
                                                <input type="text" class="form-control small-input"
                                                    placeholder="Full name">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- <div class="emergency-contact mt-10 family-memberarea">
                           <h4 class="font-15 font-bold text-blue mb-4">Family members</h4>
                           <h5 class="text-left font-13 text-blue mb-20 font-400">Please list any family members also
                              attending this clinic.</h5>
                           <div class="row align-items-center">
                              <div class="col-lg-5 col-md-5">
                                 <div class="form-group white-bg mb-xl-0">
                                    <input type="text" class="form-control small-input" placeholder="Full name">
                                 </div>
                              </div>
                              <div class="col-lg-5 col-md-5">
                                 <div class="form-group white-bg mb-xl-0">
                                    <input type="text" class="form-control small-input" placeholder="Relationship">
                                 </div>
                              </div>
                              <div class="col-lg-2 col-md-2">
                                 <div class="plus-bullet-img">
                                    <a href="#"><img src='{{asset("assets/images/green-white-plus.svg")}}' alt="" class="max-34"></a>
                                 </div>
                              </div>
                           </div>
                        </div> -->
                                <div class="boxwhite clients-area mt-30 innerpadd-20">
                                    <h3 class="ml-0">Communication </h3>
                                    <h5 class="text-left font-13 text-blue mb-20 font-400">How would you prefer to
                                        receive
                                        communciation from the clinic?</h5>
                                    <div class="mt-30">
                                        <div class="test-results-area">

                                            <div class="appt-market-area">
                                                <div class="row">
                                                    <div class="col-lg-6 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-5 col-md-8 col-9">
                                                                    <p class="mb-0">SMS</p>
                                                                </div>
                                                                <div class="col-lg-3 col-md-4 col-3">
                                                                    <div class="switch-custom ">
                                                                        <div class="custom-control custom-switch">
                                                                            <input type="checkbox" checked
                                                                                name="checkbox-sms-intake1"
                                                                                class="custom-control-input"
                                                                                id="checkbox-sms-intake1" value="Y"
                                                                                data-parsley-multiple="checkbox-sms-intake1"
                                                                                data-parsley-id="32">
                                                                            <label class="custom-control-label"
                                                                                for="checkbox-sms-intake1"></label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="toogle-area">
                                                            <div class="row align-items-center">
                                                                <div class="col-lg-5 col-md-8 col-9">
                                                                    <p class="mb-0">Email</p>
                                                                </div>
                                                                <div class="col-lg-3 col-md-4 col-3">
                                                                    <div class="switch-custom">
                                                                        <div class="custom-control custom-switch">
                                                                            <input type="checkbox"
                                                                                name="checkbox-email-intake1"
                                                                                class="custom-control-input"
                                                                                id="checkbox-email-intake1" value="Y"
                                                                                data-parsley-multiple="checkbox-email-intake1"
                                                                                data-parsley-id="32">
                                                                            <label class="custom-control-label"
                                                                                for="checkbox-email-intake1"></label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="toogle-area mb-xl-0">
                                                            <div class="row align-items-center">
                                                                <div class="col-lg-5 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.png")}}'
                                                                                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 a push notification based on
                                                                                    real-time location
                                                                                    to
                                                                                    remind patients when they need to
                                                                                    leave to
                                                                                    arrive at their appointment on time
                                                                                </h5>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-3 col-md-4 col-3">
                                                                    <div class="switch-custom">
                                                                        <div class="custom-control custom-switch">
                                                                            <input type="checkbox" checked
                                                                                name="checkbox-geo-intake1"
                                                                                class="custom-control-input"
                                                                                id="checkbox-geo-intake1" value="Y"
                                                                                data-parsley-multiple="checkbox-smsm-intake1"
                                                                                data-parsley-id="32">
                                                                            <label class="custom-control-label"
                                                                                for="checkbox-geo-intake1"></label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-6 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">
                                                                    <div class="switch-custom">
                                                                        <div class="custom-control custom-switch">
                                                                            <input type="checkbox" checked
                                                                                name="checkbox-smsm-intake1"
                                                                                class="custom-control-input"
                                                                                id="checkbox-smsm-intake1" value="Y"
                                                                                data-parsley-multiple="checkbox-smsm-intake1"
                                                                                data-parsley-id="32">
                                                                            <label class="custom-control-label"
                                                                                for="checkbox-smsm-intake1"></label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="toogle-area">
                                                            <div class="row align-items-center">
                                                                <div class="col-md-5 col-9">
                                                                    <p class="mb-0">Email</p>
                                                                </div>
                                                                <div class="col-md-3 col-3">
                                                                    <div class="switch-custom">
                                                                        <div class="custom-control custom-switch">
                                                                            <input type="checkbox"
                                                                                name="checkbox-sms-cintake1"
                                                                                class="custom-control-input"
                                                                                id="checkbox-sms-cintake1" value="Y"
                                                                                data-parsley-multiple="checkbox-sms-cintake1"
                                                                                data-parsley-id="32">
                                                                            <label class="custom-control-label"
                                                                                for="checkbox-sms-cintake1"></label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="boxwhite w-brdr healthhistory-intake zero-brdr healthHistoryDiv">
                                    <div class="health-history-space">
                                        <h3 class="ml-0">Health History </h3>
                                        <h5 class="text-left font-13 text-blue font-400">If you have a history of any of
                                            the
                                            following conditions, please select below.</h5>

                                        <div class="health-history-checkbox mt-30">
                                            <div class="row multi-pract" id="appendDiseaseDivPreview">
                                                @foreach($practitionerDisease as $disease)
                                                <div
                                                    class="col-xl-4 col-lg-6 small-bullet disease_{{$disease->id}} diseaseDivPreview">
                                                    <div class="row">
                                                        <div class="delete-check-icon checkedbox">
                                                            <ul class="mb-0 previewSelectedDisease">
                                                                <li>
                                                                    <div class="rdio rdio-primary radio-inline"><input
                                                                            id="diseases_{{$disease->id}}"
                                                                            value="{{$disease->name}}" type="checkbox">
                                                                        <label
                                                                            for="diseases_{{$disease->id}}">{{$disease->name}}
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>

                                    <div class="mt-30">
                                        <div class="title-health-box" id="intake_health_history_details">
                                            <div class="media">
                                                <h4 class="font-15 font-bold text-blue">Health history details</h4>
                                                <div class="form-group">
                                                    <input type="text" class="form-control"
                                                        placeholder="If you answered yes to any of the above, please provide further information here.">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="title-health-box" id="intake_surgeries">
                                            <div class="media">
                                                <h4 class="font-15 font-bold text-blue">Surgeries</h4>
                                                <div class="form-group">
                                                    <input type="text" class="form-control"
                                                        placeholder="Please list any surgeries you have had here.">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="title-health-box" id="intake_medicines">
                                            <div class="media">
                                                <h4 class="font-15 font-bold text-blue">Medicines/Supplements</h4>
                                                <div class="form-group">
                                                    <input type="text" class="form-control"
                                                        placeholder="Please list any medications or supplements, including the reasons you are taking them, here.">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="title-health-box" id="intake_alcohol_consumption">
                                            <div class="media">
                                                <h4 class="font-15 font-bold text-blue">Alcohol consumption</h4>
                                                <div class="form-group">
                                                    <input type="text" class="form-control"
                                                        placeholder="How much alcohol do you consume on a weekly basis?">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="title-health-box" id="intake_smoking">
                                            <div class="media">
                                                <h4 class="font-15 font-bold text-blue">Smoking</h4>
                                                <div class="form-group">
                                                    <input type="text" class="form-control"
                                                        placeholder="How often do you smoke?">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="title-health-box" id="intake_excercise">
                                            <div class="media">
                                                <h4 class="font-15 font-bold text-blue">Exercise</h4>
                                                <div class="form-group">
                                                    <input type="text" class="form-control"
                                                        placeholder="What type of exercise do you do? How often?">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="title-health-box" id="intake_family_history">
                                            <div class="media">
                                                <h4 class="font-15 font-bold text-blue">Family history</h4>
                                                <div class="form-group">
                                                    <input type="text" class="form-control"
                                                        placeholder="Please list any medical conditions that run in your family.">
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <div class="boxwhite clients-area mt-30 innerpadd-20 currentComplaintDiv">
                                    <h3 class="ml-0">Current complaint </h3>
                                    <h5 class="text-left font-13 text-blue mb-20 font-400">Please provide more
                                        information
                                        about your current condition.</h5>
                                    <div class="mt-30">
                                        <div class="test-results-area" id="appendQuestionDivPreview">
                                            <div class="questionDivPreview">
                                                @foreach($practitionerQuestions as $question)
                                                <div class="label-input question_{{$question->id}}">
                                                    <div class="row align-items-center">
                                                        <div class="col-lg-5">
                                                            <label>{{$question->title}}</label>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="form-group">
                                                                <input type="text" class="form-control">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endforeach
                                            </div>

                                        </div>
                                    </div>

                                </div>
                                <!-- <div id="immuneSystemPreview" class="boxwhite clients-area mt-30 immune-system innerpadd-20">
                           <div>
                              <h3 class="ml-0">Immune system</h3>
                              <h5 class="text-left font-13 text-blue mb-20 font-400">Please answer the following
                                 questions about your immune system.</h5>
                              <div class="mt-30">
                                 <div class="test-results-area">

                                    <div class="label-input textbox-radio">
                                       <div class="row align-items-center">
                                          <div class="col-lg-5">
                                             <label>Dark circles under eyes?</label>
                                          </div>
                                          <div class="col-lg-6 single-tittle m-0">
                                             <ul class="age-title p-0 mb-0">
                                                <li><input type="radio" id="catd12" name="animal" value="">
                                                   <label for="catd12">Yes</label></li>
                                                <li><input type="radio" id="dogd11" name="animal" value="">
                                                   <label for="dogd11">No</label></li>
                                             </ul>
                                          </div>
                                       </div>
                                    </div>

                                    <div class="label-input">
                                       <div class="row align-items-center">
                                          <div class="col-lg-5">
                                             <label>Are they mild, moderate or dark?</label>
                                          </div>
                                          <div class="col-lg-6">
                                             <div class="form-group">
                                                <input type="text" class="form-control">
                                             </div>
                                          </div>
                                       </div>
                                    </div>

                                    <div class="label-input textbox-radio">
                                       <div class="row align-items-center">
                                          <div class="col-lg-5">
                                             <label>Frequent runny nose?</label>
                                          </div>
                                          <div class="col-lg-6 single-tittle m-0">
                                             <ul class="age-title p-0 mb-0">
                                                <li><input type="radio" id="catd13" name="animal" value="">
                                                   <label for="catd13">Yes</label></li>
                                                <li><input type="radio" id="dogd13" name="animal" value="">
                                                   <label for="dogd13">No</label></li>
                                             </ul>
                                          </div>
                                       </div>
                                    </div>

                                    <div class="label-input textbox-radio">
                                       <div class="row align-items-center">
                                          <div class="col-lg-5">
                                             <label>Never gets sick</label>
                                          </div>
                                          <div class="col-lg-6 single-tittle m-0">
                                             <ul class="age-title p-0 mb-0">
                                                <li><input type="radio" id="catd21" name="animal" value="">
                                                   <label for="catd21">Yes</label></li>
                                                <li><input type="radio" id="dogd31" name="animal" value="">
                                                   <label for="dogd31">No</label></li>
                                             </ul>
                                          </div>
                                       </div>
                                    </div>

                                    <div class="label-input">
                                       <div class="row align-items-center">
                                          <div class="col-lg-5">
                                             <label>How often do you get fevers?</label>
                                          </div>
                                          <div class="col-lg-6">
                                             <div class="form-group">
                                                <input type="text" class="form-control">
                                             </div>
                                          </div>
                                       </div>
                                    </div>

                                 </div>
                              </div>
                           </div>
                        </div> -->
                                <div id="immuneSystemPreview"></div>
                                <div class="health-history-space">
                                    <div class="boxwhite clients-area mt-20 zero-brdr">
                                        <h3 class="ml-0">Upload files</h3>
                                        <h5 class="text-left font-13 text-blue font-400">Please upload any files such as
                                            test results or x-rays that you wish to share with your service provider.
                                        </h5>
                                        <div class="mt-20">
                                            <div class="test-results-area">

                                                <div class="label-input client-upload-file">
                                                    <div class="row align-items-center">
                                                        <div class="col-lg-6">
                                                            <div class="browse-img-area text-center">
                                                                <div class="browse-img">
                                                                    <img src='{{asset("assets/images/upload-icon-g.png")}}'
                                                                        alt="" class="img-fluid">
                                                                </div>
                                                                <div class="drag-drop-text">
                                                                    <p class="mb-0">Drag and drop files here </p>
                                                                </div>
                                                                <div class="text-or">
                                                                    - or -
                                                                </div>
                                                                <div class="browse-file">
                                                                    <input type="file" id="fileLoader" name="files"
                                                                        title="Load File">
                                                                    <input type="button" id="btnOpenFileDialog"
                                                                        class="yellow-btn" value="Browse files"
                                                                        onclick="openfileDialog();">
                                                                </div>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>

                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <div class="claims-intake-area">
                                    <div class="accordion claimsmethod-area m-20" id="accordion-client1">
                                        <div class="tab-content clientcollapse-area" id="v-pills-tabContent1">

                                            <div class="health-history-space paymentDiv">
                                                <div class="intake-healthmedical-area paymentmethod-area">
                                                    <h3 class="ml-0">Payments</h3>
                                                    <h5 class="text-left font-13 text-blue font-400">Your card details
                                                        are stored
                                                        encrypted and never shared with your service provider.</h5>
                                                    <div class="row mt-30">
                                                        <div class="col-lg-6 col-md-6">
                                                            <div class="boxwhite">
                                                                <h3 class="ml-0">Payment method <a
                                                                        class="collapse-arrow collapsed"
                                                                        data-toggle="collapse" href="#intakepaymenthod"
                                                                        role="button" aria-expanded="false"
                                                                        aria-controls="intakepaymenthod"><span
                                                                            class="gtop-arrow"><img
                                                                                src='{{asset("assets/images/g-arrow.png")}}'
                                                                                alt=""></span></a>
                                                                </h3>
                                                                <div class="collapse show" id="intakepaymenthod"
                                                                    data-parent="#accordion-client1">

                                                                    <div class="claims-area mt-10">
                                                                        <div class="row">
                                                                            <div class="col-lg-8 col-md-6">
                                                                                <div class="form-group">
                                                                                    <label>Card Number</label>
                                                                                    <input type="text"
                                                                                        class="form-control"
                                                                                        placeholder="0000 0000 0000 0000">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <div class="claims-area">
                                                                        <h4 class="font-15 text-blue mb-20">Expiry</h4>
                                                                        <div class="row">
                                                                            <div class="col-lg-5 col-md-6">
                                                                                <div class="form-group">
                                                                                    <input type="text"
                                                                                        class="form-control"
                                                                                        placeholder="00/00">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <div class="claims-area">
                                                                        <h4 class="font-15 text-blue mb-20">Number on
                                                                            card</h4>
                                                                        <div class="row">
                                                                            <div class="col-lg-12 col-md-6">
                                                                                <div class="form-group text-center">
                                                                                    <input type="text"
                                                                                        class="form-control"
                                                                                        placeholder="Name">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <div class="claims-area bttm-brdr-n">
                                                                        <h4 class="font-15 text-blue mb-20">CCV</h4>
                                                                        <div class="row">
                                                                            <div class="col-lg-4 col-md-6">
                                                                                <div class="form-group">
                                                                                    <input type="text"
                                                                                        class="form-control"
                                                                                        placeholder="000">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <div class="text-right mb-20">
                                                                        <a href="#"
                                                                            class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0">Update</a>
                                                                    </div>


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

                                                        <!-- <div class="col-lg-6 col-md-6">
                                             <div class="boxwhite">
                                                <h3 class="ml-0">Payment method <a class="collapse-arrow collapsed" data-toggle="collapse" href="#intakepaymenthod1" role="button" aria-expanded="false" aria-controls="intakepaymenthod1"><span class="gtop-arrow"><img src='{{asset("assets/images/g-arrow.png")}}' alt=""></span></a>
                                                </h3>
                                                <div class="collapse show" id="intakepaymenthod1" data-parent="#accordion-client1">

                                                   <div class="claims-area mt-10">
                                                      <div class="row">
                                                         <div class="col-lg-8 col-md-6">
                                                            <div class="form-group">
                                                               <label>Card Number</label>
                                                               <input type="text" class="form-control" placeholder="0000 0000 0000 0000">
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>

                                                   <div class="claims-area">
                                                      <h4 class="font-15 text-blue mb-20">Expiry</h4>
                                                      <div class="row">
                                                         <div class="col-lg-5 col-md-6">
                                                            <div class="form-group">
                                                               <input type="text" class="form-control" placeholder="00/00">
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>

                                                   <div class="claims-area">
                                                      <h4 class="font-15 text-blue mb-20">Number on card</h4>
                                                      <div class="row">
                                                         <div class="col-lg-12 col-md-6">
                                                            <div class="form-group text-center">
                                                               <input type="text" class="form-control" placeholder="Name">
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>

                                                   <div class="claims-area bttm-brdr-n">
                                                      <h4 class="font-15 text-blue mb-20">CCV</h4>
                                                      <div class="row">
                                                         <div class="col-lg-4 col-md-6">
                                                            <div class="form-group">
                                                               <input type="text" class="form-control" placeholder="000">
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>

                                                   <div class="text-right mb-20">
                                                      <a href="#" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0">Update</a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div> -->
                                                    </div>

                                                    <!-- <h3 class="ml-0 mt-20">Medicare/Health Fund</h3>
                                       <div class="row">
                                          <div class="col-lg-6 col-md-6">
                                             <div class="boxwhite">
                                                <h3 class="ml-0">Medicare <a class="collapse-arrow collapsed" data-toggle="collapse" href="#intakemedicare" role="button" aria-expanded="false" aria-controls="intakemedicare"><span class="gtop-arrow"><img src='{{asset("assets/images/g-arrow.png")}}' alt=""></span></a>
                                                </h3>
                                                <div class="collapse show" id="intakemedicare" data-parent="#accordion-client1">

                                                   <div class="claims-area mt-10">
                                                      <div class="row">
                                                         <div class="col-lg-8 col-md-6">
                                                            <div class="form-group">
                                                               <label>Card Number</label>
                                                               <input type="text" class="form-control" placeholder="0000 00000 0">
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>

                                                   <div class="claims-area">
                                                      <h4 class="font-15 text-blue mb-20">Number on card</h4>
                                                      <div class="row">
                                                         <div class="col-lg-3 col-md-6">
                                                            <div class="form-group text-center">
                                                               <input type="text" class="form-control" placeholder="0">
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>

                                                   <div class="claims-area bttm-brdr-n">
                                                      <h4 class="font-15 text-blue mb-20">Expiry</h4>
                                                      <div class="row">
                                                         <div class="col-lg-5 col-md-6">
                                                            <div class="form-group">
                                                               <input type="text" class="form-control" placeholder="00/00">
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>

                                                   <div class="text-right mb-20">
                                                      <a href="#" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0">Update</a>
                                                   </div>

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

                                          <div class="col-lg-6 col-md-6">
                                             <div class="boxwhite">
                                                <h3 class="ml-0">Health Fund <a class="collapse-arrow collapsed" data-toggle="collapse" href="#intakehfund" role="button" aria-expanded="false" aria-controls="intakehfund"><span class="gtop-arrow"><img src='{{asset("assets/images/g-arrow.png")}}' alt=""></span></a>
                                                </h3>
                                                <div class="collapse show" id="intakehfund" data-parent="#accordion-client1">

                                                   <div class="claims-area mt-10">
                                                      <h4 class="font-15 text-blue mb-20">Fund name</h4>
                                                      <div class="row">
                                                         <div class="col-lg-8 col-md-6">
                                                            <div class="form-group">
                                                               <input type="text" class="form-control" placeholder="Medibank">
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="claims-area">
                                                      <h4 class="font-15 text-blue mb-20">Card Number</h4>
                                                      <div class="row">
                                                         <div class="col-lg-8 col-md-6">
                                                            <div class="form-group">
                                                               <input type="text" class="form-control" placeholder="0000 00000 0">
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="claims-area bttm-brdr-n">
                                                      <h4 class="font-15 text-blue mb-20">Number on card</h4>
                                                      <div class="row">
                                                         <div class="col-lg-3 col-md-6">
                                                            <div class="form-group text-center">
                                                               <input type="text" class="form-control" placeholder="0">
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>

                                                   <div class="text-right mb-20">
                                                      <a href="#" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0">Update</a>
                                                   </div>
                                                </div>
                                             </div>

                                          </div>

                                       </div> -->

                                                </div>
                                            </div>

                                            <!-- <div class="boxwhite">
                                    <h3 class="ml-0">Claims <a class="collapse-arrow collapsed" data-toggle="collapse" href="#collapsenopermission1" role="button" aria-expanded="false" aria-controls="collapsenopermission1"><span class="gtop-arrow"><img src='{{asset("assets/images/g-arrow.png")}}' alt=""></span></a></h3>
                                    <div class="collapse" id="collapsenopermission1" data-parent="#accordion-client1">

                                       <div class="claims-area mt-10">
                                          <div class="row">
                                             <div class="col-lg-4 col-md-6">
                                                <div class="form-group">
                                                   <label>Type</label>
                                                   <input type="text" class="form-control" placeholder="E.g: Workcover">
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="claims-area">
                                          <div class="row">
                                             <div class="col-lg-4 col-md-6">
                                                <h4 class="font-15 text-blue mb-20">Claim number</h4>
                                                <div class="form-group">
                                                   <input type="text" class="form-control" placeholder="0000000">
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="claims-area referring-area">
                                          <h4 class="font-15 text-blue mb-20">Referring Doctor</h4>
                                          <div class="row">
                                             <div class="col-lg-5 col-md-6">
                                                <h4 class="font-15 text-blue mb-20">Name</h4>
                                                <div class="form-group">
                                                   <input type="text" class="form-control" placeholder="Full name">
                                                </div>
                                             </div>
                                             <div class="col-lg-5 col-md-6">
                                                <h4 class="font-15 text-blue mb-20">Provider number</h4>
                                                <div class="form-group">
                                                   <input type="text" class="form-control" placeholder="0000000">
                                                </div>
                                             </div>
                                          </div>
                                          <div class="row">
                                             <div class="col-lg-5 col-md-6">
                                                <div class="form-group">
                                                   <input type="text" class="form-control" placeholder="Phone number">
                                                </div>
                                             </div>
                                             <div class="col-lg-5 col-md-6">
                                                <div class="form-group">
                                                   <input type="text" class="form-control" placeholder="Address">
                                                </div>
                                             </div>
                                          </div>
                                          <div class="row">
                                             <div class="col-lg-5 col-md-6">
                                                <h4 class="font-15 text-blue mb-20">Referral date </h4>
                                                <div class="form-group">
                                                   <input type="text" class="form-control" placeholder="00/00/00">
                                                </div>
                                             </div>
                                             <div class="col-lg-5 col-md-6">
                                                <h4 class="font-15 text-blue mb-20">Referral expiry </h4>
                                                <div class="form-group">
                                                   <input type="text" class="form-control" placeholder="00/00/00">
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="claims-area">
                                          <div class="row">
                                             <div class="col-lg-4 col-md-6">
                                                <h4 class="font-15 text-blue mb-20">Employer</h4>
                                                <div class="form-group">
                                                   <input type="text" class="form-control" placeholder="Employer’s name">
                                                </div>
                                             </div>
                                             <div class="col-lg-4 col-md-6">
                                                <h4 class="font-15 text-blue mb-20">Employer phone</h4>
                                                <div class="form-group">
                                                   <input type="text" class="form-control" placeholder="Phone number">
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="claims-area">
                                          <div class="row">
                                             <div class="col-lg-4 col-md-6">
                                                <h4 class="font-15 text-blue mb-20">Case manager</h4>
                                                <div class="form-group">
                                                   <input type="text" class="form-control" placeholder="Name">
                                                </div>
                                             </div>
                                             <div class="col-lg-4 col-md-6">
                                                <h4 class="font-15 text-blue mb-20">Case manager phone </h4>
                                                <div class="form-group">
                                                   <input type="text" class="form-control" placeholder="Phone number">
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="claims-area">
                                          <h4 class="font-15 text-blue mb-20">Accident date</h4>
                                          <div class="row">
                                             <div class="col-lg-4 col-md-6">
                                                <div class="form-group">
                                                   <input type="text" class="form-control" placeholder="00/00/00">
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="claims-area">
                                          <h4 class="font-15 text-blue mb-20">Appointments covered</h4>
                                          <div class="row">
                                             <div class="col-lg-2 col-md-2">
                                                <div class="form-group">
                                                   <input type="text" class="form-control" placeholder="0">
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="claims-area bttm-brdr-n">
                                          <h4 class="font-15 text-blue mb-20">Notes</h4>
                                          <div class="row">
                                             <div class="col-lg-12 col-md-12">
                                                <div class="form-group">
                                                   <textarea class="form-control" placeholder=""></textarea>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                    </div>
                                 </div>

                                 <div class="boxwhite clients-area">
                                    <h3 class="ml-0">Concessions <a class="collapse-arrow collapsed" data-toggle="collapse" href="#collapseconcessions" role="button" aria-expanded="false" aria-controls="collapseconcessions"><span class="gtop-arrow"><img src='{{asset("assets/images/g-arrow.png")}}' alt=""></span></a></h3>
                                    <div class="collapse" id="collapseconcessions" data-parent="#accordion-client1">
                                       <div class="consession-box">
                                          <div class="row mt-20">
                                             <div class="col-lg-5 col-md-5">
                                                <h4 class="font-15 text-blue mb-20">Type </h4>
                                                <div class="form-group">
                                                   <input type="text" class="form-control" placeholder="Seniors Card">
                                                </div>
                                             </div>
                                             <div class="col-lg-5 col-md-5">
                                                <h4 class="font-15 text-blue mb-20">Number </h4>
                                                <div class="form-group">
                                                   <input type="text" class="form-control" placeholder="000 000 000">
                                                </div>
                                             </div>
                                             <div class="col-lg-2 col-md-2">
                                                <h4 class="font-15 text-blue mb-20">Expiry </h4>
                                                <div class="form-group">
                                                   <input type="text" class="form-control" placeholder="00/00/00">
                                                </div>
                                             </div>
                                          </div>
                                          <div class="text-center mb-30">
                                             <a href="#"><img src='{{asset("assets/images/green-white-plus.svg")}}' alt="" class="img-fluid max-34"></a>
                                          </div>
                                       </div>

                                    </div>
                                 </div> -->
                                        </div>
                                    </div>
                                </div>
                                <div class="boxwhite clients-area mt-30 innerpadd-20">
                                    <h3 class="ml-0 mb-10">Consent</h3>
                                    <p class="text-blue font-15" id="consentTreatment">
                                    </p>

                                    <div class="mt-20">
                                        <div class="test-results-area contest-area">
                                            <div class="row mt-20">
                                                <div class="col-lg-9 col-md-9b claimsmethod-area">
                                                    <h4 class="font-15 text-blue mb-20">Name </h4>
                                                    <div class="form-group mb-xl-0">
                                                        <input type="text" class="form-control"
                                                            placeholder="Type full name">
                                                    </div>
                                                </div>
                                                <div class="col-lg-3 col-md-3 single-tittle mt-0 mb-xl-0">
                                                    <h4 class="font-15 text-blue mb-20">I consent </h4>
                                                    <ul class="age-title p-0 mb-0">
                                                        <li data-toggle="modal" data-target="#contestyesmodal"
                                                            data-dismiss="Modal" class="cursor-pointer"
                                                            id="contestmodal"><input type="radio" id="catc"
                                                                name="animal" value="">
                                                            <label for="catc">Yes</label>
                                                        </li>
                                                        <li data-toggle="modal" data-target="#contestnomodal"
                                                            data-dismiss="Modal" class="cursor-pointer"
                                                            id="contestmodalno"><input type="radio" id="dogc"
                                                                name="animal" value="">
                                                            <label for="dogc">No</label>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Client Intake Modal End -->

<!-- Add Desease Modal Start -->
<div class="client-follow-popup login-modal settingwaitlist customscroll calenderinterval-modal customscroll clientabpopup businessdetails"
    id="myclienthide">
    <div class="modal fade show" id="AddDiseaseModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel13">
        <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" id="exampleModalLabel13">Enter another option
                        </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="mt-20">
                                <div class="form-group mb-0">
                                    <input type="text" class="form-control noshadow" name="newDisease"
                                        placeholder="Type a keyword">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="text-center">
                            <a href="#" id="addNewDisease"
                                class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Save</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Add Desease Modal End -->

<!-- Add Question Modal Start -->
<div class="client-follow-popup login-modal settingwaitlist customscroll calenderinterval-modal customscroll clientabpopup businessdetails"
    id="myclienthide">
    <div class="modal fade show" id="AddQuestionModal" tabindex="-1" role="dialog"
        aria-labelledby="exampleModalLabel13">
        <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" id="exampleModalLabel13">Enter another question
                        </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="mt-20">
                                <div class="form-group mb-0">
                                    <input type="text" class="form-control noshadow" name="newQuestion"
                                        placeholder="Type a keyword">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="text-center">
                            <a href="#" id="addNewQuestion"
                                class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Save</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Add Question Modal End -->

<!-- Edit Question Modal Start -->
<div class="client-follow-popup login-modal settingwaitlist customscroll calenderinterval-modal customscroll clientabpopup businessdetails"
    id="myclienthide">
    <div class="modal fade show" id="EditQuestionModal" tabindex="-1" role="dialog"
        aria-labelledby="exampleModalLabel13">
        <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" id="exampleModalLabel13">Edit question</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="mt-20">
                                <div class="form-group mb-0">
                                    <input type="hidden" class="form-control noshadow" name="editQuestionId"
                                        placeholder="Type a question">
                                    <input type="text" class="form-control noshadow" name="editQuestion"
                                        placeholder="Type a question">
                                </div>
                                <span class="invalid-feedback d-block"></span>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="text-center">
                            <a href="#" id="editNewQuestion"
                                class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Save</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Edit Question Modal End -->

<!-- Sure modal Start-->
<div class="todo-list-modal clientabpopup sentmodal">
    <div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content mdashboard-client-followuparea">
                <div class="modal-header">
                    <button type="button" class="close bttn-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 text-center">
                    <input type="hidden" name="item_id">
                    <input type="hidden" name="itemName">
                    <input type="hidden" name="flag">
                    <h3 class="font-bold font-15 text-blue mb-20">Are you sure?</h3>
                    <p class="font-13 text-blue">You are about to delete your custom field. This cannot be undone. </p>
                    <div class="text-center mt-40">
                        <a href="#" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 deleteItem">Delete</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Sure modal Modal End-->


<!-- Add credits Start --->
<div class="client-follow-popup login-modal videoconsultationmodal addcreditsmodal customscroll calenderinterval-modal customscroll clientabpopup businessdetails"
    id="myclienthide">
    <div class="modal fade" id="addcreditsmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel13"
        aria-hidden="true">
        <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" id="exampleModalLabel13">Add credits</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="sms-video-box">
                                    <img src='{{asset("assets/images/credit-box.png")}}' alt="" class="img-fluid">
                                    <h6>SMS/Video Credits</h6>
                                    <p>Use credits to send SMS messages and/or host video consultations. 15c each for
                                        purchases under $100 or 11c for purchases above. Custom pricing for orders over
                                        $1000.</p>
                                </div>
                                <div class="brdr-bttm mt-30"></div>
                                <div class="twoway-videochat">
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="credit-sms-text">
                                                <h6>2 way SMS <span class="send-client-btn-geo cursor-pointer"><img
                                                            src='{{asset("assets/images/info-icon.png")}}' alt=""
                                                            class="img-fluid info-icon "></span></h6>
                                                <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">2 way SMS allows patients to
                                                                respond to sent messages. There is no charge to receive
                                                                an inbound SMS</h5>
                                                        </div>
                                                    </div>
                                                </div>
                                                <p>1 credit </p>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="credit-sms-text">
                                                <h6>Video consult</h6>
                                                <p>2 credits per 15 mins</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="brdr-bttm mt-30"></div>
                                <div class="label-input">
                                    <div class="row align-items-center justify-content-center">
                                        <div class="col-lg-7 col-md-6 col-sm-6">
                                            <label>Coupon code
                                            </label>
                                        </div>
                                        <div class="col-lg-5 col-md-6 col-sm-6">
                                            <div class="form-group brdrfull">
                                                <input type="text" name="coupon_code" class="form-control text-left"
                                                    placeholder="Enter Code">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="brdr-bttm mt-30"></div>
                                <div class="label-input">
                                    <div class="row align-items-center justify-content-center">
                                        <div class="col-lg-7 col-md-6 col-sm-6">
                                            <label>Current credit balance
                                            </label>
                                        </div>
                                        <div class="col-lg-5 col-md-6 col-sm-6">
                                            <div class="form-group brdrfull">
                                                <input type="text" name="current_credit_balance"
                                                    value="{{$practitioner->credit_balance}}"
                                                    class="form-control text-left" placeholder="000">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="label-input">
                                    <div class="row align-items-center justify-content-center">
                                        <div class="col-lg-7 col-md-6 col-sm-6">
                                            <label>Purchase amount
                                            </label>
                                        </div>
                                        <div class="col-lg-5 col-md-6 col-sm-6">
                                            <div class="form-group brdrfull">
                                                <input type="number" id="puchase_amount" name="puchase_amount"
                                                    class="form-control text-left float_number_validation"
                                                    placeholder="$00.00">
                                            </div>
                                            <span class="invalid-feedback d-block"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="label-input">
                                    <div class="row align-items-center justify-content-center">
                                        <div class="col-lg-7 col-md-6 col-sm-6">
                                            <label>Number of credits
                                            </label>
                                        </div>
                                        <div class="col-lg-5 col-md-6 col-sm-6">
                                            <div class="form-group brdrfull">
                                                <input readonly type="text" id="no_of_credits" name="no_of_credits"
                                                    class="form-control text-left" placeholder="000">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="test-results-area labeltop mt-3">
                                    <!-- <div class="label-input">
                              <div class="row align-items-center">
                                 <div class="col-lg-7 col-md-6">
                                    <label>Auto top up</label>
                                 </div>
                                 <div class="col-lg-5 col-md-6">
                                    <div class="row">
                                       <div class="col-lg-6 col-md-6">
                                          <ul class="age-title p-0 listingli mb-0">
                                             <li><input type="radio" id="top1" name="auto_top_up" value="1">
                                                <label for="top1">Yes</label></li>
                                          </ul>
                                       </div>
                                       <div class="col-lg-6 col-md-6">
                                          <ul class="age-title p-0 listingli mb-0">
                                             <li><input type="radio" id="top2" name="auto_top_up" value="0">
                                                <label for="top2">No</label></li>
                                          </ul>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div> -->
                                    <!-- <div class="label-input">
                              <div class="row align-items-center justify-content-center">
                                 <div class="col-lg-7 col-md-6 col-sm-6">
                                    <label>Top up amount </label>
                                 </div>
                                 <div class="col-lg-5 col-md-6 col-sm-6">
                                    <div class="customdroppdown gray-brdr line-dropdown">
                                       <div class="form-group marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child brdr-btttm">
                                          <select id="top_up_amount" name="top_up_amount" class="form-control top_up_amount">
                                             <option value="$20.00">$20.00 </option>
                                             <option value="$50.00">$50.00</option>
                                             <option value="$100.00">$100.00 </option>
                                             <option value="$200.00">$200.00 </option>
                                             <option value="$500.00">$500.00 </option>
                                             <option value="$1000.00">$1000.00 </option>
                                             <option value="other">Other</option>
                                          </select>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div> -->

                                    <!-- <div class="label-input custom_amount hide">
                              <div class="row align-items-center justify-content-center">
                                 <div class="col-lg-7 col-md-6 col-sm-6">
                                    <label>Custom amount </label>
                                 </div>
                                 <div class="col-lg-5 col-md-6 col-sm-6">
                                    <div class="form-group brdrfull">
                                       <input type="number" id="custom_amount" name="custom_amount" class="form-control text-left" placeholder="000">
                                    </div>
                                 </div>
                              </div>
                           </div> -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="text-center">
                            <a href="#"
                                class="cardDetailsModal cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Select
                                Card</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- <div class="client-follow-popup login-modal videoconsultationmodal addcreditsmodal customscroll calenderinterval-modal customscroll clientabpopup businessdetails" id="myclienthide">
   <div class="modal fade" id="cardDetailsModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel13" aria-hidden="true">
      <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" id="exampleModalLabel13">Select Cards</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 card_details_append">

                     </div>
                  </div>
               </div>
               <div class="modal-footer">
                  <div class="text-center">
                     <a href="#" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100 puchaseCredit">Purchase</a>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div> -->

<!-- Add credits End  remindersModal-->

<!-- reminders Modal Start --->
<div class="client-follow-popup login-modal videoconsultationmodal customscroll remindersModal calenderinterval-modal customscroll clientabpopup businessdetails"
    id="myclienthide">
    <div class="modal fade" id="remindersModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel13"
        aria-hidden="true">
        <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" id="exampleModalLabel13">Reminders</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>

                    <form action="{{route('practitioner.settings.addReminder')}}" id="addReminder">
                        <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>Send appt reminders</label>
                                                </div>
                                                <div class="col-lg-7 col-md-6">
                                                    <div class="row">
                                                        <div class="col-lg-6 col-md-6">
                                                            <ul class="age-title p-0 listingli mb-0">
                                                                <li><input checked="true" type="radio" id="sapp1"
                                                                        name="send_appt_reminder" value="1"
                                                                        @if(isset($practitionerReminders->send_appt_reminder)
                                                                    && $practitionerReminders->send_appt_reminder == 1)
                                                                    checked
                                                                    @endif>
                                                                    <label for="sapp1">Yes</label>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-lg-6 col-md-6">
                                                            <ul class="age-title p-0 listingli mb-0">
                                                                <li><input type="radio" id="sapp2"
                                                                        name="send_appt_reminder" value="0"
                                                                        @if(isset($practitionerReminders->send_appt_reminder)
                                                                    && $practitionerReminders->send_appt_reminder == 0)
                                                                    checked
                                                                    @endif>
                                                                    <label for="sapp2">No</label>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="label-input">
                                            <div class="row">
                                                <div class="col-lg-5 col-md-6">
                                                    <label>Allow 2 way SMS <span
                                                            class="send-client-btn-geo allow_2_way_sms_btn cursor-pointer"><img
                                                                src='{{asset("assets/images/info-icon.png")}}' alt=""
                                                                class="img-fluid info-icon "></span></label>
                                                    <div class="send-client-box-geo allow_2_way_sms_box">
                                                        <div class="media">
                                                            <img src='{{asset("assets/images/round-n-icon.png")}}'
                                                                class="align-self-start mr-2 mCS_img_loaded" alt="...">
                                                            <div class="media-body">
                                                                <h5 class="mt-0 text-left">2 way SMS allows patients to
                                                                    respond to sent messages. There is no charge to
                                                                    receive an inbound SMS</h5>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-7 col-md-6">
                                                    <div class="row">
                                                        <div class="col-lg-6 col-md-6">
                                                            <ul class="age-title p-0 listingli mb-0">
                                                                <li><input checked="true" type="radio" id="way1"
                                                                        name="allow_2way_sms" value="1"
                                                                        @if(isset($practitionerReminders->allow_2way_sms)
                                                                    && $practitionerReminders->allow_2way_sms == 1)
                                                                    checked
                                                                    @endif>
                                                                    <label for="way1">Yes</label>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-lg-6 col-md-6">
                                                            <ul class="age-title p-0 listingli mb-0">
                                                                <li><input type="radio" id="way2" name="allow_2way_sms"
                                                                        value="0"
                                                                        @if(isset($practitionerReminders->allow_2way_sms)
                                                                    && $practitionerReminders->allow_2way_sms == 0)
                                                                    checked
                                                                    @endif>
                                                                    <label for="way2">No</label>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </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>Send reminders for:
                                                    </label>
                                                </div>
                                                <div class="col-lg-7 col-md-6 col-sm-6">
                                                    <!-- <div class="form-group brdrfull" id="nonconsult">
                                          <select name="send_reminder_for" id="send_reminder_for" class="form-control">
                                             <option value="1" @if(isset($practitionerReminders->send_reminder_for) && $practitionerReminders->send_reminder_for == 1) selected @endif>Initial Consultation</option>
                                             <option value="2" @if(isset($practitionerReminders->send_reminder_for) && $practitionerReminders->send_reminder_for == 2) selected @endif>Short Consultation</option>
                                             <option value="3" @if(isset($practitionerReminders->send_reminder_for) && $practitionerReminders->send_reminder_for == 3) selected @endif>All</option>
                                             <option value="0" @if(isset($practitionerReminders->send_reminder_for) && $practitionerReminders->send_reminder_for == 0) selected @endif>None</option>
                                          </select>
                                       </div> -->

                                                    <div class="form-group brdrfull no-bttm-full">
                                                        <div
                                                            class="form-group select_custom select2-multiple-autoselect">
                                                            <select name="send_reminder_for[]"
                                                                id="send_reminder_for_practitioner"
                                                                class="form-control text-capitalize" multiple="true">
                                                                @if(isset($practitionerReminders->appointmentTypes))
                                                                @foreach ($practitionerReminders->appointmentTypes as
                                                                $appointmentType)
                                                                <option class="text-capitalize"
                                                                    value="{{$appointmentType->id}}"
                                                                    @if($appointmentType->is_selected == 1) ? selected
                                                                    @endif}}>{{$appointmentType->appointment_type}}
                                                                </option>
                                                                @endforeach
                                                                @endif
                                                            </select>
                                                        </div>
                                                    </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>Send first reminder:
                                                    </label>
                                                </div>
                                                <div class="col-lg-7 col-md-6 col-sm-6">
                                                    <div class="form-group brdrfull">
                                                        <select name="send_first_reminder_time" id="mounth512"
                                                            class="form-control">
                                                            <option value="12" @if(isset($practitionerReminders->
                                                                send_first_reminder_time) &&
                                                                $practitionerReminders->send_first_reminder_time == 12)
                                                                selected @endif>12 hours before</option>
                                                            <option value="24" @if(isset($practitionerReminders->
                                                                send_first_reminder_time) &&
                                                                $practitionerReminders->send_first_reminder_time == 24)
                                                                selected @endif>24 hours before</option>
                                                            <option value="48" @if(isset($practitionerReminders->
                                                                send_first_reminder_time) &&
                                                                $practitionerReminders->send_first_reminder_time == 48)
                                                                selected @endif>48 hours before</option>
                                                            <option value="72" @if(isset($practitionerReminders->
                                                                send_first_reminder_time) &&
                                                                $practitionerReminders->send_first_reminder_time == 72)
                                                                selected @endif>72 hours before</option>
                                                            <option value="168" @if(isset($practitionerReminders->
                                                                send_first_reminder_time) &&
                                                                $practitionerReminders->send_first_reminder_time == 168)
                                                                selected @endif>7 days before</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>Send via:
                                                    </label>
                                                </div>
                                                <div class="col-lg-7 col-md-6 col-sm-6">
                                                    <!-- <div class="form-group brdrfull">
                                          <input type="text" class="form-control text-left"
                                             placeholder="SMS">
                                       </div> -->
                                                    <div class="form-group brdrfull">
                                                        <select name="send_first_reminder_via"
                                                            class="form-control send_first_reminder_via">
                                                            <option value="1" @if(isset($practitionerReminders->
                                                                send_first_reminder_via) &&
                                                                $practitionerReminders->send_first_reminder_via == 1)
                                                                selected @endif>SMS</option>
                                                            <option value="2" @if(isset($practitionerReminders->
                                                                send_first_reminder_via) &&
                                                                $practitionerReminders->send_first_reminder_via == 2)
                                                                selected @endif>Email</option>
                                                            <option value="3" @if(isset($practitionerReminders->
                                                                send_first_reminder_via) &&
                                                                $practitionerReminders->send_first_reminder_via == 3)
                                                                selected @endif>SMS & Email</option>
                                                            <option value="0" @if(isset($practitionerReminders->
                                                                send_first_reminder_via) &&
                                                                $practitionerReminders->send_first_reminder_via == 0)
                                                                selected @endif>None</option>
                                                        </select>
                                                        <!-- <input type="text" name="send_first_reminder_via" class="form-control text-left cursor-pointer" placeholder="SMS"> -->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="label-input send_first_sms_reminder_text">
                                            <div class="row">
                                                <div class="col-lg-5 col-md-6 col-sm-6">
                                                    <label>SMS reminder text
                                                    </label>
                                                </div>
                                                <div class="col-lg-7 col-md-6 col-sm-6">
                                                    <div class="form-group brdrfull">
                                                        <textarea maxlength="1231" class="form-control"
                                                            id="send_first_sms_reminder_text"
                                                            name="send_first_sms_reminder_text">{{{ isset($practitionerReminders->send_first_sms_reminder_text) ? $practitionerReminders->send_first_sms_reminder_text : '' }}}</textarea>
                                                    </div>
                                                    <span class="invalid-feedback d-block float-center"></span>
                                                    <p class="text-right"><span class="sms_first_text"></span>
                                                        <span class="notify_credit_btn cursor-pointer"><img
                                                                src='{{asset("assets/images/info-icon.png")}}' alt=""
                                                                class="img-fluid info-icon "></span>
                                                    </p>
                                                    <div class="send-client-box-geo notify_credit_toggle">
                                                        <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">
                                                                    1 credit per sms.Character count for 1st message is
                                                                    160 and each message thereafter 153.
                                                                </h5>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="label-input send_first_email_subject hide">
                                            <div class="row align-items-center justify-content-center">
                                                <div class="col-lg-5 col-md-6 col-sm-6">
                                                    <label>Email subject line
                                                    </label>
                                                </div>
                                                <div class="col-lg-7 col-md-6 col-sm-6">
                                                    <div class="form-group brdrfull">
                                                        <input name="send_first_email_subject"
                                                            id="send_first_email_subject"
                                                            value="{{{ isset($practitionerReminders->send_first_email_subject) ? $practitionerReminders->send_first_email_subject : '' }}}"
                                                            type="text" class="form-control text-leftr" placeholder="">
                                                    </div>
                                                    <span class="invalid-feedback d-block float-center"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="label-input send_first_email_reminder_text hide">
                                            <div class="row">
                                                <div class="col-lg-5 col-md-6 col-sm-6">
                                                    <label>Email reminder text
                                                    </label>
                                                </div>
                                                <div class="col-lg-7 col-md-6 col-sm-6">
                                                    <div class="form-group brdrfull">
                                                        <textarea name="send_first_email_reminder_text"
                                                            id="send_first_email_reminder_text"
                                                            class="form-control">{{ isset($practitionerReminders->send_first_email_reminder_text) ? $practitionerReminders->send_first_email_reminder_text : '' }}</textarea>
                                                    </div>
                                                    <span class="invalid-feedback d-block float-center"></span>
                                                </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>Send second reminder
                                                    </label>
                                                </div>
                                                <div class="col-lg-7 col-md-6 col-sm-6">
                                                    <div class="form-group brdrfull">
                                                        <select name="send_second_reminder_time" id="mounth513"
                                                            class="form-control">
                                                            <option value="12" @if(isset($practitionerReminders->
                                                                send_second_reminder_time) &&
                                                                $practitionerReminders->send_second_reminder_time == 12)
                                                                selected @endif>12 hours before</option>
                                                            <option value="24" @if(isset($practitionerReminders->
                                                                send_second_reminder_time) &&
                                                                $practitionerReminders->send_second_reminder_time == 24)
                                                                selected @endif>24 hours before</option>
                                                            <option value="48" @if(isset($practitionerReminders->
                                                                send_second_reminder_time) &&
                                                                $practitionerReminders->send_second_reminder_time == 48)
                                                                selected @endif>48 hours before</option>
                                                            <option value="72" @if(isset($practitionerReminders->
                                                                send_second_reminder_time) &&
                                                                $practitionerReminders->send_second_reminder_time == 72)
                                                                selected @endif>72 hours before</option>
                                                            <option value="168" @if(isset($practitionerReminders->
                                                                send_second_reminder_time) &&
                                                                $practitionerReminders->send_second_reminder_time ==
                                                                168) selected @endif>7 days before</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>Send via:
                                                    </label>
                                                </div>
                                                <div class="col-lg-7 col-md-6 col-sm-6">
                                                    <div class="form-group brdrfull">
                                                        <select name="send_second_reminder_via"
                                                            class="form-control send_second_reminder_via">
                                                            <option value="1" @if(isset($practitionerReminders->
                                                                send_second_reminder_via) &&
                                                                $practitionerReminders->send_second_reminder_via == 1)
                                                                selected @endif>SMS</option>
                                                            <option value="2" @if(isset($practitionerReminders->
                                                                send_second_reminder_via) &&
                                                                $practitionerReminders->send_second_reminder_via == 2)
                                                                selected @endif>Email</option>
                                                            <option value="3" @if(isset($practitionerReminders->
                                                                send_second_reminder_via) &&
                                                                $practitionerReminders->send_second_reminder_via == 3)
                                                                selected @endif>SMS & Email</option>
                                                            <option value="0" @if(isset($practitionerReminders->
                                                                send_second_reminder_via) &&
                                                                $practitionerReminders->send_second_reminder_via == 0)
                                                                selected @endif>None</option>
                                                        </select>
                                                        <!--  <input  name="send_second_reminder_via" type="text" class="form-control text-left cursor-pointer"
                                             placeholder="SMS"> -->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="label-input send_second_sms_reminder_text">
                                            <div class="row">
                                                <div class="col-lg-5 col-md-6 col-sm-6">
                                                    <label>SMS reminder text
                                                    </label>
                                                </div>
                                                <div class="col-lg-7 col-md-6 col-sm-6">
                                                    <div class="form-group brdrfull">
                                                        <textarea maxlength="1231" name="send_second_sms_reminder_text"
                                                            id="send_second_sms_reminder_text"
                                                            class="form-control">{{ isset($practitionerReminders->send_second_sms_reminder_text) ? $practitionerReminders->send_second_sms_reminder_text : '' }}</textarea>
                                                    </div>
                                                    <span class="invalid-feedback d-block float-center"></span>
                                                    <p class="text-right"><span class="sms_second_text"></span>
                                                        <span class="notify_credit_btn2 cursor-pointer"><img
                                                                src='{{asset("assets/images/info-icon.png")}}' alt=""
                                                                class="img-fluid info-icon "></span>
                                                    </p>
                                                    <div class="send-client-box-geo notify_credit_toggle2">
                                                        <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">
                                                                    1 credit per sms.Character count for 1st message is
                                                                    160 and each message thereafter 153.
                                                                </h5>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="label-input send_second_email_subject hide">
                                            <div class="row align-items-center justify-content-center">
                                                <div class="col-lg-5 col-md-6 col-sm-6">
                                                    <label>Email subject line
                                                    </label>
                                                </div>
                                                <div class="col-lg-7 col-md-6 col-sm-6">
                                                    <div class="form-group brdrfull">
                                                        <input name="send_second_email_subject"
                                                            id="send_second_email_subject" type="text"
                                                            class="form-control text-leftr" placeholder=""
                                                            value="{{ isset($practitionerReminders->send_second_email_subject) ? $practitionerReminders->send_second_email_subject : '' }}">
                                                    </div>
                                                    <span class="invalid-feedback d-block float-center"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="label-input send_second_email_reminder_text hide">
                                            <div class="row">
                                                <div class="col-lg-5 col-md-6 col-sm-6">
                                                    <label>Email reminder text
                                                    </label>
                                                </div>
                                                <div class="col-lg-7 col-md-6 col-sm-6">
                                                    <div class="form-group brdrfull">
                                                        <textarea name="send_second_email_reminder_text"
                                                            id="send_second_email_reminder_text"
                                                            class="form-control">{{ isset($practitionerReminders->send_second_email_reminder_text) ? $practitionerReminders->send_second_email_reminder_text : '' }}</textarea>
                                                    </div>
                                                    <span class="invalid-feedback d-block float-center"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <div class="text-center">
                                <button type="submit"
                                    class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Update and
                                    Save</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- reminders Modal End -->


<!--- none-consultModal Modal Start --->
<div class="daymodal noneconsultModal">
    <div class="modal fade" id="none-consultModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close bttn-close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="health-history-checkbox mb-0">
                        <div class="multi-pract">
                            <div class="small-bullet">
                                <div class="delete-check-icon checkedbox">
                                    <ul class="mb-0">
                                        <li>
                                            <div class="rdio rdio-primary radio-inline">
                                                <input id="radio701" type="checkbox" checked="">
                                                <label for="radio701">Initial Consultation</label>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="multi-pract">
                            <div class="small-bullet">
                                <div class="delete-check-icon checkedbox">
                                    <ul class="mb-0">
                                        <li>
                                            <div class="rdio rdio-primary radio-inline">
                                                <input id="radio712" type="checkbox" checked="">
                                                <label for="radio712">Short Consultation</label>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="multi-pract">
                            <div class="small-bullet">
                                <div class="delete-check-icon checkedbox">
                                    <ul class="mb-0">
                                        <li>
                                            <div class="rdio rdio-primary radio-inline">
                                                <input id="radio713" type="checkbox">
                                                <label for="radio713">None</label>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="multi-pract">
                            <div class="small-bullet">
                                <div class="delete-check-icon checkedbox">
                                    <ul class="mb-0">
                                        <li>
                                            <div class="rdio rdio-primary radio-inline">
                                                <input id="radio714" type="checkbox">
                                                <label for="radio714">All</label>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn-green custom-seemore mb-0 cursor-pointer">Select</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--- none-consultModal Modal End --->

<!--- sms-consultModal Modal Start --->
<div class="daymodal noneconsultModal">
    <div class="modal fade" id="sms-consultModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close bttn-close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="health-history-checkbox mb-0">
                        <div class="multi-pract">
                            <div class="small-bullet">
                                <div class="delete-check-icon checkedbox">
                                    <ul class="mb-0">
                                        <li>
                                            <div class="rdio rdio-primary radio-inline">
                                                <input id="radio723" type="checkbox" checked="">
                                                <label for="radio723">SMS</label>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="multi-pract">
                            <div class="small-bullet">
                                <div class="delete-check-icon checkedbox">
                                    <ul class="mb-0">
                                        <li>
                                            <div class="rdio rdio-primary radio-inline">
                                                <input id="radio722" type="checkbox">
                                                <label for="radio722">Email</label>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="multi-pract">
                            <div class="small-bullet">
                                <div class="delete-check-icon checkedbox">
                                    <ul class="mb-0">
                                        <li>
                                            <div class="rdio rdio-primary radio-inline">
                                                <input id="radio721" type="checkbox">
                                                <label for="radio721">SMS & Email</label>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="multi-pract">
                            <div class="small-bullet">
                                <div class="delete-check-icon checkedbox">
                                    <ul class="mb-0">
                                        <li>
                                            <div class="rdio rdio-primary radio-inline">
                                                <input id="radio720" type="checkbox">
                                                <label for="radio720">None</label>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn-green custom-seemore mb-0 cursor-pointer">Select</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--- sms-consultModal Modal End --->
@endsection

@section('css')
<style>
.customswitch-area .custom-control {
    float: right;
    right: 20px;
    top: 5px;
}

.custom-colordrop select::-ms-expand {
    display: none;
}

.custom-colordrop select {
    -webkit-appearance: none;
    appearance: none;
}

.custom-colordrop select option {
    border-radius: 100px;
}

.custom-colordrop select {
    position: relative;
    left: 10px;
}

.custom-colordrop .select-hidden {
    visibility: inherit !important;
}

.hide {
    display: none !important;
}

.selectedInput {
    background: none;
    color: red !important;
}

.productAdd .select2-container {
    width: 100px !important;
}

.pac-container {
    z-index: 10000 !important;
}

/* hidden updown arrow if type number */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/*end hidden updown arrow if type number */

#colorPick {
    background: #fff !important;
    border-radius: 0;
    top: 26px !important;
}

#colorPick::after {
    content: none;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 18px solid #fff;
    position: absolute;
    top: -18px;
}

.color_picker {
    border-radius: 100px;
    width: 28px;
    height: 28px;
    margin: auto;
    cursor: pointer;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    border: thin solid #eee;
}

/* ul.typeahead.dropdown-menu {
    max-height: 220px;
    overflow: auto;
   } */
</style>
@endsection

@section('js')

<script src='{{ asset("assets/js/colorPick.js")}}'></script>
<script type="text/javascript">
$(document).ready(function() {

    $('input').attr('autocomplete', 'off');
    $(document).on('keyup', '.float_number_validation', function() {
        this.value = this.value
            .replace(/[^\d.]/g, '') // numbers and decimals only
            .replace(/(^[\d]{10})[\d]/g, '$1') // not more than 2 digits at the beginning
            .replace(/(\..*)\./g, '$1') // decimal can't exist more than once
            .replace(/(\.[\d]{2})./g, '$1'); // not more than 4 digits after decimal

    });

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

    var color = @json($colors);

    $(".color_picker").each(function() {
        $(this).colorPick({
            'initialColor': '#eda745',
            'palette': color,
            'onColorSelected': function() {

                // var d = color.filter(f => {
                //   if(f.hex_code.toUpperCase() == this.color.toUpperCase()){
                //    this.element.next().val(f.id);
                //   // this.element.css({'backgroundColor': this.color, 'color': this.color});
                //    }
                // });
                //console.log("The user has selected the color: " + this.color);
                //this.element.css({'backgroundColor': this.color, 'color': this.color});
            }
        });
    });

    //timepicker
    // $('.timepicker').mdtimepicker({
    //    theme: 'blue',
    //    useCurrent: false,
    // });

    $(".toggleopenclickModal").click(function() {
        $('#PractitionerCardListModal').modal('toggle');
    });
    $(".timepicker").each(function() {
        $(this).mdtimepicker({
            theme: 'blue',
            useCurrent: false
        });
    });

    /** Add more service operation */
    $(document).on('click', '.add-more-service', function() {
        var date = new Date();
        var uniqueId = date.getTime();
        var row = $(this).closest('.toppadd').clone();
        row.find('.add-more-service').addClass('remove-service').removeClass('add-more-service')
            .children('img').prop('src', '../../assets/images/trash-icon-green.svg').prop('class',
                'img-fluid max-34 t-brdr mCS_img_loaded');
        row.find(".switch-input").prop('id', uniqueId);
        row.find(".switch-input-label").prop('for', uniqueId);
        row.find(":input").prop('value', "");
        row.find(":checkbox").prop('checked', true).val('on');
        row.find(".hidden-switch-input").val('on');

        var color = @json($colors);
        row.find(".color_picker").each(function() {
            $(this).colorPick({
                'initialColor': '#eda745',
                'palette': color,
                'onColorSelected': function() {}
            });
        });

        $(this).parents('tbody').find('.toppadd').first().before(row);
    });

    /** Remove service  */
    $(document).on('click', '.remove-service', function(event) {
        $(this).closest('.toppadd').remove();
        var ids = $(this).data("id");
        if (ids) {
            $.ajax({
                url: "{{ route('practitioner.settings.deleteService')}}",
                data: {
                    id: ids
                },
                type: 'POST',
            }).done(function(response) {
                if (response.status == "success") {
                    Swal.fire({
                        icon: response.status,
                        title: response.msg,
                        showClass: {
                            popup: 'animate__animated animate__fadeInDown'
                        },
                        hideClass: {
                            popup: 'animate__animated animate__fadeOutUp'
                        }
                    });
                }
            });
        }
    });
    $(".openModelPopup").click(function() {
        //$("#openclickModal").hide();
        $('#paymentgatewayModal').modal('toggle');
    });

    $(document).on('change', '.switch-on-off', function(event) {
        if ($(this).prop('checked')) {
            $(this).next('.hidden-switch-input').val("on");
        } else {
            $(this).next('.hidden-switch-input').val("off");
        }
    });
    /** Change color on change */
    $(document).on('change', '.color-picker-dropdown', function(event) {
        var color = $(this).find(':selected').data('color');
        $(this).css('background-color', color);
    });


    $('#card_add_practitioner').parsley();
    $("#card_add_practitioner").submit(function(e) {
        e.preventDefault();
        $(".profile-form-error").hide();
        if ($(this).parsley().isValid()) {
            var modal = $("#PractitionerCardAddModal")
            $.ajax({
                url: $(this).attr("action"),
                data: $(this).serialize(),
                type: 'POST',
            }).done(function(response) {
                console.log();
                if (response.status == "success") {
                    Swal.fire({
                        icon: response.status,
                        title: response.message,
                        showClass: {
                            popup: 'animate__animated animate__fadeInDown'
                        },
                        hideClass: {
                            popup: 'animate__animated animate__fadeOutUp'
                        }
                    });
                    modal.modal("hide");
                    $("#card_add_practitioner")[0].reset();
                } else {
                    $.each(response.errors, function(key, value) {
                        var input = $('input[name=' + key + ']');
                        var parent = input.parent().next('.invalid-feedback').text(
                            value[0]);
                        input.addClass('is-invalid');
                        var input = $('input[name=' + key + ']');
                        var parent = input.next('.invalid-feedback').text(value[0]);
                        input.addClass('is-invalid');
                    });

                    setTimeout(function() {
                        $('.invalid-feedback').text('');
                    }, 3000);
                }
            });
        }
    });

    $(document).find('.modal').on('hidden.bs.modal', function() {
        $("#PractitionerCardAddModal").find('form').trigger('reset');
        $("#PractitionerCardAddModal").find(".invalid-feedback").text("");
    });
    /* remove product */
    $(document).on('click', '.remove-product', function(event) {
        $(this).closest('.productAdd').remove();
        $(this).closest('.product_remove').remove();
        var ids = $(this).data("id");
        if (ids) {
            $.ajax({
                url: "{{ route('practitioner.settings.deleteProduct')}}",
                data: {
                    id: ids
                },
                type: 'POST',
            }).done(function(response) {
                if (response.status == "success") {
                    Swal.fire({
                        icon: response.status,
                        title: response.msg,
                        showClass: {
                            popup: 'animate__animated animate__fadeInDown'
                        },
                        hideClass: {
                            popup: 'animate__animated animate__fadeOutUp'
                        }
                    });
                    // modal.modal("hide");
                }
            });
        }
    });

});

//Start Reminders Module
// $('#addReminder').parsley();
$("#addReminder").submit(function(e) {
    e.preventDefault();
    $(".profile-form-error").hide();
    if ($(this).parsley().isValid()) {
        var modal = $("#remindersModal");
        $.ajax({
            url: $(this).attr("action"),
            data: $(this).serialize(),
            type: 'POST',
        }).done(function(response) {
            if (response.status == "success") {
                getSetupWizardStatus();
                Swal.fire({
                    icon: response.status,
                    title: 'Success!',
                    text: response.msg,
                    showClass: {
                        popup: 'animate__animated animate__fadeInDown'
                    },
                    hideClass: {
                        popup: 'animate__animated animate__fadeOutUp'
                    }
                });
                modal.modal("hide");
                setTimeout(function() {
                    location.reload();
                }, 2000);

            } else {
                $.each(response.errors, function(key, value, i) {
                    var input = $('input[name=' + key + ']');
                    var parent = input.parent().next('.invalid-feedback').text(value[0]);
                    var textarea = $('textarea[name=' + key + ']');
                    var parent = textarea.parent().next('.invalid-feedback').text(value[0]);
                    input.addClass('is-invalid');
                });
            }
        });
    }
});

//Start calendar interval


//Start activeInactive waiting list
$('#activeInactiveWaitlist').parsley();
$("#activeInactiveWaitlist").submit(function(e) {
    e.preventDefault();
    $(".profile-form-error").hide();
    if ($(this).parsley().isValid()) {
        var modal = $("#activeInactiveWaitlistModal");
        $.ajax({
            url: $(this).attr("action"),
            data: $(this).serialize(),
            type: 'POST',
        }).done(function(response) {
            console.log(response.status);
            if (response.status == "success") {
                Swal.fire({
                    icon: response.status,
                    title: 'Success!',
                    text: response.msg,
                    showClass: {
                        popup: 'animate__animated animate__fadeInDown'
                    },
                    hideClass: {
                        popup: 'animate__animated animate__fadeOutUp'
                    }
                });
                modal.modal("hide");
                $(".waitList[value='" + response.data.waiting_list_status + "']").prop('checked', true);
            }
        });
    }
});

//Start Invoice Module
$('#addInvoice').parsley();
$("#addInvoice").submit(function(e) {
    e.preventDefault();
    $(".profile-form-error").hide();
    if ($(this).parsley().isValid()) {
        var modal = $("#invoicesModal");
        $.ajax({
            url: $(this).attr("action"),
            data: $(this).serialize(),
            type: 'POST',
        }).done(function(response) {
            if (response.status == "success") {
                getSetupWizardStatus();
                Swal.fire({
                    icon: response.status,
                    title: 'Success!',
                    text: response.msg,
                    showClass: {
                        popup: 'animate__animated animate__fadeInDown'
                    },
                    hideClass: {
                        popup: 'animate__animated animate__fadeOutUp'
                    }
                });

                $("#invoicesModal")[0].reset();
                modal.modal("hide");
            } else {
                $.each(response.errors, function(key, value, i) {
                    var input = $('input[name=' + key + ']');
                    var parent = input.parent().next('.invalid-feedback').text(value[0]);
                    input.addClass('is-invalid');
                });
            }
        });
    }
});

//View Invoice
$("#viewInvoice").click(function(e) {
    $("form#addInvoice :input:checked").each(function(key, ele) {
        $('#' + 'in_' + ele.name).attr("style", "display: inline !important");
    });

    $("form#addInvoice :input:checkbox:not(:checked)").each(function(key, ele) {
        $('#' + 'in_' + ele.name).attr("style", "display: none !important");
    });

    var invoiceNotes = $('#invoice_notes_text').val();
    if (invoiceNotes != '') {
        $('.invoiceNotesText').text(invoiceNotes);
    } else {
        $('.invoiceNotesText').text('Invoice Notes');
    }
});


var invoiceNotes = $('#invoice_notes').val();
if ($('#invoice_notes').is(":checked")) {
    $('.invoice_notes_div').removeClass('hide');
} else {
    $('.invoice_notes_div').addClass('hide');
}

$(document).on('change', '#invoice_notes', function(event) {
    if ($(this).is(":checked")) {
        $('.invoice_notes_div').removeClass('hide');
    } else {
        $('.invoice_notes_div').addClass('hide');
    }
});



//End view Invoice

//Add holiday
// $(document).on('click','.add-more-holiday',function(){
//    var  row = $(this).closest('.addingHolidays').clone();
//    row.find('.holidayTitle').addClass('hide');
//    row.find('.holidayId').val('');
//    row.find('.add-more-holiday').addClass('remove-holiday').removeClass('add-more-holiday').children('img').prop('src','../../assets/images/trash-icon-green.svg').prop('class','img-fluid max-34 t-brdr mCS_img_loaded');
//    $('.addingHolidays').last().after(row);
// });

// $(document).on('click', '#getpractitionercardlist', function() {
//    $("#paymentgatewayModal").modal('hide');
//    $(".loading").show();
//    $.ajax({
//       url: "{{ route('practitioner.settings.practitionercardlist')}}",
//       type: 'GET',
//    }).done(function(response) {
//       //console.log(response.data);
//       $(".loading").hide();
//       if (response.status == "success") {
//          if (response.data) {
//             var value = response.data;
//             var html = '';
//             for (var i = 0; i < value.length; i++) {
//                //    alert(value[i].card_number);
//                html += '<div class="titl-cancel-btn"><div class="form-group form-check mb-0"><img class="img-fluid mob-w-30 mr-3" src="' + value[i].card_logo + '"><label class="form-check-label text-blue font-15" for="exampleCheck1">' + value[i].card_number + '</label></div></div>';
//             }
//             $(".allcardofpractitioner").html(html);
//             $("#PractitionerCardListModal").modal('show');
//          } else {
//             var hhtml = ''
//             hhtml += '<div class="titl-cancel-btn"><div class="form-group form-check mb-0"><span style="padding-right: 10px;"></span><label class="form-check-label text-blue font-15" for="exampleCheck1">' + response.message + '</label></div></div>';
//             $(".allcardofpractitioner").html(hhtml);
//             $("#PractitionerCardListModal").modal('show');
//          }
//       }
//       /*<div class="titl-cancel-btn"><div class="form-group form-check mb-0"><input type="checkbox" class="form-check-input" id="exampleCheck1"><label class="form-check-label text-blue font-15" for="exampleCheck1">'+value[i].card_number+'</label></div></div>*/
//    });
// });

$(document).on('click', '.storeMerchantId', function() {
    $.ajax({
        url: "{{ route('practitioner.settings.storeMerchantId')}}",
        data: {
            merchant_id: $('input[name="merchantId"]').val()
        },
        type: 'POST',
    }).done(function(response) {
        if (response.status == "success") {
            Swal.fire({
                icon: response.status,
                title: 'Success!',
                text: response.msg,
                showClass: {
                    popup: 'animate__animated animate__fadeInDown'
                },
                hideClass: {
                    popup: 'animate__animated animate__fadeOutUp'
                }
            });
        } else {
            $.each(response.errors, function(key, value, i) {
                var input = $('input[name=' + key + ']');
                var parent = input.parent().next('.invalid-feedback').text(value[0]);
                input.addClass('is-invalid');
            });
        }
    });
});


//Start video Consultation
$('#addVideoConsultation').parsley();
$("#addVideoConsultation").submit(function(e) {
    e.preventDefault();
    $(".profile-form-error").hide();
    if ($(this).parsley().isValid()) {
        var modal = $("#videoconsultationmodal");
        $.ajax({
            url: $(this).attr("action"),
            data: $(this).serialize(),
            type: 'POST',
        }).done(function(response) {
            if (response.status == "success") {
                getSetupWizardStatus();
                Swal.fire({
                    icon: response.status,
                    title: 'Success!',
                    text: response.msg,
                    showClass: {
                        popup: 'animate__animated animate__fadeInDown'
                    },
                    hideClass: {
                        popup: 'animate__animated animate__fadeOutUp'
                    }
                });
                modal.modal("hide");
            } else {
                $.each(response.errors, function(key, value, i) {
                    var input = $('input[name=' + key + ']');
                    var parent = input.parent().next('.invalid-feedback').text(value[0]);
                    input.addClass('is-invalid');
                });
            }
        });
    }
});

// display hide div through selection
showHideReminderInput($("select.send_first_reminder_via").val(), 'first');
showHideReminderInput($("select.send_second_reminder_via").val(), 'second');

$("select.send_first_reminder_via").change(function() {
    showHideReminderInput($(this).children("option:selected").val(), 'first');
});

$("select.send_second_reminder_via").change(function() {
    showHideReminderInput($(this).children("option:selected").val(), 'second');
});

function showHideReminderInput(value, flag) {
    if (value == 3) {
        $(".send_" + flag + "_email_subject").removeClass('hide');
        $(".send_" + flag + "_email_reminder_text").removeClass('hide');
        $(".send_" + flag + "_sms_reminder_text").removeClass('hide');
        $("#send_" + flag + "_email_subject").attr('required', true);
        $("#send_" + flag + "_email_reminder_text").attr('required', true);
        $("#send_" + flag + "_sms_reminder_text").attr('required', true);
    }
    if (value == 2) {
        //email
        $(".send_" + flag + "_email_subject").removeClass('hide');
        $(".send_" + flag + "_email_reminder_text").removeClass('hide');
        $(".send_" + flag + "_sms_reminder_text").addClass('hide');
        $("#send_" + flag + "_sms_reminder_text").val('');
        $("#send_" + flag + "_email_subject").attr('required', true);
        $("#send_" + flag + "_email_reminder_text").attr('required', true);
        $("#send_" + flag + "_sms_reminder_text").attr('required', false);
    }
    if (value == 1) {
        //text
        $(".send_" + flag + "_email_subject").addClass('hide');
        $(".send_" + flag + "_email_reminder_text").addClass('hide');
        $(".send_" + flag + "_sms_reminder_text").removeClass('hide');
        $("#send_" + flag + "_email_subject").val('');
        $("#send_" + flag + "_email_reminder_text").val('');
        $("#send_" + flag + "_sms_reminder_text").attr('required', true);
        $("#send_" + flag + "_email_subject").attr('required', false);
        $("#send_" + flag + "_email_reminder_text").attr('required', false);
    }
    if (value == 0) {
        //none
        $(".send_" + flag + "_email_subject").addClass('hide');
        $(".send_" + flag + "_email_reminder_text").addClass('hide');
        $(".send_" + flag + "_sms_reminder_text").addClass('hide');
        $("#send_" + flag + "_email_subject").val('');
        $("#send_" + flag + "_email_reminder_text").val('');
        $("#send_" + flag + "_sms_reminder_text").val('');
        $("#send_" + flag + "_email_subject").attr('required', false);
        $("#send_" + flag + "_email_reminder_text").attr('required', false);
        $("#send_" + flag + "_sms_reminder_text").attr('required', false);
    }
}

// change text color
$("#send_first_sms_reminder_text").css('color', '#24303f');
$("#send_first_email_subject").css('color', '#24303f');
$("#send_first_email_reminder_text").css('color', '#24303f');
$("#send_second_sms_reminder_text").css('color', '#24303f');
$("#send_second_email_subject").css('color', '#24303f');
$("#send_second_email_reminder_text").css('color', '#24303f');
$(".holidayTitle").css('color', '#24303f');

//end



//Start count string

$(".sms_first_text").text((countString($('#send_first_sms_reminder_text').val().length)));
$('#send_first_sms_reminder_text').on('input', function() {
    $(".sms_first_text").text(countString($(this).val().length));
});

$(".sms_second_text").text((countString($('#send_second_sms_reminder_text').val().length)));
$('#send_second_sms_reminder_text').on('input', function() {
    $(".sms_second_text").text(countString($(this).val().length));
});
</script>
<script type="text/javascript">
$(".cancellationbtn").hover(function() {
    $(".cancellationmsg").toggle();
});

$(".innerNotify").hover(function() {
    $(".inner-notify-box").toggle();
});

$(".innerOrder").hover(function() {
    $(".inner-order-box").toggle();
});

$(".notify_credit_btn").hover(function() {
    $(".notify_credit_toggle").toggle();
});

$(".notify_credit_btn2").hover(function() {
    $(".notify_credit_toggle2").toggle();
});

$(".overdue_btn_service").hover(function() {
    $(".overdue_box_service").toggle();
});

$(".allow_2_way_sms_btn").hover(function() {
    $(".allow_2_way_sms_box").toggle();
});



$('#practitioner_available_online_appointment_types').select2({
    placeholder: "Select appointment types",
    tokenSeparators: [",", " "],
});

$('#send_reminder_for_practitioner').select2({
    placeholder: "Select appointment",
    tokenSeparators: [",", " "],
});

///////////


$('#importDatastore').parsley();
$("#importDatastore").on('submit', function(e) {
    e.preventDefault();
    var selectedDays = new Array();;
    $(".be-select").each(function() {
        var arr = new Array();;
        $(this).find("input").each(function(index) {
            if ($(this).is(":checked")) {
                arr.push(1);
            } else {
                arr.push(0);
            }
        });
        selectedDays.push(arr);
    });

    var datas = new FormData($(this)[0]);
    var selectedDays = JSON.stringify(selectedDays);
    datas.append('selectedDays', selectedDays);

    var _this = $(this);
    if ($(this).parsley().isValid()) {
        var modal = $("#businessdetailsModal");
        $.ajax({
            url: $(this).attr("action"),
            data: datas,
            type: 'POST',
            processData: false,
            contentType: false,

        }).done(function(response) {

            if (response.status == 'error') {

                Swal.fire({
                    icon: response.status,
                    title: 'error!',
                    text: response.msg,
                    showClass: {
                        popup: 'animate__animated animate__fadeInDown'
                    },
                    hideClass: {
                        popup: 'animate__animated animate__fadeOutUp'
                    }
                });
            }

            if (response.status == "success") {
                Swal.fire({
                    icon: response.status,
                    title: 'Success!',
                    text: response.msg,
                    showClass: {
                        popup: 'animate__animated animate__fadeInDown'
                    },
                    hideClass: {
                        popup: 'animate__animated animate__fadeOutUp'
                    }
                });
                modal.modal("hide");
                location.reload();
            } else {
                $.each(response.errors, function(key, value, i) {
                    var [before, after] = key.split(".");
                    var input = _this.find('input[name="' + before + '[]"]');
                    var span = _this.find('input[name="' + before + '[]"]').parent().next();
                    var da = span[after];
                    da.append(value[0].replace(key, before));
                });
                setTimeout(function() {
                    $('.invalid-feedback').text('');
                }, 3000);
            }
        });
    }
});




//////////////////////////
//Store business details

$('#businessDetailsAdd').parsley();
$("#businessDetailsAdd").on('submit', function(e) {
    e.preventDefault();
    var selectedDays = new Array();;
    $(".be-select").each(function() {
        var arr = new Array();;
        $(this).find("input").each(function(index) {
            if ($(this).is(":checked")) {
                arr.push(1);
            } else {
                arr.push(0);
            }
        });
        selectedDays.push(arr);
    });

    var datas = new FormData($(this)[0]);
    var selectedDays = JSON.stringify(selectedDays);
    datas.append('selectedDays', selectedDays);

    var _this = $(this);
    if ($(this).parsley().isValid()) {
        var modal = $("#businessdetailsModal");
        $.ajax({
            url: $(this).attr("action"),
            data: datas,
            type: 'POST',
            processData: false,
            contentType: false,

        }).done(function(response) {

            // if (response.status == 'error') {

            //    Swal.fire({
            //       icon: response.status,
            //       title: 'error!',
            //       text: response.msg,
            //       showClass: {
            //          popup: 'animate__animated animate__fadeInDown'
            //       },
            //       hideClass: {
            //          popup: 'animate__animated animate__fadeOutUp'
            //       }
            //    });
            // }

            if (response.status == "success") {
                Swal.fire({
                    icon: response.status,
                    title: 'Success!',
                    text: response.msg,
                    showClass: {
                        popup: 'animate__animated animate__fadeInDown'
                    },
                    hideClass: {
                        popup: 'animate__animated animate__fadeOutUp'
                    }
                });
                modal.modal("hide");
                location.reload();
            } else {
                $(".invalid-feedback").text('');
                $.each(response.errors, function(key, value, i) {
                    var [before, after] = key.split(".");
                    var input = modal.find('input[name="' + before + '[]"]');
                    var span = modal.find('input[name="' + before + '[]"]').parent().next();
                    var da = span[after];
                    da.append(value[0].replace(key, before));
                });
                // setTimeout(function() {
                //    $('.invalid-feedback').text('');
                // }, 3000);
            }

        });
    }
});
//end

/*Business details */

//Remove additional location
$('.removeLocationDiv').click(function() {
    var row = $(this).parent().parent().parent().parent().parent().parent().next('.businessDetails');
    row.remove();
    //console.log(row.find('.businessDetails'));
});


//Add more business details
$(document).on('click', '.addAdditionalLocation', function(event) {
    var row = $('#businessDetails').clone();
    row.find('input[type=checkbox]').prop('checked', false);
    row.find('input[name="id[]"]').prop('value', '');
    // row.find('input[name="name[]"]').prop('value', '');
    row.find('input[name="phone_number[]"]').prop('value', '');
    row.find('input[name="address[]"]').prop('value', '');
    // row.find('input[name="email[]"]').prop('value', '');
    // row.find('input[name="abn[]"]').prop('value', '');
    // row.find('input[name="website[]"]').prop('value', '');
    row.find('input[type=checkbox]').prop('checked', false);
    // row.find("input[name*='_time']").each(function(element) {
    //    $(this).parent().parent().parent().parent().parent().parent().parent().css('display', 'none')
    //    return $(this).val('12:00 AM');
    // });

    row.find('.timepicker').each(function(element) {
        $(this).mdtimepicker({
            theme: 'blue',
            useCurrent: false
        });
    });

    var uniqueId = Math.random();
    row.find('.indemnity_yes').prop('id', uniqueId);
    row.find('.indemnity_yes').next().prop('for', uniqueId);

    var uniqueId = Math.random();
    row.find('.indemnity_no').prop('id', uniqueId);
    row.find('.indemnity_no').next().prop('for', uniqueId);

    generateUniqueField(row, '.mondays');
    generateUniqueField(row, '.tuesdays');
    generateUniqueField(row, '.wednesdays');
    generateUniqueField(row, '.thursdays');
    generateUniqueField(row, '.fridays');
    generateUniqueField(row, '.saturdays');
    generateUniqueField(row, '.sundays');

    /* example   generateUniqueField
       // var uniqueId = Math.random();
       // row.find('input[name=tuesday]').prop('id', uniqueId);
       // row.find('input[name=tuesday]').next().prop('for', uniqueId);
    */
    $('.appendBusinessDetails').last().after(row);
});

function generateUniqueField(row, day) {
    var uniqueId = Math.random();
    row.find(day).prop('id', uniqueId);
    row.find(day).next().prop('for', uniqueId);
    //return row;
}
//end

//Checked-Unchecked Days
$(document).on('click', '.be-select', function(event) {
    if (event.target.value == 'monday') {
        var monday = $(this).closest('div').parent().parent().parent().next();
        resetValue(monday, 'monday_');
    }
    if (event.target.value == 'tuesday') {
        var tuesday = $(this).closest('div').parent().parent().parent().next().next();
        resetValue(tuesday, 'tuesday_');
    }
    if (event.target.value == 'wednesday') {
        var wednesday = $(this).closest('div').parent().parent().parent().next().next().next();
        resetValue(wednesday, 'wednesday_');
    }
    if (event.target.value == 'thursday') {
        var thursday = $(this).closest('div').parent().parent().parent().next().next().next().next();
        resetValue(thursday, 'thursday_');
    }
    if (event.target.value == 'friday') {
        var friday = $(this).closest('div').parent().parent().parent().next().next().next().next().next();
        resetValue(friday, 'friday_');
    }
    if (event.target.value == 'saturday') {
        var saturday = $(this).closest('div').parent().parent().parent().next().next().next().next().next()
            .next();
        resetValue(saturday, 'saturday_');
    }
    if (event.target.value == 'sunday') {
        var sunday = $(this).closest('div').parent().parent().parent().next().next().next().next().next().next()
            .next();
        resetValue(sunday, 'sunday_');
    }
});

function resetValue(day, flag) {
    day.toggle("show");
    day.find("input[name*=" + flag + "start_time]").val('9:00 AM');
    day.find("input[name*=" + flag + "end_time]").val('5:00 PM');
    day.find("input[name*=" + flag + "break_start_time]").val('12:00 PM');
    day.find("input[name*=" + flag + "break_end_time]").val('1:00 PM');
    // day.find("input[name*=" + flag + "]").each(function(element) {
    //    return $(this).val('12:00 AM');
    // });
}
//end

/* Indemnity insurance */
$(document).on('click', '.indemnity_insurance_yes', function(event) {
    $(this).parent().next().val(1);
    var row = $(this).next();
    row.find('.indemnity_no').prop('checked', false);
});

$(document).on('click', '.indemnity_insurance_no', function(event) {
    $(this).parent().next().val(0);
    var row = $(this).prev();
    row.find('.indemnity_yes').prop('checked', false);
});
/*End*/

/*auto google address*/
$("body").on('input', '.google_address1', function() {
    var input = $(this);
    var options = {
        types: ['geocode']
        //    componentRestrictions: { country: 'uk' } //Turkey only
    };
    var autocomplete = new google.maps.places.Autocomplete(input[0]);
    google.maps.event.addListener(autocomplete, 'place_changed', function() {
        var place = autocomplete.getPlace();
        // $("#latitude").val(place.geometry.location.lat());
        // $("#longitude").val(place.geometry.location.lng());
    });
});
/*end google address*/
/*Business details End*/


$("#storeShippingDetails").submit(function(e) {
    e.preventDefault();
    $(".profile-form-error").hide();
    if ($(this).parsley().isValid()) {
        var modal = $("#shippingmodal");
        $.ajax({
            url: $(this).attr("action"),
            data: $(this).serialize(),
            type: 'POST',
        }).done(function(response) {
            if (response.status == "success") {
                Swal.fire({
                    icon: response.status,
                    title: 'Success!',
                    text: response.msg,
                    showClass: {
                        popup: 'animate__animated animate__fadeInDown'
                    },
                    hideClass: {
                        popup: 'animate__animated animate__fadeOutUp'
                    }
                });
                modal.modal("hide");
                setTimeout(function() {
                    location.reload();
                }, 2000);
            } else {
                $(".invalid-feedback").text('');
                $.each(response.errors, function(key, value, i) {
                    var [before, after] = key.split(".");
                    var input = modal.find('input[name="' + before + '[]"]');
                    var span = modal.find('input[name="' + before + '[]"]').parent().next();
                    var da = span[after];
                    da.append(value[0].replace(key, before));
                });
            }
        });
    }
});
</script>


<!-- intake form -->
<script>
$(document)
    .one('focus.autoExpand2', 'textarea.autoExpand2', function() {
        var savedValue = this.value;
        this.value = '';
        this.baseScrollHeight = this.scrollHeight;
        this.value = savedValue;
    })
    .on('input.autoExpand2', 'textarea.autoExpand2', function() {

        var minRows = this.getAttribute('data-min-rows') | 0,
            rows;
        this.rows = minRows;
        rows = Math.ceil((this.scrollHeight - this.baseScrollHeight) / 25);
        this.rows = minRows + rows;
    });

$("#picker1").colorPick({
    'initialColor': '#8e44ad',
    'palette': ["#1abc9c", "#16a085", "#2ecc71", "#27ae60", "#3498db", "#2980b9", "#9b59b6", "#8e44ad",
        "#34495e", "#2c3e50", "#f1c40f", "#f39c12", "#e67e22", "#d35400", "#e74c3c", "#c0392b", "#ecf0f1"
    ],
    'onColorSelected': function() {
        console.log("The user has selected the color: " + this.color)
        this.element.css({
            'backgroundColor': this.color,
            'color': this.color
        });
    }
});

function dragNdrop(event) {
    var fileName = URL.createObjectURL(event.target.files[0]);
    var preview = document.getElementById("preview");
    var previewImg = document.createElement("img");
    previewImg.setAttribute("src", fileName);
    preview.innerHTML = "";
    preview.appendChild(previewImg);

}

function dragNdropnew(event) {
    var fileName = URL.createObjectURL(event.target.files[0]);
    var preview = document.getElementById("previewnew");
    var previewImg = document.createElement("img");



    previewImg.setAttribute("src", '{{asset("assets/images/setting-img-6.svg")}}');
    previewImg.setAttribute("class", "maxw-56");
    preview.innerHTML = "";
    preview.appendChild(previewImg);

    /* if(fileName){

     $('#previewnew').prepend('<img id="theImg" src="theImg.png" />');

     }*/

    //alert(fileName);

}

function drag() {
    document.getElementById('uploadFile').parentNode.className = 'draging dragBox';
}

function drop() {
    document.getElementById('uploadFile').parentNode.className = 'dragBox';
}

$(document).ready(function() {

    // function storeSetupWizard(step, status) {
    //    $.ajax({

    //       type: 'POST',
    //       data: {
    //          "step": step,
    //          "status": status
    //       },
    //    }).done(function(response) {
    //       if (response.status == "success") {

    //       }
    //    });
    // }

    $('#fromCalendar').datepicker({
        //format: "yyyy-mm-dd",
        format: "dd/mm/yy",
        weekStart: 1,
        todayHighlight: true,
        autoclose: true,
        clearBtn: false,
        startDate: '-',
        saveBtn: true,
    });

    $("#fromCalendar").datepicker().datepicker("setDate", new Date());
    $('#toCalendar').datepicker({
        //format: "yyyy-mm-dd",
        format: "dd/mm/yy",
        weekStart: 1,
        todayHighlight: true,
        autoclose: true,
        clearBtn: false,
        startDate: '-',
    });

    $("#toCalendar").datepicker().datepicker("setDate", new Date());
    var startDate = new Date('01/01/2012');
    var FromEndDate = new Date();
    var ToEndDate = new Date();
    ToEndDate.setDate(ToEndDate.getDate() + 365);
    // $('#fromCalendar').datepicker({
    //       weekStart: 1,
    //       startDate: '01/01/2012',
    //       endDate: FromEndDate,
    //       autoclose: true
    //    })
    //    .on('changeDate', function(selected) {
    //       startDate = new Date(selected.date.valueOf());
    //       startDate.setDate(startDate.getDate(new Date(selected.date.valueOf())));
    //       $('#toCalendar').datepicker('setStartDate', startDate);
    //       $("#toCalendar").datepicker().datepicker("setDate", startDate);
    //    });

    $('#toCalendar')
        .datepicker({
            weekStart: 1,
            startDate: startDate,
            endDate: ToEndDate,
            autoclose: true
        })
        .on('changeDate', function(selected) {
            FromEndDate = new Date(selected.date.valueOf());
            FromEndDate.setDate(FromEndDate.getDate(new Date(selected.date.valueOf())));
            //$('#from-calendar').datepicker('setEndDate', FromEndDate);
        });

    $(".send-client-btn-geo").hover(function() {
        $(".send-client-box-geo").toggle();
    });

    $(".send-client-btn-geo-cancel").hover(function() {
        $(".send-client-box-geo-cancel").toggle();
    });


    $(".sms-reminder-btn-geo").hover(function() {
        $(".sms-reminder-box-geo").toggle();
    });

    $(".booking-leadtime").hover(function() {
        $(".booking-leadtime-geo").toggle();
    });

    $("#daymodalpop").click(function() {
        $("#myclienthide").hide();
    });

    $("#invoicetemphide").click(function() {
        $("#clientintakehide").hide();
    });

    $("#holidaymult-modal").click(function() {
        $("#holidaysModal").hide();
    });

    $("#videoconsultantmulti").click(function() {
        $("#holidaysModal").hide();
    });

    $("#vimult-modal").click(function() {
        $("#videoconsultationmodal").hide();
    });

    // $(".sure-modal").click(function() {
    //    $(".settingintakeModal").hide();
    // });

    // $(".view-intakeform").click(function() {
    //    $(".settingintakeModal").hide();
    // });

    $('.g-p-box').click(function() {
        var html = '';
        html +=
            '<div class="title-health-box"> <div class="media"> <h4 class="font-15 font-bold textgray"><input type="text" placeholder="Header" class="form-control" name="health_history_header[]"><span class="title-health-toogle"><a href="#" class="toogle-x remove_g_p_box"><img src="{{asset("assets/images/x-img.png")}}" alt=""></a></span></h4> <div class="form-group"> <input type="text" name="descriptive_text[]" class="form-control" placeholder="Descriptive text."> </div> </div> </div>';
        $(this).parent().after(html);
        $('.g-p-box-open').css('margin-top', '30px');

        $('.remove_g_p_box').click(function() {
            $(this).parent().parent().parent().parent().remove();
        });
    });

    $('#nonconsult').click(function() {
        $('.remindersModal').hide()
    });

    $('#smsconsultModal').click(function() {
        $('.remindersModal').hide()
    });

    $("#abc8").click(function() {
        $(".boxyes-show").toggle();
    });

    var highestBox = 0;
    $('.setting-box-area .settingbox').each(function() {
        if ($(this).height() > highestBox) {
            highestBox = $(this).height();
        }
    });
    $('.setting-box-area .settingbox').height(highestBox);
    $(".submit").click(function() {
        return false;
    })

    $(".cbox-open").click(function() {
        $(".nobox-none").show();
    });

    $(".cbox-hide").click(function() {
        $(".nobox-none").hide();
    });

    $(".cque-open").click(function() {
        $(".cnobox-none").show();
    });

    $(".cque-hide").click(function() {
        $(".cnobox-none").hide();
    });

    var current_complaint = $("input[name='current_complaint']:checked").val();
    if (current_complaint == 0) {
        $(".cnobox-none").hide();
    } else {
        $(".cnobox-none").show();
    }

    var health_history = $("input[name='health_history']:checked").val();
    if (health_history == 1) {
        $(".nobox-none").show();
    } else {
        $(".nobox-none").hide();
    }
});




// $('#intakeForm').parsley();
// $("#intakeForm").submit(function(e) {
//    e.preventDefault();
//    $(".profile-form-error").hide();
//    if ($(this).parsley().isValid()) {
//       var modal = $("#settingintakeModal");
//       $.ajax({
//          url: $(this).attr("action"),
//          data: $(this).serialize(),
//          type: 'POST',
//       }).done(function(response) {
//          if (response.status == "success") {
//             Swal.fire({
//                icon: response.status,
//                title: 'Success!',
//                text: response.msg,
//                showClass: {
//                   popup: 'animate__animated animate__fadeInDown'
//                },
//                hideClass: {
//                   popup: 'animate__animated animate__fadeOutUp'
//                }
//             });
//             modal.modal("hide");
//          } else {
//             $.each(response.errors, function(key, value, i) {
//                var input = $('input[name=' + key + ']');
//                var parent = input.parent().next('.invalid-feedback').text(value[0]);
//                input.addClass('is-invalid');
//             });
//          }
//       });
//    }
// });


//$(".").click(function() {
$(document).on('click', ".remove_item", function() {
    $("input[name='item_id']").val($(this).data('id'));
    $("input[name='flag']").val($(this).data('flag'));
    $("input[name='itemName']").val($(this).data('name'));
    $('#confirmModal').modal("show");
});

$(document).on('click', ".edit_item", function() {
    $("input[name='editQuestionId']").val($(this).data('id'));
    $("input[name='editQuestion']").val($(this).data('name'));
    // $("input[name='itemName']").val($(this).data('name'));
    $('#EditQuestionModal').modal("show");
});

$(".deleteItem").click(function() {
    var id = $("input[name='item_id']").val();
    var flag = $("input[name='flag']").val();
    var name = $("input[name='itemName']").val();
    $.ajax({
        url: "{{route('practitioner.settings.delete_item')}}",
        data: {
            'id': id,
            'name': name,
            'flag': flag
        },
        type: 'POST'
    }).done(function(response) {
        if (response.status == "success") {
            $('.' + flag + '_' + id).remove();
            $('#confirmModal').modal("hide");
            Swal.fire({
                icon: response.status,
                //title: response.msg,
                title: 'Deleted',
                //text: response.msg,
                showClass: {
                    popup: 'animate__animated animate__fadeInDown'
                },
                hideClass: {
                    popup: 'animate__animated animate__fadeOutUp'
                }
            });
        }
    });
});

$("#previewIntakeForm").click(function() {
    $(".selectedDisease").find("li").each(function(index) {
        if ($(this).find('input').is(":checked")) {
            var selectedValue = $(this).find('input').val();
            $(".previewSelectedDisease").find("li").each(function() {
                var selectedPreviewValue = $(this).find('input').val();
                if (selectedValue == selectedPreviewValue) {
                    $(this).find('input').attr('checked', 'checked');
                }
            });
        }
    });

    getSectionQuestion('preview');
    // $("form#intakeForm :input:checked").each(function(key, ele) {
    //    if (ele.name != 'disease[]') {
    //       if ($("input[name=" + ele.name + "]:checked")) {
    //          if ($("input[name=" + ele.name + "]:checked").val() == 1) {
    //             $('#' + 'intake_' + ele.name).attr("style", "display: inline !important");
    //          } else {
    //             $('#' + 'intake_' + ele.name).attr("style", "display: none !important");
    //          }
    //       }
    //    }
    // });

    $("form#intakeForm :input:checkbox:not(:checked)").each(function(key, ele) {
        if (ele.name != 'disease[]') {
            $('#' + 'intake_' + ele.name).attr("style", "display: none !important");
        }
    });

    if ($("input[name='private_health_fund']:checked").val() == 0) {
        $(".paymentDiv").hide();
    }

    if ($("input[name='health_history']:checked").val() == 0) {
        $(".healthHistoryDiv").hide();
    }

    if ($("input[name='current_complaint']:checked").val() == 0) {
        $(".currentComplaintDiv").hide();
    }

    if ($('textarea#consent_treatment').val() == '') {
        var text =
            "I have to the best of my knowledge, provided all relevant information about my health and medical history and give my full consent to treatment. I intend this consent to apply to all future treatments and understand that I must update my service provider with any changes that may occur in my medical history. I understand that a 50% cancellation fee may apply if I do not provide at least 24 hours notice."
        $("#consentTreatment").text(text);
    } else {
        $("#consentTreatment").text($('textarea#consent_treatment').val());
    }


});

//Add New disease
$("#addNewDisease").click(function() {
    var name = $("input[name='newDisease']").val();
    if (name != '') {
        var date = new Date();
        var uniqueId = date.getTime();
        var html = '';
        var htmlForPreview = '';
        html += '<div class="col-xl-4 col-lg-4 col-md-4 small-bullet diseaseDiv disease_' + uniqueId +
            '"> <div class="row"> <div class="col-lg-10 col-md-10 col-10"> <div class="delete-check-icon checkedbox"> <ul class="mb-0 selectedDisease"> <li> <input type="hidden" name="disease_name[]" value="' +
            name + '"> <div class="rdio rdio-primary radio-inline"><input id="disease_' + uniqueId +
            '" name="disease[]" value="' + name + '" type="checkbox"> <label for="disease_' + uniqueId + '">' +
            name +
            ' </label> </div> </li> </ul> </div> </div> <div class="col-lg-2 col-md-2 col-2"> <a href="#" class="toogle-x remove_item" data-flag="disease" data-name="' +
            name + '" data-id="' + uniqueId +
            '"><img src="{{asset("assets/images/x-img.png")}}" alt=""></a> </div> </div> </div>';

        htmlForPreview += '<div class="col-xl-4 col-lg-6 small-bullet disease_' + uniqueId +
            ' diseaseDivPreview"><div class="row"><div class="delete-check-icon checkedbox"><ul class="mb-0 previewSelectedDisease"><li><div class="rdio rdio-primary radio-inline"><input id="diseases_' +
            uniqueId + '" value="' + name + '" type="checkbox"><label for="diseases_' + uniqueId + '">' + name +
            ' </label></div></li></ul></div></div></div>';
        $('#appendDiseaseDiv div.diseaseDiv:last').after(html);
        $('#appendDiseaseDivPreview div.diseaseDivPreview:last').after(htmlForPreview);
        $('#AddDiseaseModal').modal("hide");
        $("input[name='newDisease']").val('');
    }
});

$("#addNewQuestion").click(function() {
    var name = $("input[name='newQuestion']").val();
    if (name != '') {
        var date = new Date();
        var uniqueId = date.getTime();
        var html = '';
        var htmlForPreview = '';
        html += '<div class="label-input questionDiv question_' + uniqueId +
            '"> <div class="row align-items-center"> <div class="col-lg-5"> <input type="hidden" name="questions[]" value="' +
            name + '"> <label class="textgray">' + name +
            '</label> </div> <div class="col-lg-6"> <div class="form-group"> <input type="text" class="form-control"> </div> </div> <div class="col-lg-1"> <a href="#" class="toogle-x remove_item" data-flag="question" data-name="' +
            name + '" data-id="' + uniqueId +
            '"><img src="{{asset("assets/images/x-img.png")}}" alt=""></a> </div> </div> </div>';

        htmlForPreview += '<div class="label-input questionDivPreview question_' + uniqueId +
            '"> <div class="row align-items-center"> <div class="col-lg-5"> <label>' + name +
            '</label> </div> <div class="col-lg-6"> <div class="form-group"> <input type="text" class="form-control"> </div> </div> </div> </div>';

        $('#appendQuestionDiv div.questionDiv:last').after(html);
        $('#appendQuestionDivPreview div.questionDivPreview:last').after(htmlForPreview);
        $('#AddQuestionModal').modal("hide");
        $("input[name='newQuestion']").val('');
    }
});
//Add New Question


//  show hide div intake form
if ($("input[name='send_intake_form_trough_sms']").is(':checked') == false) {
    $(".intake_sms_div").hide();
}

if ($("input[name='send_intake_form_trough_email']").is(':checked') == false) {
    $(".intake_email_div").hide();
}
$("#send_intake_form_trough_sms").click(function() {
    $(".intake_sms_div").toggle();
});

$("#send_intake_form_trough_email").click(function() {
    $(".intake_email_div").toggle();
});
//end

//count intake form sms length
$(".intake_sms_reminder_text_count").text((countString($('#intake_sms_reminder_text').val().length)));
$('#intake_sms_reminder_text').on('input', function() {
    $(".intake_sms_reminder_text_count").text(countString($(this).val().length));
});
// count intake from sms length end

$("#question_to_client").click(function() {
    var html = '';
    html +=
        '<div class="customise-title-box question_section_remove customdroppdown gray-brdr question_to_client_child_div"> <div class="row"> <div class="col-lg-5 col-md-5"> <div class="form-group white-bg mb-xl-0"> <input type="text" name="client_question[]" class="form-control small-input" placeholder="Enter question"> </div><span class="invalid-feedback d-block"></span></div> <div class="col-lg-3 col-md-5 line-dropdown"> <div class="form-group marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child"> <select name="question_type[]" id="mounth811" class="form-control myselection"> <option value="button">Yes/No</option> <option value="text">Written answer</option> </select> </div> </div> </div> </div>';
    //$('.question_to_client_div').after(html);
    //$(".question_to_client_div:last-child").after(html);
    //console.log($("div .question_to_client_div:last-child"));
    $('.question_to_client_div .question_to_client_child_div:last-child').after(html);
});

$('#questionToClient').parsley();
$("#questionToClient").click(function(e) {
    var questions = [];
    var types = [];
    $("input[name='client_question[]']").each(function() {
        questions.push($(this).val());
    });
    $(".myselection option:selected").each(function() {
        types.push($(this).val());
    });

    if ($("input[name='header']").val() == '') {
        $('input[name="header"]').parent().next().text('This field is required');
        return false;
    }
    if ($("input[name='introductory_text']").val() == '') {
        $('input[name="introductory_text"]').parent().next().text('This field is required');
        return false;
    }

    e.preventDefault();
    $(".profile-form-error").hide();
    if ($(this).parsley().isValid()) {
        $.ajax({
            url: "{{route('practitioner.settings.save_section')}}",
            data: {
                'header': $("input[name='header']").val(),
                'introductory_text': $("input[name='introductory_text']").val(),
                'client_question': questions,
                'types': types
            },
            type: 'POST',
        }).done(function(response) {
            if (response.status == "success") {
                Swal.fire({
                    icon: response.status,
                    title: 'Section updated',
                    // text: response.msg,
                    showClass: {
                        popup: 'animate__animated animate__fadeInDown'
                    },
                    hideClass: {
                        popup: 'animate__animated animate__fadeOutUp'
                    }
                });
                $('.question_section_remove').remove();
                $('input[name="header"').val('');
                $('input[name="introductory_text"').val('');
                getSectionQuestion('form');
            } else {
                $(".invalid-feedback").text('');
                $.each(response.errors, function(key, value, i) {
                    var [before, after] = key.split(".");
                    var input = $('input[name="' + before + '[]"]');
                    console.log(input);
                    var span = $('input[name="' + before + '[]"]').parent().next();
                    var da = span[after];
                    da.append(value[0].replace(key, before));
                });
            }
        });
    }
});

$(".openIntakeForm").click(function() {
    $('#openIntakeFormModal').modal("show");
    getSectionQuestion('form');
});

function getSectionQuestion(flag) {
    var styleTag = '';
    if (flag == 'preview') {
        styleTag = 'style="display:none"';
    }
    $.ajax({
        url: "{{route('practitioner.settings.get_section_question')}}",
        type: 'GET'
    }).done(function(response) {

        if (response.status == "success") {
            $(".sectionWiseQuestion").remove();
            $.each(response.data, function(key, value) {
                var html1 = '';
                var html3 = '';
                var total = '';

                html1 +=
                    '<div class="boxwhite clients-area mt-30 immune-system current-complaint-customise innerpadd-20 sectionWiseQuestion"><div class=" section_' +
                    value.section + '"> <h3 class="ml-0 textgray">' + value.header + ' <a ' + styleTag +
                    ' class="toogle-x remove_item cursor-pointer" data-flag="section" data-name="' +
                    value.section + '" data-id="' + value.section +
                    '"><img src="{{asset("assets/images/x-img.png")}}" alt=""></a></h3> <h5 class="text-left font-15 mb-30 mt-10 font-400 textgray">' +
                    value.introductory_text +
                    '</h5> <div class="mt-30"> <div class="test-results-area">';

                var questions = [];

                $.each(value.section_question, function(key, val) {
                    var question = '';

                    if (val.type == 'text') {
                        question += '<div class="label-input section_question_' + val.id +
                            '"> <div class="row align-items-center"> <div class="col-lg-5"> <label class="textgray">' +
                            val.question +
                            '</label> </div> <div class="col-lg-6"> <div class="form-group"> <input type="text" class="form-control pl-0" value=""> </div> </div> <div class="col-lg-1"> <a ' +
                            styleTag +
                            ' href="#" class="toogle-x remove_item" data-flag="section_question" data-name="' +
                            val.question + '" data-id="' + val.id +
                            '"><img src="{{asset("assets/images/x-img.png")}}" alt=""></a> <a href="#" ' +
                            styleTag +
                            ' class="toogle-x edit_item" data-flag="section_question"  data-name="' +
                            val.question + '" data-id="' + val.id +
                            '"><i class="fa fa-pencil-square-o iconeditt" aria-hidden="true"></i></a> </div> </div> </div>';
                    }

                    if (val.type == 'button') {
                        question += '<div class="label-input textbox-radio section_question_' +
                            val.id +
                            '"> <div class="row align-items-center"> <div class="col-lg-5"> <label class="textgray">' +
                            val.question +
                            '</label> </div> <div class="col-lg-6 single-tittle m-0"> <ul class="age-title p-0 mb-0"> <li><input type="radio" id="catd" name="animal" value=""> <label for="catd">Yes</label></li> <li><input type="radio" id="dogd" name="animal" value=""> <label for="dogd">No</label></li> </ul> </div> <div class="col-lg-1"> <a href="#" ' +
                            styleTag +
                            ' class="toogle-x remove_item" data-flag="section_question" data-name="' +
                            val.question + '" data-id="' + val.id +
                            '"><img src="{{asset("assets/images/x-img.png")}}" alt=""></a> <a href="#" ' +
                            styleTag +
                            ' class="toogle-x edit_item" data-flag="section_question" data-name="' +
                            val.question + '" data-id="' + val.id +
                            '"><i class="fa fa-pencil-square-o iconeditt" aria-hidden="true"></i></a> </div> </div> </div>';
                    }
                    questions.push(question);
                });

                html3 += '</div></div></div></div>';
                total = html1 + questions.join('') + html3;
                $('#immuneSystem').after(total);
                $('#immuneSystemPreview').after(total);
                if (flag == 'preview') {
                    $('.sectionWiseQuestion').find('.textgray').removeClass('textgray');
                }
            });
        }
    });
}

$("#editNewQuestion").click(function() {
    $.ajax({
        url: "{{route('practitioner.settings.edit_section_question')}}",
        type: 'POST',
        data: {
            question_id: $('input[name="editQuestionId"]').val(),
            question: $('input[name="editQuestion"]').val(),
        },
    }).done(function(response) {
        if (response.status == "success") {
            Swal.fire({
                icon: response.status,
                title: 'Question updated',
                // text: response.msg,
                showClass: {
                    popup: 'animate__animated animate__fadeInDown'
                },
                hideClass: {
                    popup: 'animate__animated animate__fadeOutUp'
                }
            });
            $('input[name="editQuestionId"').val('');
            $('input[name="editQuestion"').val('');
            $('#EditQuestionModal').modal("hide");
            getSectionQuestion('form');
        } else {
            var input = $('input[name="editQuestion"').val('');
            var parent = input.parent().next('.invalid-feedback').text('This field is required');
            input.addClass('is-invalid');
        }
    });
});
</script>
<!-- end intake form -->

<script src="{{asset('assets/js/practitioner/my-settings.js')}}" type="text/javascript"></script>
@endsection