@extends('front.practitioner.import.template.import')
@section('content')

@php
   $data = Common::getMyPlan();
   $showPaymentSectionClass = $data['isBankDetailsFilled'] == 1 ? 'd-none' : '';
@endphp

{{--<div class="container-fluid">
   <div class="row">
      @include( 'front.practitioner.import.include.navbar' )
      <div class="brdr-bttm w-100"></div>
   </div>
</div>--}}

<div class="container-fluid">
    <div class="row">
        <nav class="navbar navbar-light bg-light invoice-page-menu notes-menu w-100">
            <a class=" p-0" href="{{ url('practitioner/settings/show') }}"><img src="{{asset('assets/images/My Appointments back icon.svg')}}" alt="" class="img-flude" style="min-width: 40px"></a>
            <a class="navbar-brand p-0" href="{{ route('practitioner.appointments.index') }}"><img src="{{asset('assets/images/MA Icon Colour.svg')}}" alt="" class="img-flude" style="min-width: 43px"></a>
            <h1 class="page-title eagle-font font-400"><span class="arca-font">My</span> Invoice</h1>
            <ul class="list-inline icons-listing mr-auto my-auto"></ul>
        </nav>
    </div>
</div>
<div class="brdr-bttm"></div>

<div class="dashboard-wrapper mdashboard-wrapper clientd-wrapper setting-wrapper">
   {{--<div class="col-12 ">
      <div class="row align-items-center booking-confirmation mb-md-5 mb-4">
         <div class="col-lg-4 col-md-4 col-sm-4">
            <h1 class="page-title eagle-font font-400"><span class="arca-font">My </span>Invoice </h1>
         </div>
      </div>
   </div>--}}

   <form action="{{route('practitioner.settings.saveInvoice')}}" name="seting_inv" id="seting_inv" method="POST">
      @csrf
      <div class="">
         <div class="container">
            <div class="row">
               <div class="invoice-contain boxwhite p-0 booking-confirmation">
                  <div class="clientintakeModal clientintakecontain">
                     <h3 class="mb-3">Invoice fields</h3>
                     <p class="font-14 text-navy">Select from the following options to customise your invoices. Once complete you can preview your invoice below.</p>
                     <h3 class="font-15 text-navy mb-3">Business address</h3>
                     <div class="label-input send_first_email_subject">
                        <div class="row">
                           <label class="font-14 col-10">Display business address</label>
                           <div class="col-2 invoice_setting_sub">
                              <div class="switch-custom">
                                 <div class="custom-control custom-switch">
                                    <input type="checkbox" value="1" name="invoice_address" class="custom-control-input" id="invoice_address" @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="label-input send_first_email_subject">
                        <div class="row">
                           <label class="font-14 col-10">Replace business address with custom address</label>
                           <div class="col-2 invoice_setting_sub">
                              <div class="switch-custom">
                                 <div class="custom-control custom-switch">
                                    <input
                                    type="checkbox"
                                    value="1"
                                    name="is_replace_business_address"
                                    class="custom-control-input is_replace_business_address"
                                    id="is_replace_business_address"

                                    @if(isset($practitionerInvoice->is_replace_business_address)
                                    && $practitionerInvoice->is_replace_business_address == 1)
                                    checked
                                    @endif
                                    >
                                    <label class="custom-control-label" for="is_replace_business_address"></label>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>

                     <div class="form replace_adress_section   @if(isset($practitionerInvoice->is_replace_business_address)
                           && $practitionerInvoice->is_replace_business_address == 1 )
                           @else
                           d-none
                           @endif
                           ">
                        <div class="form-group mb-3 "> <!-- brdrfull -->
                           <input type="text" class="form-control box-shadow-none font-14 google_address" value="{{ $practitionerInvoice->address1 ?? "" }}" name="address1" id="address1" placeholder="Address line 1"/>
                        </div>

                        <div class="form-group mb-3 "> <!-- brdrfull -->
                           <input type="text" class="form-control box-shadow-none font-14" value="{{ $practitionerInvoice->address2 ?? "" }}" name="address2" id="address2" placeholder="Address line 2"/>
                                 <!-- <textarea class="autosizetextaria w-100 invoiceNotesText font-14" value="{{ $practitionerInvoice->address2 ?? "" }}" name="address2" id="address2" placeholder="Address line 2"   style="height:0px;"></textarea> -->

                                </div>
                                <div class="form-row ">
                                    <div class="form-group  col-md-3">

                                    <input type="text" class="form-control box-shadow-none text-navy font-14" value="{{ $practitionerInvoice->suburb ?? "" }}" name="suburb" id="suburb" placeholder="Suburb" />
                                    </div>
                                    <div class="form-group  col-md-3">

                                    <input type="text" class="form-control box-shadow-none text-navy font-14" value="{{ $practitionerInvoice->state ?? "" }}" name="state" id="state" placeholder="State" />
                                    </div>
                                    <div class="form-group mb-3 col-md-3">
                                    <input type="text" class="form-control box-shadow-none text-navy font-14" value="{{ $practitionerInvoice->postcode ?? "" }}"   name="postcode" id="postcode" placeholder="Postcode" />
                                    </div>
                                    <div class="form-group mb-3 col-md-3">
                                    <input type="text" class="form-control box-shadow-none text-navy font-14" value="{{ $practitionerInvoice->country ?? "" }}" name="country" id="country" placeholder="Country" />
                                    </div>
                                </div>
                         </div>
                         <hr class="mt-0"/>
                        <div class="h3title-text">
                           <h3 class="mb-3 font-15">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> -->
                                             <label class="mb-0 text-navy">Company name</label>
                                          </div>
                                       </div>
                                       <div class="col-lg-4 col-md-4 col-sm-5 col-6 invoice_setting_sub">
                                          <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> -->
                                             <label class="mb-0 text-navy">Logo</label>

                                          </div>
                                       </div>
                                       <div class="col-lg-4 col-md-4 col-sm-5 col-6 invoice_setting_sub">
                                          <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">Phone number</p> -->
                                             <label class="mb-0 text-navy">Phone number</label>

                                          </div>
                                       </div>
                                       <div class="col-lg-4 col-md-4 col-sm-5 col-6 invoice_setting_sub">
                                          <div class="switch-custom ">
                                             <div class="custom-control custom-switch">
                                                <input
                                                 type="checkbox"
                                                 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 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> -->
                                             <label class="mb-0 text-navy">Email</label>

                                          </div>
                                       </div>
                                       <div class="col-lg-4 col-md-4 col-sm-5 col-6 invoice_setting_sub">
                                          <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">Website</p> -->
                                             <label class="mb-0 text-navy">Website</label>

                                          </div>
                                       </div>
                                       <div class="col-lg-4 col-md-4 col-sm-5 col-6 invoice_setting_sub">
                                          <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">Registration number</p> -->
                                             <label class="mb-0 text-navy">Registration number</label>

                                          </div>
                                       </div>
                                       <div class="col-lg-4 col-md-4 col-sm-5 col-6 invoice_setting_sub">
                                          <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>
                                 <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">
                                             <label class="mb-0 text-navy">Profession</label>

                                          </div>
                                       </div>
                                       <div class="col-lg-4 col-md-4 col-sm-5 col-6 invoice_setting_sub">
                                          <div class="switch-custom ">
                                             <div class="custom-control custom-switch">
                                                <input
                                                type="checkbox"
                                                name="profession"
                                                class="custom-control-input"
                                                id="profession"
                                                value="1"
                                                @if(!isset($practitionerInvoice->profession)) checked @endif
                                                @if(isset($practitionerInvoice->profession)
                                                && $practitionerInvoice->profession == 1) checked @endif
                                                >
                                                <label class="custom-control-label" for="profession"></label>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="h3title-text">
                           <h3 class="mb-3 font-15">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 email</p> -->
                                             <label class="mb-0 text-navy">Client email</label>

                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-5 col-6 invoice_setting_sub">
                                            <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> -->
                                             <label class="mb-0 text-navy">Client address</label>

                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-5 col-6 invoice_setting_sub">
                                            <div class="switch-custom ">
                                                <div class="custom-control custom-switch">
                                                    <input
                                                    type="checkbox"
                                                    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> -->
                                             <label class="mb-0 text-navy">Client DOB</label>

                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-5 col-6 invoice_setting_sub">
                                            <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))  @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> -->
                                             <label class="mb-0 text-navy">Invoice notes</label>

                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-5 col-6 invoice_setting_sub">
                                            <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))  @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">
                                <div class="row">
                                    <div class="col-sm-6">
                                    </div>
                                    <div class="col-sm-6 pr-md-0">
                                        <div class="row align-items-center">
                                          <div class="pr-md-0 form-group brdrfull col-md-10 col-sm-11 ">
                                             <textarea id="invoice_notes_text" placeholder="Add your notes" name="invoice_notes_text" class="autosizetextaria w-100 invoiceNotesText font-14" style="height:0px;overflow-y:hidden;">{{{ isset($practitionerInvoice->invoice_notes_text) ? $practitionerInvoice->invoice_notes_text : '' }}}</textarea>
                                          </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="h3title-text nomarg-brdr ">
                              <h3 class="mb-3 font-15">Emailing</h3>
                                <div class="label-input">
                                    <div class="row">
                                        <div class="col-md-6 col-sm-7 ">
                                        <label>Automatically email paid invoices to clients</label>
                                        </div>
                                        <div class="col-sm-5 businessdetails">
                                        <ul class="age-title p-0 listingli">

                                        @php
                                        $clientEmail = isset($practitionerInvoice) ? $practitionerInvoice->client_email : 1;

                                        if(!$clientEmail){
                                          $clientEmail = 0;
                                        }

                                        @endphp


                                          <li><input class="is_paid_invoice" type="radio" id="email1" name="client_email" value="1" @if($clientEmail == 1) checked @endif/>
                                             <label for="email1">Yes</label></li>
                                          <li><input class="is_paid_invoice" type="radio" id="email2" name="client_email" value="0" @if($clientEmail == 0) checked @endif/>
                                             <label for="email2">No </label></li>
                                        </ul>
                                        </div>
                                    </div>
                                </div>
                                @php
                                $text ='Dear <client name>,

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

                                 Kind regards,
                                 <My business name>';
                                @endphp
                                <div class="booking-confirmation paid_section @if(isset($practitionerInvoice->client_email) && $practitionerInvoice->client_email == 0) d-none @endif">
                                    <h4 class="font-15 text-navy font-weight-bold mb-3">Paid invoice message</h4>
                                    <p class="font-14 text-navy mb-3">Use the personalisation drop down to insert code to auto-populate these fields into your messages.</p>

                                    <div class="row main-div">
                                        <div class="col-md-8">
                                            <div class="form-group label-input send_first_email_subject ">
                                                <label class="text-navy font-13 mb-3" for="">Subject line</label>
                                                <div class="form-group brdrfull marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                                         <select class="form-control selprepo js-example-basic-single font-13" style="width:100%" name=" " id=" " >
                                                            <option selected disabled value="">Personalisation</option>
                                                            <option value="<Client name>">Client name</option>
                                                            <option value="<Preferred name>">Preferred name</option>
                                                            <option value="<Client surname>">Client surname</option>
                                                            <option value="<Service provider name>">Service provider name</option>
                                                            <option value="<My business name>">My business name</option>
                                                            <option value="<Invoice #>">Invoice #</option>
                                                            <!-- <option value="<Login button>">Login button </option> -->
                                                         </select>

                                                       @php
                                                       $sublineemail="Invoice <Invoice #> from <My business name>";
                                                       @endphp
                                                         @if(isset($practitionerInvoice->message))
                                                         <textarea name="subject_line" id="subject_line" type="text" class=" text-left append-text autosizetextaria w-100" style="height: 0px;" placeholder="">{{{ isset($practitionerInvoice->subject_line) ? $practitionerInvoice->subject_line : '' }}}</textarea>
                                                         @else
                                                         <textarea name="subject_line" id="subject_line" type="text" class=" text-left append-text autosizetextaria w-100" style="height: 0px;" placeholder="">{{ $sublineemail ??"" }}</textarea>
                                                         @endif


                                                </div>

                                                      <span class="invalid-feedback d-block float-center"></span>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="row main-div">
                                        <div class="col-md-8">
                                            <div class="form-group">
                                                <label class="text-navy font-13 mb-3" for="">Message</label>
                                                <div class="form-group brdrfull marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                                         <select class="form-control selprepo js-example-basic-single font-13" style="width:100%"  >
                                                            <option selected disabled value="">Personalisation</option>
                                                            <option value="<Client name>">Client name</option>
                                                            <option value="<Preferred name>">Preferred name</option>
                                                            <option value="<Client surname>">Client surname</option>
                                                            <option value="<Service provider name>">Service provider name</option>
                                                            <option value="<My business name>">My business name</option>
                                                            <option value="<Invoice #>">Invoice #</option>
                                                            <option value="<Login button>">Login button </option>

                                                         </select>

                                                       @php
                                                       $message = isset($practitionerInvoice->message) ? trim($practitionerInvoice->message) : trim($text);
                                                       @endphp
                                                         @if(isset($practitionerInvoice->message))
                                                         <textarea name="message" id="message" type="text" class=" text-left append-text autosizetextaria w-100" style="height: 0px;" placeholder="">{{$message ?? ""}}</textarea>
                                                         @else
                                                         <textarea name="message" id="message" type="text" class=" text-left append-text autosizetextaria w-100" style="height: 0px;" placeholder="">
Dear <Client name>,

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

Kind regards,
<Service provider name>
                                                                                             </textarea>
                                                         @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="mt-4 booking-confirmation paid_section @if(isset($practitionerInvoice->client_email) && $practitionerInvoice->client_email == 0) d-none @endif">
                                    <h4 class="font-15 text-navy font-weight-bold mb-3">Unpaid invoice message</h4>
                                    <p class="font-14 text-navy">How do you prefer to send your unpaid invoices 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 invoice_setting_sub">
                                                   <div class="switch-custom mt-2">
                                                      <div class="custom-control custom-switch">
                                                         <input type="checkbox" name="is_unpaid_sms" class="custom-control-input" id="is_unpaid_sms" value="1" data-parsley-multiple="checkbox-sms-intakesms" data-parsley-id="32" @if(isset($practitionerInvoice->is_unpaid_sms) && $practitionerInvoice->is_unpaid_sms == 1) checked @endif>
                                                         <label class="custom-control-label" for="is_unpaid_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 invoice_setting_sub">
                                                   <div class="switch-custom mt-2">
                                                      <div class="custom-control custom-switch">
                                                         <input type="checkbox" id="is_unpaid_email" name="is_unpaid_email" class="custom-control-input" value="1" data-parsley-multiple="checkbox-smsm-intakeemail" data-parsley-id="32" @if(isset($practitionerInvoice->is_unpaid_email) && $practitionerInvoice->is_unpaid_email == 1) checked @endif>
                                                         <label class="custom-control-label" for="is_unpaid_email"></label>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <br><br>
                                    </div>
                                    <div class="brdr-bttm"></div>


                                    <p class="font-14 text-navy">If you would like to email your clients any unpaid invoices including instructions on how to make payment, use this setting to customise the email wording.</p>
                                    <div class="row main-div @if(isset($practitionerInvoice->is_unpaid_sms) && $practitionerInvoice->is_unpaid_sms == 1)  @else d-none @endif" id="smsMessageDiv">
                                       <!-- <div class="col-md-3 col-sm-6 pr-md-2">
                                       <label class="text-navy font-13 mb-3" for="">Message</label>
                                       </div> -->
                                        <div class="col-md-8">
                                            <div class="form-group">
                                               <label class="text-navy font-13 mb-3" for="">SMS text</label>
                                                <div class="form-group brdrfull marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                                      <select class="form-control selprepo js-example-basic-single font-13" style="width:100%"  >
                                                         <option selected disabled value="">Personalisation</option>
                                                         <option value="<Client name>">Client name</option>
                                                         <option value="<Preferred name>">Preferred name</option>
                                                         <option value="<Client surname>">Client surname</option>
                                                         <option value="<Service provider name>">Service provider name</option>
                                                         <option value="<My business name>">My business name</option>
                                                         <option value="<Invoice #>">Invoice #</option>
                                                         <option value="<Login link>">Login link</option>
                                                         {{-- @if( isset( $data ) && $data['myPlan'] == 1 )
                                                         @endif --}}
                                                         <option value="<Payment link>">Payment link</option>
                                                         <option value="<Invoice amount>">Invoice amount</option>
                                                      </select>

                                                      @php
                                                         $msg = $practitionerInvoice->unpaid_sms_message ?? "Hi <Client name>, Your invoice can be paid here <Payment link>. With thanks, <Service Provider name>";
                                                         $letters = strlen($msg);
                                                      @endphp

                                                      <textarea name="unpaid_sms_message" id="unpaid_sms_message" type="text" class=" text-left append-text autosizetextaria w-100 sms-box" style="height: 0px;" placeholder="">{{$msg ?? ""}}</textarea>                            <p class="text-right font-13">
                                                         <span class="char-count"></span>
                                                         {{-- <span class="char-count"> {{countString($letters)}} </span> --}}
                                                      </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    
                                    <div class="row main-div @if(isset($practitionerInvoice->is_unpaid_email) && $practitionerInvoice->is_unpaid_email == 1)  @else d-none @endif" id="subjectLineDiv">
                                       
                                       <!-- <div class="col-md-3 col-sm-6 pr-md-2">
                                          <label class="text-navy font-13 mb-3" for="">Subject line</label>
                                       </div> -->
                                       <div class="col-md-8">
                                            <div class="form-group">                               <label class="text-navy font-13 mb-3" for="">Subject line</label>
                                                <div class="form-group brdrfull marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                                         <select class="form-control selprepo js-example-basic-single font-13" style="width:100%"  >
                                                            <option selected disabled value="">Personalisation</option>
                                                            <option value="<Client name>">Client name</option>
                                                            <option value="<Preferred name>">Preferred name</option>
                                                            <option value="<Client surname>">Client surname</option>
                                                            <option value="<Service provider name>">Service provider name</option>
                                                            <option value="<My business name>">My business name</option>
                                                            <option value="<Invoice #>">Invoice #</option>
                                                            <!-- <option value="<Login button>">Login button </option> -->
                                                         </select>
                                                         @if(isset($practitionerInvoice->subject_line_unpaid))
                                                         <textarea name="subject_line_unpaid" id="subject_line_unpaid" type="text" class=" text-left append-text autosizetextaria w-100" style="height: 0px;" placeholder="">{{{ isset($practitionerInvoice->subject_line_unpaid) ? $practitionerInvoice->subject_line_unpaid : '' }}}</textarea>
                                                         @else
                                                         <textarea name="subject_line_unpaid" id="subject_line_unpaid" type="text" class=" text-left append-text autosizetextaria w-100" style="height: 0px;" placeholder="">{{ $sublineemail ??"" }}</textarea>
                                                         @endif
                                                   </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row main-div @if(isset($practitionerInvoice->is_unpaid_email) && $practitionerInvoice->is_unpaid_email == 1)  @else d-none @endif" id="emailMessageDiv">
                                       <!-- <div class="col-md-3 col-sm-6 pr-md-2">
                                       <label class="text-navy font-13 mb-3" for="">Message</label>
                                       </div> -->
                                        <div class="col-md-8">
                                            <div class="form-group">                                 
                                             <label class="text-navy font-13 mb-3" for="">Message</label>
                                                <div class="form-group brdrfull marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                                   <select class="form-control selprepo js-example-basic-single font-13" style="width:100%"  >
                                                      <option selected disabled value="">Personalisation</option>
                                                      <option value="<Client name>">Client name</option>
                                                      <option value="<Preferred name>">Preferred name</option>
                                                      <option value="<Client surname>">Client surname</option>
                                                      <option value="<Service provider name>">Service provider name</option>
                                                      <option value="<My business name>">My business name</option>
                                                      <option value="<Invoice #>">Invoice #</option>
                                                      <option value="<Login link>">Login link</option>
                                                      {{-- @if( isset( $data ) && $data['myPlan'] == 1 )
                                                      @endif --}}
                                                      <option value="<Pay now button>">Pay now button</option>
                                                      <option value="<Invoice amount>">Invoice amount</option>
                                                   </select>
                                                   <textarea name="message_unpaid" id="message_unpaid" type="text" class=" text-left append-text autosizetextaria w-100" style="height: 0px;" placeholder="">{{ $message_body }}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                    <div class="row mb-4 {{$showPaymentSectionClass}}">
                                       <div class="col-12">
                                          <div class="label-input text-center pre-payment">
                                             <p class="">To allow your clients to pay their invoices online, please activate your payment gateway. Our payment partners take up to 24 business hours to process your application.</p>
                                             <a href="{{ $data['redirect'] }}" class="btn-unfill">{{ $data['title'] }}</a>
                                          </div>
                                       </div>
                                    </div>
                                    <div  class="row">
                                       <div class="col-12 text-center">
                                             <button id="viewInvoice"  data-url="{{ route('get.practitionerInvoice.data.modal') }}"  type="button" class="cursor-pointer save-btn save-btn-bg btn-unfill mt-0 col-12 float-none show-invoice-sample" style="right: inherit;">View invoice</button>
                                             {{--  <a class="cursor-pointer save-btn save-btn-bg btn-unfill mt-0 col-12 float-none show-invoice-sample">View invoice</a>  --}}
                                       </div>
                                    </div>
                                </div>
                           </div>
                    </div>
                    <hr/>
                    <div>
                        <div id="update-btn">
                           <div class="col-12 text-center">
                              <button type="submit" class=" cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100 float-none" style="right: inherit;">Update and Save</button>
                           </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
   </form>
         <!-- invoicetemplatemodal start -->
<div class="client-follow-popup login-modal clientintakeModal customscroll clientabpopup invoicemodal invoiceGeneral" 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-4 col-md-6 col-sm-6">
                                    <div class="health-first-clinic">
                                       <div class="health-logo health-firstlogo mb-0" id="business_logo_section" @if(isset($practitionerInvoice->logo) && $practitionerInvoice->logo ==0)  style="display:none !important" @endif>
                                          {{--  <img id="in_logo" src='' alt="" class="img-fluid">  --}}

                                          @if(isset(Auth::guard("practitioner")->user()->businessProfile->logo))
                                          <img src='{{ asset("business_images/".Auth::guard("practitioner")->user()->businessProfile->logo ) }}' alt="" class="img-fluid">
                                          @endif

                                       </div>
                                       <h3 class="text-sm-left text-center practitionerName" id="in_practitioner_provider_name"></h3>

                                       @if( isset( $practitionerInvoice->practitioner_provider_number ) && $practitionerInvoice->practitioner_provider_number == 1 )
                                          <h4 class="text-sm-left text-center" id="in_practitioner_provider_number"></h4>
                                       @endif
                                    </div>
                                 </div>
                                 <div class="col-lg-8 col-md-6 col-sm-6">
                                    <div class="health-firstinvoice">
                                       <h2 class="mb-1">Tax Invoice</h2>
                                       <p id="in_practitioner_provider_abn"></p>

                                       @if( isset( $practitionerInvoice->company_name ) && $practitionerInvoice->company_name == 1 )
                                          <p id="in_company_name" class="text-bold">Business name</p>
                                       @endif

                                       @if( isset( $practitionerInvoice ) && $practitionerInvoice->is_replace_business_address == 1)
                                          <p class="text-capitalize">{{ $practitionerInvoice->address1.', '.$practitionerInvoice->address2 }}</p>
                                          <p class="text-capitalize">{{ $practitionerInvoice->suburb.', '.$practitionerInvoice->state.', '.$practitionerInvoice->postcode.', '.$practitionerInvoice->country }}</p>
                                       @elseif( isset( $practitionerInvoice ) && $practitionerInvoice->address == 1 )
                                          <p class="text-capitalize d-block hide" id="in_invoice_address" @if(isset($practitionerInvoice->address) && $practitionerInvoice->address ==1) style="display:inline !important;" @endif class="d-block hide"></p>
                                       @endif

                                       @if( isset( $practitionerInvoice->phone_number ) && $practitionerInvoice->phone_number == 1 )
                                          <p class="text-capitalize d-block" id="in_phone_number">Phone number</p>
                                       @endif

                                       @if( isset( $practitionerInvoice->email ) && $practitionerInvoice->email == 1 )
                                          <p class="text-lowercase d-block" id="in_email">Email address</p>
                                       @endif

                                       @if( isset( $practitionerInvoice->website ) && $practitionerInvoice->website == 1 )
                                          <p class="text-lowercase d-block" id="in_website">Website</p>
                                       @endif
                                    </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 mb-sm-0 mb-4">
                                             <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 text-capitalize font-13">Client name</h3><br>

                                             @if( isset( $practitionerInvoice->client_name ) && $practitionerInvoice->client_name == 1 )
                                                <p id="in_client_name" class="">client@yopmail.com</p>
                                             @endif

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

                                             <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>
                                          </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 d-none">
                                          <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 d-none">
                                          <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="invoice-template-table-header">
                              <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">Code</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>


                        <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: </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>Balance: </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>* Total GST:</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 d-none">
                                          <div class="row d-flex justify-content-end">
                                             <button type="submit" class="paynow-btn mr-2">Pay Now</button>
                                          </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>* Total GST:</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>

                        @if(isset($practitionerInvoice->invoice_notes) && $practitionerInvoice->invoice_notes==1)
                        <div class="health-space-box nomarg-brdr mt-4 ">

                           <div class="innerpadd">

                                    <div class="row align-items-center">
                                       <div class=" form-group brdrfull col-12 mb-0">
                                          <textarea  id="invoice_notes_text"  placeholder="Add your notes" name="invoice_notes_text"  class="autosizetextaria w-100 invoiceNotesText" style="height: 0px;" readonly="readonly">{{{ 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>
                        @endif


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

      </div>


      <!-- </div>

   </div>
</div> -->
@endsection




@section('css')
<style>
   .health-logo img {
    max-width: 180px;
}
@media (max-width: 575px){
   .invoiceGeneral .health-first-clinic{
      text-align: center;
   }
}
</style>
@endsection

@section('import-scripts')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@9.15.1/dist/sweetalert2.min.css">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9.15.1/dist/sweetalert2.all.min.js"></script>

<!-- <link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" /> -->
<script src='{{ asset("assets/js/colorPick.js")}}'></script>
{{-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjtdxXehCp88pH_w-aQ84QFn-LfRX-3Pg&amp;libraries=places"></script> --}}
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCthc-S3bNXYCC2J6mun-z1qQ2maA_yV-E&amp;libraries=places"></script>
<script type="text/javascript">
    $("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();

            input.parent().find("#latitude").val(place.geometry.location.lat());
            input.parent().find("#longitude").val(place.geometry.location.lng());

            $("#address1,#address2,#suburb,#state,#postcode,#country").val("");

            var address1 = ""; var address2 = "";
            $.each(place.address_components, function (key, value){
                if($.inArray("street_number", value.types) !== -1){
                    address1 += value.long_name + ", ";
                }
                if($.inArray("route", value.types) !== -1 || $.inArray("premise", value.types) !== -1){
                    address1 += value.long_name + ", ";
                }
                if($.inArray("sublocality_level_2", value.types) !== -1){
                    address1 += value.long_name + ", ";
                }
                if($.inArray("sublocality_level_1", value.types) !== -1){
                    address2 += value.long_name + ", ";
                }
                if($.inArray("administrative_area_level_2", value.types) !== -1){
                    address2 += value.long_name + ", ";
                }
                if($.inArray("locality", value.types) !== -1){
                    $("#suburb").val(value.long_name);
                }
                if($.inArray("administrative_area_level_1", value.types) !== -1){
                    $("#state").val(value.long_name);
                }
                if($.inArray("postal_code", value.types) !== -1){
                    $("#postcode").val(value.long_name);
                }
                if($.inArray("country", value.types) !== -1){
                    $("#country").val(value.long_name);
                }
            });
            $("#address1").val(address1);
            $("#address2").val(address2);
        });
    });

    $(document).on('change', '#invoice_address', function(event) {
      if ($(this).is(":checked")) {
         $('#is_replace_business_address').prop('checked', false).trigger('change');
      }else{
         if($('#is_replace_business_address').is(':checked') == false){
            $('#is_replace_business_address').prop('checked', true).trigger('change');
         }
      }
   });
   $(document).on('change', '#is_replace_business_address', function(event) {
      if ($(this).is(":checked")) {
         $('#invoice_address').prop('checked', false).trigger('change');
      }else{
         if($('#invoice_address').is(':checked') == false){
            $('#invoice_address').prop('checked', true).trigger('change');
         }
      }
   });

   $(document).ready(function() {
      $('input').attr('autocomplete', 'off');

      $(".js-example-basic-single").select2({minimumResultsForSearch: -1});

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

      $("#addWelcomeEmail").submit(function(e) {
         e.preventDefault();
         $(".profile-form-error").hide();
         if ($(this).parsley().isValid()) {
            var modal = $("#booking-confirmation");
            $.ajax({
               url: $(this).attr("action"),
               data: $(this).serialize(),
               type: 'POST',
            }).done(function(response) {
               if (response.status == "success") {
               // getSetupWizardStatus();
               Swal.fire({
                  icon: response.status,
                  title: 'Settings updated',
                  // text: response.msg,
                  showClass: {
                     popup: 'animate__animated animate__fadeInDown'
                  },
                  hideClass: {
                     popup: 'animate__animated animate__fadeOutUp'
                  }
               });
               modal.modal("hide");
               setTimeout(function() {
                  window.location.href = "{{ route('practitioner.settings.index') }}";
               }, 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');
               });
            }
         });
         }
      });
   });


   $(".selprepo").change(function() {


      var val=$(this).val();
      if( val!="" && val!=null ) {
         var id=$(this).closest(".main-div").find('.append-text').attr("id");
         $(this).closest(".main-div").find('.append-text').trigger('input');
         console.log(id);
         insertAtCaret(id,val);
      }
   });

   function insertAtCaret( areaId, text ) {
      var txtarea = document.getElementById(areaId);
      if (!txtarea) {
         return;
      }

      var scrollPos = txtarea.scrollTop;
      var strPos = 0;
      var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ?
         "ff" : (document.selection ? "ie" : false));
      if (br == "ie") {
         txtarea.focus();
         var range = document.selection.createRange();
         range.moveStart('character', -txtarea.value.length);
         strPos = range.text.length;
      } else if (br == "ff") {
         strPos = txtarea.selectionStart;
      }

      var front = (txtarea.value).substring(0, strPos);
      var back = (txtarea.value).substring(strPos, txtarea.value.length);
      txtarea.value = front + text + back;
      strPos = strPos + text.length;
      if (br == "ie") {
         txtarea.focus();
         var ieRange = document.selection.createRange();
         ieRange.moveStart('character', -txtarea.value.length);
         ieRange.moveStart('character', strPos);
         ieRange.moveEnd('character', 0);
         ieRange.select();
      } else if (br == "ff") {
         txtarea.selectionStart = strPos;
         txtarea.selectionEnd = strPos;
         txtarea.focus();
      }

      txtarea.scrollTop = scrollPos;
      $('.selprepo').val('').trigger('change');
   }

   /*$("#send_welcome_email_to_all").change( function(e) {
      e.preventDefault();
      if(this.checked) {
         $("#email-part").removeClass("hide");
      } else {
         $("#email-part").addClass("hide");
      }
   });*/

   // 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');


</script>

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

   //SMS character count new js start
	function getAdjustedLengthAndUnicodeStatus(message) {
		const specialCharsRegex = /[|^€{}\[\]~\\]/g;
		const isUnicode = /[^\u0000-\u007F]/.test(message);
		const specialMatches = message.match(specialCharsRegex);
		const specialCharCount = specialMatches ? specialMatches.length : 0;
		const visualLength = getGraphemeLength(message);
		const adjustedLength = isUnicode ? visualLength : visualLength + specialCharCount;
		//const adjustedLength = message.length + specialCharCount;
		return { adjustedLength, isUnicode };
	}

	function getGraphemeLength(text) {
		const segmenter = new Intl.Segmenter(undefined, { granularity: 'grapheme' });
		const segments = [...segmenter.segment(text)];
		return segments.length;
	}

	const gsmSegments = [
		{ min: 1, max: 160, sms: 1 },
		{ min: 161, max: 306, sms: 2 },
		{ min: 307, max: 459, sms: 3 },
		{ min: 460, max: 612, sms: 4 },
		{ min: 613, max: 765, sms: 5 },
		{ min: 766, max: 918, sms: 6 },
		{ min: 919, max: 1071, sms: 7 },
		{ min: 1072, max: 1224, sms: 8 },
		{ min: 1225, max: 1377, sms: 9 },
		{ min: 1378, max: 1530, sms: 10 },
		{ min: 1531, max: 1683, sms: 11 },
		{ min: 1684, max: 1836, sms: 12 },
		{ min: 1837, max: 1989, sms: 13 },
		{ min: 1990, max: 2142, sms: 14 },
		{ min: 2143, max: 2295, sms: 15 },
		{ min: 2296, max: 2448, sms: 16 },
		{ min: 2449, max: 2601, sms: 17 },
		{ min: 2602, max: 2754, sms: 18 },
	];

	const unicodeSegments = [
		{ min: 1, max: 70, sms: 1 },
		{ min: 71, max: 134, sms: 2 },
		{ min: 135, max: 201, sms: 3 },
		{ min: 202, max: 268, sms: 4 },
		{ min: 269, max: 335, sms: 5 },
		{ min: 336, max: 402, sms: 6 },
		{ min: 403, max: 469, sms: 7 },
		{ min: 470, max: 536, sms: 8 },
	];

	function countString(message) {
		const { adjustedLength, isUnicode } = getAdjustedLengthAndUnicodeStatus(message);

		// Use appropriate segment array
		const segments = isUnicode ? unicodeSegments : gsmSegments;

		// Check exact match first
		for (const seg of segments) {
			if (adjustedLength >= seg.min && adjustedLength <= seg.max) {
				return `Character estimate ${adjustedLength} = ${seg.sms} Credit${seg.sms > 1 ? 's' : ''}`;
			}
		}

		// Fallback for over-limit messages
		const last = segments[segments.length - 1];
		const segmentSize = last.max - last.min + 1;
		const extraChars = adjustedLength - last.max;
		const extraCredits = Math.ceil(extraChars / segmentSize);
		const totalCredits = last.sms + extraCredits;

		return `Character estimate ${adjustedLength} = ${totalCredits} Credits`;
	}
	//SMS character count new js end


   $('.autosizetextaria').each(function () {
      //alert("page load");
      this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
   }).on('input', function () {
      this.style.height = 'auto';
      this.style.height = (this.scrollHeight) + 'px';
   });

   $('.custom-control-input').on( 'change', function() {
      if(  this.checked ) {
         $('.autosizetextaria').each(function () {
            this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
         }).on('input', function () {
            this.style.height = 'auto';
            this.style.height = (this.scrollHeight) + 'px';
         });
      }
   });

   $('#is_unpaid_email').on( 'change', function() {
      if(this.checked) {
         $("#subjectLineDiv").removeClass('d-none');
         $("#emailMessageDiv").removeClass('d-none');
         $('.autosizetextaria').each(function () {
            this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
         }).on('input', function () {
            this.style.height = 'auto';
            this.style.height = (this.scrollHeight) + 'px';
         });
      } else{
         $("#subjectLineDiv").addClass('d-none');
         $("#emailMessageDiv").addClass('d-none');
      }
   });

   $('#is_unpaid_sms').on( 'change', function() {
      if(this.checked) {
         $("#smsMessageDiv").removeClass('d-none');
         $('.autosizetextaria').each(function () {
            this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
         }).on('input', function () {
            this.style.height = 'auto';
            this.style.height = (this.scrollHeight) + 'px';
         });
      } else{
         $("#smsMessageDiv").addClass('d-none');
      }
   });



   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');
         $('.autosizetextaria').each(function () {
            this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
         }).on('input', function () {
            this.style.height = 'auto';
            this.style.height = (this.scrollHeight) + 'px';
         });
      } else {
         $('.invoice_notes_div').addClass('hide');
      }
   });

   $(".char-count").text((countString($('#unpaid_sms_message').val())));
    $('#unpaid_sms_message').on('input', function() {
      $(".char-count").text(countString($(this).val()));
    });
 
</script>

<script type="text/javascript">
   var Tawk_API = Tawk_API || {},
       Tawk_LoadStart = new Date();
   (function() {
       var s1 = document.createElement("script"),
           s0 = document.getElementsByTagName("script")[0];
       s1.async = true;
       s1.src = 'https://embed.tawk.to/60208ea2c31c9117cb76c4d0/1etviqanh';
       s1.charset = 'UTF-8';
       s1.setAttribute('crossorigin', '*');
       s0.parentNode.insertBefore(s1, s0);
   })();

   
</script>

@if(session()->has('success'))
<script>
   Swal.fire({
      icon: 'success',
      title: 'Settings updated',
      // text: response.msg,
      showClass: {
         popup: 'animate__animated animate__fadeInDown'
      },
      hideClass: {
         popup: 'animate__animated animate__fadeOutUp'
      }
   });
</script>
@endif

@endsection