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

@section('content')

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


<div class="page-content dashboard-wrapper mdashboard-wrapper clientd-wrapper setting-wrapper">
   <div class="row align-items-center">
      <div class="col-md-4 col-sm-4">
         <h1 class="page-title eagle-font font-400"><span class="arca-font">My</span> Details</h1>
      </div>
      @include('front.inner-layout.header') 
   </div>
   <div class="brdr-bttm"></div>

   <div class="row justify-content-center position-relative">
      @if( $setupWizard == 0 && $practitioner->parent_id == '' )
      <button id="redirectToSetupWizard"  data-step="1" class="btn btn-unfill text-center mb-3">Next step</button>
      <br>
      @endif


      <div class=" col-lg-9 col-md-10">
         <div class="accordion pt-0" id="accordion-clients">
            <div class="tab-content clientcollapse-area dashboard-myaccount user-detail-form my-detail" id="v-pills-tabContent">
               <div class="boxwhite padd-sm mt-20">
                  @if(count($practitionerBusinessLocations) >= 1)
                  <form id="personalInformation" data-url="{{route('practitioner.store.personaldetails')}}">
                     <div class="collapse show">
                        <div class="media">
                           <div class="client-pic mr-xl-4 mr-lg-4 mr-sm-4 mt-0">
                              <div class="client-pic-inner position-relative cpinner">
                                 <div class="profile-hover placeholderimg">
                                    <div class="profile-top">
                                       <img src="{{asset('assets/images/camera_icon.svg')}}" alt="" class="img-fluid">
                                       <span style="text-transform:none !important">Upload profile<br /> image</span>
                                    </div>
                                 </div>
                                 <div class="profile">
                                    <div class="profile-change">
                                       <input type='file' name="profile_image" accept="image/*" id="imgInp" />
                                    </div>
                                    <img id="blah" src="{{$practitioner->profile_picture}}" alt="" />
                                    <div class="profile-hover">
                                       <div class="profile-top">
                                          <img src="{{asset('assets/images/camera_icon.svg')}}" alt="" class="img-fluid">
                                          <span style="text-transform:none !important">Upload profile<br /> image</span>
                                       </div>
                                    </div>
                                    <a class="remove-image-btn {{ $profile_picture_remove_class }}" href="javascript:void(0)" id="remove-my-profile">Remove</a>
                                 </div>
                              </div>
                           </div>
                           <div class="media-body">
                              <div>
                                 <div class="form-group">
                                    <label>First Name</label>
                                    <input type="hidden" name="practitioner_id" value="{{isset($practitioner->id) ? $practitioner->id : ''}}">
                                    <input type="text" name="first_name" class="form-control" placeholder="First Name" value="{{isset($practitioner->first_name) ? $practitioner->first_name : ''}}">
                                    <span class="invalid-feedback d-block"></span>
                                 </div>

                                 <div class="form-group">
                                    <label>Last Name</label>
                                    <input type="text" name="last_name" class="form-control" placeholder="Last Name" value="{{isset($practitioner->last_name) ? $practitioner->last_name : ''}}">
                                    <span class="invalid-feedback d-block"></span>
                                 </div>

                                 <div class="form-group">
                                    <label>Mobile number</label>
                                    <input type="text" name="phone" class="form-control numeric-only" placeholder="Mobile number" value="{{isset($practitioner->phone) ? $practitioner->phone : ''}}">
                                    <span class="invalid-feedback d-block"></span>
                                 </div>

                                 {{-- <div class="form-group">
                                    <label>Association or provider number</label>
                                    <input type="text" name="provider_number" class="form-control" placeholder="Provider number" value="{{isset($practitioner->provider_number) ? $practitioner->provider_number : ''}}">
                                 <span class="invalid-feedback d-block"></span>
                              </div> --}}

                              @if($practitioner->role != 'admin')
                              <div class="form-group select2-multiple-autoselect">
                                 <label>Profession/s</label>
                                 <select class="form-control profession-dd" name="profession[]" multiple="multiple">
                                    {{-- <option>Select Profession</option>  --}}
                                    @foreach($professions as $profession)
                                    <option @if(in_array($profession->id,$professionId)) ? selected @endif
                                       value="{{$profession->id}}">{{$profession->name}}
                                    </option>
                                    @endforeach
                                 </select>
                                 <span class="invalid-feedback d-block"></span>
                              </div>
                              @endif

                              {{--
                                 <div class="form-group">
                                    <a href="#" class="btn-unfill">Add provider number</a>
                                 </div>

                                 <div class="form-group brdrfull no-bttm-full select2-multiple-autoselect">
                                    <label>Health fund</label>
                                    <select required class="form-control text-capitalize font-13" id="health-fund" name="healthFunds[]" multiple="multiple">
                                       <option>Select Health Fund</option>
                                       @foreach($allHealthFunds as $healthFund)
                                       <option {{in_array($healthFund->code,$selectedcodes)? 'selected':''}}
                              value="{{$healthFund->code}}">{{$healthFund->name}}</option>
                              @endforeach
                              </select>
                              <span class="invalid-feedback d-block"></span>
                           </div>

                           <div class="form-group ">
                              <label>Provider number</label>
                              <input type="text" name="provider_number" class="form-control " placeholder="Health fund provider number" value="{{isset($practitioner->health_fund_provider_number) ? $practitioner->health_fund_provider_number : ''}}">
                              <span class="invalid-feedback d-block"></span>
                           </div>
                           --}}
                        </div>
                     </div>
               </div>
               <button type="submit" class="btn-fill w-100 mt-10">Update and save</button>
            </div>
            </form>
         </div>

         <div class="boxwhite clients-area">
            <h3 class="ml-0">My Business details <a class="collapse-arrow collapsed" data-toggle="collapse" href="#collapsecommunic" role="button" aria-expanded="false" aria-controls="collapsecommunic"><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-clients">
               <form id="businessDetails" action="{{route('practitioner.store.businessdetails')}}">
                  @csrf
                  <div class="mt-30">

                     @foreach($practitionerBusinessLocations as $key=>$val)
                     <input type="hidden" name="id[]" value="{{$val->id}}">
					 <input type="hidden" id="location_status" name="location_status[]" value="{{$practitionerBusinessLocations}}">
					 <input type="hidden" id="location_status_array" name="location_status_array[]" value="0">
					 
                     @if($key == 0)
                     <div class="crop-img">
                        <img id="businessImagePreview" class="img-fluid main-img" src="{{$businessProfile->logo}}" alt="" />
                        <div class="profile-change">
                           <input type="file" name="logo" id="businessImage" accept="image/*">
                        </div>
                        <div class="crop-bg">
                           <div>
                              <img src="{{asset('assets/images/camera_icon.svg')}}" class="img-fluid" /><br />
                              <p class="">Upload Logo</p>
                           </div>
                        </div>
                        <div class="crop-bg crop-hover">
                           <div>
                              <img src="{{asset('assets/images/camera_icon.svg')}}" class="img-fluid" /><br />
                              <p class="">Upload Logo</p>
                           </div>
                        </div>
                        <a class="remove-image-btn {{ $business_logo_remove_class }}" href="javascript:void(0)" id="remove-my-logo">Remove</a>
                     </div>
                     <div class="media mt-4">
                        <div class="media-body">
                           <div>
                              <div class="form-group marg-bttm online-dropdown select-dropdown avalable-drop timezoneDiv">
                                 @if( $practitioner->parent_id != '' )
                                 <label>Business timezone</label>
                                 @else
                                 <label>My timezone</label>
                                 @endif
                                 <select type="text" id="timezone" name="timezone" class="form-control filter-dropdown-select2">
                                    <option value=""> Select timezone </option>
                                    @foreach($timezone as $val)
                                    <option value="{{$val}}" @if($practitioner && $practitioner->timezone == $val) selected @endif>{{$val}}</option>
                                    @endforeach
                                 </select>
                                 <span class="invalid-feedback d-block"></span>
                              </div>

                              <div class="form-group">
                                 <label>Business Name</label>
                                 <input type="text" name="name" class="form-control" placeholder="Business Name" value="{{isset($businessProfile->name) ? $businessProfile->name : ''}}" required>
                                 <span class="invalid-feedback d-block"></span>
                              </div>

                              <div class="form-group">
                                 <label>Business phone number</label>
                                 <input type="text" name="phone_number[]" class="form-control" placeholder="Business phone number" value="{{isset($businessProfile->office_phone) ? $businessProfile->office_phone : ''}}">
                                 <span class="invalid-feedback d-block"></span>
                              </div>

                              <div class="form-group">
                                 <label>Business email address</label>
                                 <input type="text" name="email[]" class="form-control" placeholder="Business email address" value="{{isset($businessProfile->email) ? $businessProfile->email : ''}}">
                                 <span class="invalid-feedback d-block"></span>
                              </div>

                              <div class="form-group">
                                 <label>Business address</label>
                                 <br>
                                 <label>
                                    Please provide the address from where you conduct your business. If you only provide telehealth, phone consultations or mobile visits, we'll automatically hide your location for online bookings.
                                 </label><br>

								 <div class="form-group radio-btn-effact">
									{{-- <input type="hidden" id="toggle_status" name="hide_address_status[]" value=""> --}}
									<input type="checkbox" value="1" name="hide_address_online_booking[]" class="d-none " id="hide_address_online_booking" @if(isset($hide_address->hide_address_online_booking) && $hide_address->hide_address_online_booking == 1) checked @endif
									/>
									{{-- <input type="checkbox" value="{{isset( $hide_address->hide_address_online_booking) ? $hide_address->hide_address_online_booking : 0}}" name="hide_address_online_booking[]" class="d-none" id="hide_address_online_booking" @if(isset($hide_address->hide_address_online_booking) && $hide_address->hide_address_online_booking == 1) checked @endif
									/> --}}
									{{-- <label for="hide_address_online_booking" class="radio-btn-effact">Hide my address for online bookings</label> --}}
								</div>
								
                                 <input type="hidden" name="latitude[]" id="latitude">
                                 <input type="hidden" name="longitude[]" id="longitude">
                                 <input type="text" name="address[]" class="form-control google_address" placeholder="Address line 1" value="{{isset($businessProfile->address) ? str_replace(',', '', $businessProfile->address) : ''}}">
                                 <span class="invalid-feedback d-block"></span>
                              </div>

                              <div class="form-group">
                                 <input type="text" name="address2[]" class="form-control" placeholder="Address line 2" value="{{isset($businessProfile->address_2) ? str_replace(',', '', $businessProfile->address_2) : ''}}">
                                 <span class="invalid-feedback d-block"></span>
                              </div>

                              <div class="form-group row">
                                 <div class="col-md-6">
                                    <input type="text" name="suburb[]" class="form-control" placeholder="Suburb" value="{{isset($businessProfile->suburb) ? str_replace(',', '', $businessProfile->suburb) : ''}}">
                                    <span class="invalid-feedback d-block"></span>
                                 </div>
                                 <div class="col-md-6">
                                    <input type="text" name="state[]" class="form-control" placeholder="State" value="{{isset($businessProfile->state) ? str_replace(',', '', $businessProfile->state) : ''}}">
                                    <span class="invalid-feedback d-block"></span>
                                 </div>
                              </div>

                              <div class="form-group row">
                                 <div class="col-md-6">
                                    <input type="text" name="country[]" class="form-control" placeholder="Country" value="{{isset($businessProfile->country) ? str_replace(',', '', $businessProfile->country) : ''}}">
                                    <span class="invalid-feedback d-block"></span>
                                 </div>
                                 <div class="col-md-6">
                                    <input type="text" name="postcode[]" class="form-control" placeholder="Postcode" value="{{isset($businessProfile->postcode) ? str_replace(',', '', $businessProfile->postcode) : ''}}">
                                    <span class="invalid-feedback d-block"></span>
                                 </div>
                              </div>
                              <div class="form-group">
                                 <label>Website</label>
                                 <input type="text" name="website" class="form-control" placeholder="Website" value="{{isset($businessProfile->website) ? $businessProfile->website : ''}}">
                              </div>
                              <div class="form-group">
                                 <label>ABN</label>
                                 <input type="text" name="abn" class="form-control" placeholder="ABN number" value="{{$bankDetail->abn ?? ''}}">
                                 <span class="invalid-feedback d-block"></span>
                              </div>
                              <div class="form-group social-input">
                                 <label>Facebook</label>
                                 <input type="text" name="facebook_link" class="form-control" value="{{isset($businessProfile->facebook_link) ? $businessProfile->facebook_link : ''}}">
                                 <span><i class="fa fa-facebook" aria-hidden="true"></i></span>
                              </div>
                              <div class="form-group social-input">
                                 <label>Instagram</label>
                                 <input type="text" name="instragram_link" class="form-control" value="{{isset($businessProfile->instragram_link) ? $businessProfile->instragram_link : ''}}">
                                 <span><i class="fa fa-instagram" aria-hidden="true"></i></span>
                              </div>
                              <div class="form-group social-input">
                                 <label>Linkedin</label>
                                 <input value="{{isset($businessProfile->linkedin_link) ? $businessProfile->linkedin_link : ''}}" type="text" name="linkedin_link" class="form-control">
                                 <span><i class="fa fa-linkedin" aria-hidden="true"></i></span>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="brdr-bttm"></div>
                     @else
                     <div class="col-12 px-0 text-sm-left text-center">
                        <a class="removeThisLocation cursor-pointer" data-id="{{$val->id}}" data-parent_id="{{$val->practitioner_id}}" style="float:right;color:#45747a !important"> Remove this location</a><br><br>
                        <div class="media text-left">
                           <!-- <div class="  client-pic  mr-md-2 mr-sm-4  mt-0 invisible"></div> -->
                           <div class="media-body">
                              <div>
                                 <!-- <h3 style="display:none" id="header" class="ml-0">Additional location</h3> -->
                                 <div class="form-group"> <label>Business phone number</label> <input type="text" value="{{isset($val->phone_number) ? $val->phone_number : ''}}" name="phone_number[]" class="form-control" placeholder="Business phone number"> <span class="invalid-feedback d-block"></span> </div>
                                 <div class="form-group"> <label>Business email address</label> <input type="text" value="{{isset($val->email) ? $val->email : ''}}" name="email[]" class="form-control" placeholder="Business email address"> <span class="invalid-feedback d-block"></span> </div>
                                 <div class="form-group"> <label>Business address</label> <br>
                                    <label>
                                       Please provide the address from where you conduct your business. If you only provide telehealth, phone consultations or mobile visits, we'll automatically hide your location for online bookings.
                                    </label><br>   

                                 <div class="form-group radio-btn-effact">
                                    <input type="hidden" id="toggle_status_{{$val->id}}" name="hide_address_status[{{$key}}]" value="">
                                    <input type="checkbox"  data-id="{{$val->id}}" data-flag="old" value="1" name="hide_address_online_booking_new[{{$key}}]" class="d-none toggle-class"  id="hide_address_online_booking_{{$val->id}}" @if(isset($val->hide_address_online_booking) && $val->hide_address_online_booking == 1) checked @endif
                                    >
									{{-- <input type="checkbox" value="{{isset( $val->hide_address_online_booking) ? $val->hide_address_online_booking : 0}}" name="hide_address_online_booking[]" class="d-none" id="hide_address_online_booking-{{$val->id}}" @if(isset($val->hide_address_online_booking) && $val->hide_address_online_booking == 1) checked @endif
                                    > --}}
                                    {{-- <label for="hide_address_online_booking_{{$val->id}}" class="radio-btn-effact">Hide my address for online bookings</label> --}}
                                 </div>
									
									<input type="text" value="{{isset($val->address) ? $val->address : ''}}" name="address[]" class="form-control google_address" placeholder="Address line 1"> <span class="invalid-feedback d-block"></span> </div>
                                 <div class="form-group"><input type="text" name="address2[]" class="form-control" placeholder="Address line 2" value="{{isset( $val->address_2) ? $val->address_2 : ''}}"><span class="invalid-feedback d-block"></span></div>
                                 <div class="form-group row">
                                    <div class="col-md-6"><input type="text" name="suburb[]" class="form-control" placeholder="Suburb" value="{{isset($val->suburb) ? $val->suburb : ''}}"><span class="invalid-feedback d-block"></span></div>
                                    <div class="col-md-6"><input type="text" name="state[]" class="form-control" placeholder="State" value="{{isset($val->state) ? $val->state : ''}}"><span class="invalid-feedback d-block"></span></div>
                                 </div>
                                 <div class="form-group row">
                                    <div class="col-md-6"><input type="text" name="country[]" class="form-control" placeholder="Country" value="{{isset($val->country) ? $val->country : ''}}"><span class="invalid-feedback d-block"></span></div>
                                    <div class="col-md-6"><input type="text" name="postcode[]" class="form-control" placeholder="Postcode" value="{{isset($val->postcode) ? $val->postcode : ''}}"><span class="invalid-feedback d-block"></span></div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="brdr-bttm"></div>
                     </div>
                     @endif
                     @endforeach

                     <div id="addAnotherLocation2" class="col-12 px-md-3 px-0">
                        <div class="row justify-content-end">
                           <div class="client-pic ml-0 mr-md-4 mr-sm-5 mt-0 invisible"></div>
                           <a class="cursor-pointer btn-unfill" id="addAnotherLocation" value="0">Add another location</a>
                        </div>
                     </div>
                     <br>
                     <button type="submit" class="btn-fill w-100 mt-10">Update and save</button>
                  </div>
               </form>
            </div>
         </div>

         @if($practitioner->role != 'admin')
         <div class="boxwhite clients-area my-availability-main">
            <h3 class="ml-0">My Availability <a class="collapse-arrow {{ request()->get('open') == 'myavailability' ? '' : 'collapsed' }}" data-toggle="collapse" href="#emergencycontact" role="button" aria-expanded="{{ request()->get('open') == 'myavailability' ? 'true' : 'false' }}" aria-controls="emergencycontact"><span class="gtop-arrow"><img src="{{asset('assets/images/g-top-arrow.png')}}" alt=""></span></a></h3>
            {{-- <a class="collapse-arrow {{ request()->get('open') == 'emergencycontact' ? '' : 'collapsed' }}" data-toggle="collapse" href="#emergencycontact" role="button" aria-expanded="{{ request()->get('open') == 'emergencycontact' ? 'true' : 'false' }}" aria-controls="emergencycontact"> --}}
            {{-- <div class="collapse" id="emergencycontact" data-parent="#accordion-clients"> --}}
            <div class="collapse {{ request()->get('open') == 'myavailability' ? 'show' : '' }}" id="emergencycontact" data-parent="#accordion-clients">


               <form id="myAvailability" action="{{route('practitioner.store.location.hours.new')}}">
                  <div class="mt-10">
                     <div class="test-results-area">
                        <div class="appt-market-area">
                           <p class="font-15 text-blue comm-psapce mt-3">The hours you are available for appointments in your business</p>
                           <div class="label-input">
                              <div class="row align-items-center">
                                 <div class="col-sm-12">
                                    <div class="row align-items-center">
                                       <div class="col-lg-3 col-sm-2">
                                          <label class="loctop">Location</label>
                                       </div>
                                       <div class="col-lg-9 col-sm-10">
                                          <div class="form-group brdrfull mb-0 t-0 manual-select">
                                             <!-- <input type="text" class="form-control text-left" placeholder="Brighton"> -->

                                             @if( !empty( $memberBusinessLocations ) )
                                             <select name="location_id" id="location_id" class="form-control">
                                                @foreach($memberBusinessLocations as $location)
                                                <option value="{{$location->id}}">{{ \Illuminate\Support\Str::limit($location->address, 60, '...') }}</option>
                                                @endforeach
                                             </select>
                                             @else
                                             <select name="location_id" id="location_id" class="form-control">
                                                @foreach($practitionerBusinessLocations as $location)
                                                <option value="{{$location->id}}">{{ \Illuminate\Support\Str::limit($location->address, 60, '...') }}</option>
                                                @endforeach
                                             </select>
                                             @endif
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>

                           <div id="appendNewLocation" class="operating-hours-checkbox"></div>

                        </div>
                     </div>
                     	<button type="submit" class="btn-fill w-100 mt-10">Save hours</button>
					</div>
				</form>
					<div class="break-time-main">
						<h3>My Breaks</h3>
						<div id="new_break_div">
						</div>
					</div>

                     {{-- <div class="break-time-main">
                        <h3>My Breaks</h3>
                        <div class="breaktime-block">
                           <h6>Monday 9am - 5pm</h6>
                           <div class="breaktime-block-inner">
                              <div class="row">
                                 <div class="col-sm-12 col-md-2">
                                    <label for="">Break 1:</label>
                                 </div>
                                 <div class="col-sm-12 col-md-10">
                                    <div class="row timepicker-content-b-details align-items-center">
                                       <div class="start-time">
                                          <div class="form-group brdrfull">
                                             <div class="timePickerNew"></div>
                                             <input type="hidden" name="time" id="appointment_time_new" autocomplete="off" readonly value="">                           
                                          </div>
                                       </div>
                                       <div class="to-time ">To:</div>
                                       <div class="end-time">
                                          <div class="form-group brdrfull">
                                             <div class="timePickerNew" id="appointment_time_picker_new1"></div>
                                             <input type="hidden" name="time" id="appointment_time_new" autocomplete="off" readonly value="">                           
                                          </div>
                                       </div>
                                    </div>
   
                                    <div class="action-btn">
                                       <button class="break-btn edit-btn">
                                          <img src="{{asset('assets/images/edit-icon.svg')}}" alt="edit" class="img-fluid">
                                       </button>
                                       <button class="break-btn delete-btn">
                                          <img src="{{asset('assets/images/Bin-Icon.svg')}}" alt="edit" class="img-fluid">
                                       </button>
                                       <button class="break-btn save-btn" style="display:none">
                                          <img src="{{asset('assets/images/Save-icon.svg')}}" alt="edit" class="img-fluid">
                                       </button>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="breaktime-block-inner">
                              <div class="row">
                                 <div class="col-sm-12 col-md-2">
                                    <label for="">Break 2:</label>
                                 </div>
                                 <div class="col-sm-12 col-md-10">
                                    <div class="row timepicker-content-b-details align-items-center">
                                       <div class="start-time">
                                          <div class="form-group brdrfull">
                                             <div class="timePickerNew"></div>
                                             <input type="hidden" name="time" id="appointment_time_new" autocomplete="off" readonly value="">                           
                                          </div>
                                       </div>
                                       <div class="to-time ">To:</div>
                                       <div class="end-time">
                                          <div class="form-group brdrfull">
                                             <div class="timePickerNew" id="appointment_time_picker_new1"></div>
                                             <input type="hidden" name="time" id="appointment_time_new" autocomplete="off" readonly value="">                           
                                          </div>
                                       </div>
                                    </div>
   
                                    <div class="action-btn">
                                       <button class="break-btn edit-btn" style="display:none">
                                          <img src="{{asset('assets/images/edit-icon.svg')}}" alt="edit" class="img-fluid">
                                       </button>
                                       <button class="break-btn delete-btn" style="display:none">
                                          <img src="{{asset('assets/images/Bin-Icon.svg')}}" alt="edit" class="img-fluid">
                                       </button>
                                       <button class="break-btn save-btn" >
                                          <img src="{{asset('assets/images/Save-icon.svg')}}" alt="edit" class="img-fluid">
                                       </button>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="breaktime-block-inner">
                              <div class="row">
                                 <div class="col-sm-12 col-md-2">
                                    <label for="">Break 3:</label>
                                 </div>
                                 <div class="col-sm-12 col-md-10">
                                    <div class="row timepicker-content-b-details align-items-center">
                                       <div class="start-time">
                                          <div class="form-group brdrfull">
                                             <div class="timePickerNew"></div>
                                             <input type="hidden" name="time" id="appointment_time_new" autocomplete="off" readonly value="">                           
                                          </div>
                                       </div>
                                       <div class="to-time ">To:</div>
                                       <div class="end-time">
                                          <div class="form-group brdrfull">
                                             <div class="timePickerNew" id="appointment_time_picker_new1"></div>
                                             <input type="hidden" name="time" id="appointment_time_new" autocomplete="off" readonly value="">                           
                                          </div>
                                       </div>
                                    </div>
   
                                    <div class="action-btn">
                                       <button class="break-btn edit-btn" style="display:none">
                                          <img src="{{asset('assets/images/edit-icon.svg')}}" alt="edit" class="img-fluid">
                                       </button>
                                       <button class="break-btn delete-btn" style="display:none">
                                          <img src="{{asset('assets/images/Bin-Icon.svg')}}" alt="edit" class="img-fluid">
                                       </button>
                                       <button class="break-btn save-btn" style="display:none">
                                          <img src="{{asset('assets/images/Save-icon.svg')}}" alt="edit" class="img-fluid">
                                       </button>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div> --}}
                  
               @endif
            </div>
         </div>
         @endif

         @if($practitioner->role != 'admin')
         <div class="boxwhite clients-area">
            <h3 class="ml-0">Association & provider numbers <a class="collapse-arrow collapsed" data-toggle="collapse" href="#association-provider-numbers" role="button" aria-expanded="false" aria-controls="emergencycontact"><span class="gtop-arrow"><img src="{{asset('assets/images/g-top-arrow.png')}}" alt=""></span></a></h3>
            <div class="collapse " id="association-provider-numbers" data-parent="#accordion-clients">


               <form id="assoc_provider_form" action="{{route('practitioner.storeAssociationProviderNumbers')}}">
                  <div class="mt-10">
                     <div class="test-results-area">
                        <div class="appt-market-area">
                           <input type="hidden" name="practitioner_id" value="{{$practitioner->id}}">
                           <div class="form-group select2-multiple-autoselect">
                              <label>Association/s</label>
                              <select class="form-control association-dd" name="association[]" multiple="multiple">
                                 {{-- <option>Select Association</option>  --}}
                                 @foreach($associations as $association)
                                 <option @if(in_array($association->id,$associationId)) ? selected @endif
                                    value="{{$association->id}}">{{$association->name}}</option>
                                 @endforeach
                              </select>
                              <span class="invalid-feedback d-block"></span>
                           </div>



                           <div class="form-group">
                              <label>Registration number (Association or AHPRA)</label>
                              <input type="text" name="registration_number" class="form-control" placeholder="Enter your number" value="{{isset($practitioner->registration_number) ? $practitioner->registration_number : ''}}">
                              <span class="invalid-feedback d-block"></span>
                           </div>
                           <input type="hidden" name="is_add_provider_number" class="form-control is_add_provider_number" value="0">
                           <input type="hidden" name="edit_id" class="form-control edit_id" value="">





                           <div class="row">
                              <div class="col-12">
                                 <div class="dr-table prescriptions-new-table mt-4 mb-3" id="health-fundTable">
                                    <div class="table-responsive">
                                       <table class="table table-striped">
                                          <thead class="head-brdr">
                                             <tr>
                                                <th class="align-baseline">Health fund</th>
                                                <th class="align-baseline">Provider no. </th>


                                                <th class="align-baseline">
                                                   @if($practitionerLocation->count()>1)
                                                   Location
                                                   @endif
                                                </th>


                                             </tr>
                                          </thead>

                                          <tbody id="AssociationProviderTable">
                                             @if(count($practitionerHealthFunds))
                                             @foreach ($practitionerHealthFunds as $val)
                                             <tr class="tbl_{{$val->id}}">
                                                <td class="align-middle">{{ $val->healthcodes->name ?? "" }}</td>
                                                <td class="align-middle description-content">{{ $val->provider_number ?? "" }}</td>


                                                <td class="align-middle suggested-usecontent">


                                                   @if($practitionerLocation->count()>1)

                                                   @if($val->location =="All")
                                                   {{ "All locations" }}
                                                   @else
                                                   {{ getLocationAddress($val->locations->address ?? "")   }}
                                                   @endif

                                                   @endif

                                                </td>


                                                <td class="align-middle">
                                                   <div class="dropdown three-dot-dropdown">
                                                      <a href="#" class="dropdown-toggle three-dot-menu" data-toggle="dropdown" aria-expanded="false"><span></span><span></span><span></span></a>
                                                      <div class="dropdown-menu" x-placement="bottom-start">
                                                         <a class="dropdown-item cursor-pointe editHealth" data-healthFunds="{{$val->codes}}" data-provider_number="{{$val->provider_number}}" data-location="{{$val->location}}" data-id="{{$val->id}}" title="Edit">Edit</a>
                                                         <a class="dropdown-item cursor-pointer removeHealth" title="Delete" data-id="{{$val->id}}">Delete</a>
                                                      </div>
                                                   </div>
                                                </td>
                                             </tr>

                                             @endforeach

                                             @else
                                             <td colspan="3" class="align-middle text-center">You have not added any health fund provider numbers</td>
                                             @endif

                                          </tbody>
                                       </table>
                                    </div>
                                 </div>
                              </div>
                           </div>






                           <div class="form-group">
                              <input type="button" class="btn-unfill association_provider_btn" value="Add provider number" />
                           </div>

                           <div class="show_section d-none">
                              <div class="form-group">
                                 <label>Health fund provider details</label>
                                 <select required class="form-control healthFunds" id="healthFunds" name="healthFunds">
                                    <option value="">Select Health Fund</option>
                                    @foreach($allHealthFunds as $healthFund)
                                    <option value="{{$healthFund->id}}">{{$healthFund->name}}</option>
                                    @endforeach
                                 </select>
                                 <span class="invalid-feedback d-block"></span>
                              </div>


                              <div class="form-group">
                                 <label>Provider number</label>
                                 <input required type="text" name="provider_number" class="form-control provider_number " placeholder="Health fund provider number" value="">
                                 <span class="invalid-feedback d-block"></span>
                              </div>


                              @if($practitionerLocation->count()>1)
                              <div class="form-group">
                                 <label>Location</label>
                                 <select required class="form-control location" id="location" name="location">
                                    <option value="">Select Location</option>
                                    @foreach($practitionerLocation as $val)
                                    <option value="{{$val->id}}">{{$val->address}}</option>
                                    @endforeach

                                    <option value="All">All</option>
                                 </select>
                                 <span class="invalid-feedback d-block"></span>
                              </div>
                              @else
                              <select required class="form-control location d-none" id="location" name="location">
                                 @foreach($practitionerLocation as $val)
                                 <option selected value="{{$val->id}}">{{$val->address}}</option>
                                 @endforeach
                              </select>
                              @endif

                           </div>


                        </div>
                     </div>

                     <button type="submit" class="btn-fill w-100 mt-10">Update and save</button>
                     <div class="focus_provicer"></div>
                  </div>
               </form>

            </div>
         </div>
         @endif


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


</div>

<!-- Upload profile image modal -->
<div class="customscroll showpop">
   <div class="modal fade" id="UploadProfileImageModal" 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">CROP & UPLOAD PROFILE IMAGE</h5>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true"><img src="{{asset('assets/images/close-img.svg')}}" alt="" class="img-fluid closeimg"></span>
                  </button>
               </div>
               <div class="modal-body p-0">
                  <div class="row">
                     <div class="col-md-12 text-center mt-20">
                        <div id="profile_image_preview"></div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="modal-footer" style="justify-content: center;">
               <button id="cropProfileImage" class="crop-profile-picture yellow-btn mt-0 save-btn save-btn-bg">Crop & Save</button>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- Upload profile image modal -->

<!-- Upload business logo modal -->
<div class="customscroll showpop">
   <div class="modal fade" id="UploadBusinessLogoModal" 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">CROP & UPLOAD BUSINESS LOGO</h5>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true"><img src="{{asset('assets/images/close-img.svg')}}" alt="" class="img-fluid closeimg"></span>
                  </button>
               </div>
               <div class="modal-body p-0">
                  <div class="row">
                     <div class="col-md-12 text-center mt-20">
                        <div id="profile_preview"></div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="modal-footer" style="justify-content: center;">
               <button id="cropBusinesslogo" class="crop-picture yellow-btn mt-0 save-btn save-btn-bg">Crop & Save</button>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- Upload business logo modal -->


@endsection


@section('css')
<style>
   .pac-container {
      z-index: 10000 !important;
   }

   .customswitch-area .custom-control {float: right;right: 20px;top: 5px;}

   .select2-container .select2-search--inline .select2-search__field {
      font-size: 13px !important;
      margin-top: 7px !important;
      margin-left: 5px;

   }

   .select2-container .select2-search--inline .select2-search__field::placeholder {
      color: #898989 !important;
   }

   .swal2-show .swal2-header h2.swal2-title {
      /* margin-top: 50px; */
      margin-bottom: 0px;
   }

   .user-detail-form.my-detail {
      max-width: 690px;
      margin: auto;
   }

   #swal2-content {
      margin-top: 12px;
   }


   .clearLunch {
      color: #4F7379 !important;
   }

   #personalInformation .label-input .form-group {
      margin-bottom: 0px !important;
   }
</style>

@endsection

{{-- @section('js')  --}}
@section('jsnew')
{{--@section('import-scripts')--}}


<script src='{{ asset("assets/js/colorPick.js")}}'></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script src="{{asset('assets/js/practitioner/my-settings.js')}}" type="text/javascript"></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>
<script src='{{ asset("assets/js/croppie.js")}}'></script>
<script src='{{ asset("assets/js/repeater/my-business.js")}}'></script>

<script>
   $(document).ready(function() {
      $('#customdroptoparea').addClass('d-none');
      $("#timezone").select2();

      $('.association-dd').select2({
         placeholder: " ",
         tokenSeparators: [",", " "],
      });

      $('.profession-dd').select2({
         placeholder: " ",
         tokenSeparators: [",", " "],
      });

   });




   var $uploadCrop,
      tempFilename,
      rawImg,
      imageId;

   function readFile(input) {
      if (input.files && input.files[0]) {
         var reader = new FileReader();

         var file = input.files[0];
         var fileType = file.type.split('/')[0];

         if (fileType == 'image') {

            reader.onload = function(e) {
               $('#UploadBusinessLogoModal').modal('show');
               rawImg = e.target.result;
            }
            reader.readAsDataURL(input.files[0]);
         } else {
            $("#businessImage").val("");
            Swal.fire({
               icon: 'error',
               title: "Only image type supported!",
               showClass: {
                  popup: 'animate__animated animate__fadeInDown'
               },
               hideClass: {
                  popup: 'animate__animated animate__fadeOutUp'
               }
            });
         }
      } else {
         swal("Sorry - you're browser doesn't support the FileReader API");
      }
   }

   $uploadCrop = $('#profile_preview').croppie({
      enableOrientation: true,
      enableResize: true,
      enableZoom: true,
      showZoomer: true,
      viewport: {
         width: 250,
         height: 250,
         type: 'square'
      },
      boundary: {
         width: 260,
         height: 260
      }
   });

   $('#UploadBusinessLogoModal').on('shown.bs.modal', function() {
      $uploadCrop.croppie('bind', {
         url: rawImg
      }).then(function() {
         console.log('jQuery bind complete');
      });
   });

   $('#businessImage').on('change', function() {
      imageId = $(this).data('id');
      tempFilename = $(this).val();
      readFile(this);
   });

   $('.crop-picture').on('click', function(ev) {
      $uploadCrop.croppie('result', {
         type: 'canvas',
         size: 'viewport',
         quality: 1
      }).then(function(img) {
         $.ajax({
            url: "{{ route('practitioner.store.businesslogo') }}",
            type: "POST",
            data: {
               "image": img,
               "_token": "{{ csrf_token() }}"
            },
            success: function(data) {
               $("#businessImagePreview").attr('src', data.img_path);
               $("#remove-my-logo").removeClass('d-none');
               $("#UploadBusinessLogoModal").modal("hide");
               Swal.fire({
                  icon: 'success',
                  title: "Image uploaded",
                  showClass: {
                     popup: 'animate__animated animate__fadeInDown'
                  },
                  hideClass: {
                     popup: 'animate__animated animate__fadeOutUp'
                  }
               });
            }
         });
      });
   });

   var $uploadProfileCrop,
      tempProfileFilename,
      rawProfileImg,
      imageProfileId;

   function readProfileFile(input) {
      if (input.files && input.files[0]) {
         var reader = new FileReader();

         var file = input.files[0];
         var fileType = file.type.split('/')[0];

         if (fileType == 'image') {

            reader.onload = function(e) {
               $('#UploadProfileImageModal').modal('show');
               rawProfileImg = e.target.result;
            }
            reader.readAsDataURL(input.files[0]);
         } else {
            $("#imgInp").val("");
            Swal.fire({
               icon: 'error',
               title: "Only image type supported!",
               showClass: {
                  popup: 'animate__animated animate__fadeInDown'
               },
               hideClass: {
                  popup: 'animate__animated animate__fadeOutUp'
               }
            });
         }
      } else {
         swal("Sorry - you're browser doesn't support the FileReader API");
      }
   }

   $uploadProfileCrop = $('#profile_image_preview').croppie({
      enableOrientation: true,
      enableZoom: true,
      showZoomer: true,
      enableExif: true,
      viewport: {
         width: 250,
         height: 250,
         type: 'circle'
      },
      boundary: {
         width: 260,
         height: 260
      }
   });

   $('#UploadProfileImageModal').on('shown.bs.modal', function() {
      $uploadProfileCrop.croppie('bind', {
         url: rawProfileImg
      }).then(function() {
         console.log('jQuery bind complete');
      });
   });

   $('#imgInp').on('change', function() {
      imageProfileId = $(this).data('id');
      tempProfileFilename = $(this).val();
      readProfileFile(this);
   });

   $('.crop-profile-picture').on('click', function(ev) {

      $uploadProfileCrop.croppie('result', {
         type: 'canvas',
         size: 'viewport',
         quality: 1
      }).then(function(img) {
         $.ajax({
            url: "{{ route('practitioner.store.profileimage') }}",
            type: "POST",
            data: {
               "image": img,
               "_token": "{{ csrf_token() }}"
            },
            success: function(data) {
               $("#profileImagePreview").attr('src', data.img_path);
               $("#remove-my-profile").removeClass('d-none');
               $("#UploadProfileImageModal").modal("hide");
               Swal.fire({
                  icon: 'success',
                  title: "Image uploaded",
                  showClass: {
                     popup: 'animate__animated animate__fadeInDown'
                  },
                  hideClass: {
                     popup: 'animate__animated animate__fadeOutUp'
                  }
               });
            }
         });
      });
   });

   $(document).ready(function() {
		//var location_id = document.getElementsByName('location_id[]');
		var status = JSON.parse($('#location_status').val());
		$('#location_status_array').val(status.length);

		$.each(status, function (key, val) {
        	//alert(key + val);
			if(key>0){
				$('input[id=toggle_status_'+ val.id + ']').val(val.hide_address_online_booking);
			}
    	});

   })

   //$('.toggle-class').change(function() {
	$(document).on('change', '.toggle-class', function(event) {

		var flag = event.target.getAttribute("data-flag");
		
		//alert(flag)
		if(flag == 'new') {
			var loc_arr_val = parseInt($('#location_status_array').val());
			var val = $(`#toggle_status_${loc_arr_val}`).val();
			//console.log('flag',flag, event.target,loc_arr_val, val);	

		   if(val === "0" || val === 0) {
				$(`#toggle_status_${loc_arr_val}`).val(1);
		   } 
		   if (val === "1" || val === 1) {
				$(`#toggle_status_${loc_arr_val}`).val(0);
		   }
	   }
	   var status = $(this).prop('checked') == true ? 1 : 0; 
	   var location_id = $(this).data('id'); 
	   



	   $('input[id=toggle_status_'+ location_id + ']').val(status);
	   
   });

   $(document).ready(function() {
	
      getLocation($('#location_id').val());
      $("body").on('input load', '.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());

            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) {
                  input.parent().next('div').next('div').children('div:first').find('input:text').val(value.long_name);
               }
               if ($.inArray("administrative_area_level_1", value.types) !== -1) {
                  input.parent().next('div').next('div').children('div:last').find('input:text').val(value.long_name);
               }
               if ($.inArray("country", value.types) !== -1) {
                  input.parent().next('div').next('div').next('div').children('div:first').find('input:text').val(value.long_name);
               }
               if ($.inArray("postal_code", value.types) !== -1) {
                  input.parent().next('div').next('div').next('div').children('div:last').find('input:text').val(value.long_name);
               }
            });
            input.val(address1);
            input.parent().next('div').find('input:text').val(address2);
         });
      });

      //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_','monday');
         }
         if (event.target.value == 'tuesday') {
            var tuesday = $(this).closest('div').parent().parent().parent().next().next();
            resetValue(tuesday, 'tuesday_','tuesday');
         }
         if (event.target.value == 'wednesday') {
            var wednesday = $(this).closest('div').parent().parent().parent().next().next().next();
            resetValue(wednesday, 'wednesday_','wednesday');
         }
         if (event.target.value == 'thursday') {
            var thursday = $(this).closest('div').parent().parent().parent().next().next().next().next();
            resetValue(thursday, 'thursday_','thursday');
         }
         if (event.target.value == 'friday') {
            var friday = $(this).closest('div').parent().parent().parent().next().next().next().next().next();
            resetValue(friday, 'friday_','friday');
         }
         if (event.target.value == 'saturday') {
            var saturday = $(this).closest('div').parent().parent().parent().next().next().next().next().next().next();
            resetValue(saturday, '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_','sunday');
         }
      });

      function capitalizeFirstLetter(string) {
         return string.charAt(0).toUpperCase() + string.slice(1);
      }

      function resetValue(day, flag,selectedDay) {
         day.toggle("show");

         var str = '#starttimePicker_' + flag;
         var timepicker_id = str.substring(0, str.length - 1);

         var isTimeSet = $(timepicker_id).data('set');

         if (isTimeSet == 0) {
            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('');
            day.find("input[name*=" + flag + "break_end_time]").val('');

            day.find("#starttimePicker_" + selectedDay).find( ".form-select" ).css( "color", "#24303f" );
            day.find("#endtimePicker_" + selectedDay).find( ".form-select" ).css( "color", "#24303f" );

         }
      }

      $(".timepicker").each(function() {
         $(this).mdtimepicker({
            theme: 'blue',
            useCurrent: false
         });
      });
      //end

      //image upload
      function readURL(input) {
         if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function(e) {
               $('#blah').attr('src', e.target.result);
            }
            reader.readAsDataURL(input.files[0]);
         }
      }
      $("#imgInp").change(function() {
         readURL(this);
      });

      function readBusinessProfileURL(input) {
         if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function(e) {
               // $('#businessImagePreview').attr('src', e.target.result);
            }
            reader.readAsDataURL(input.files[0]);
         }
      }
      $("#businessImage").change(function() {
         readBusinessProfileURL(this);
      });

      $('.locationDiv_' + $('#location_id').val()).css('display', 'block');
      $('#location_id').on('change', function() {
         var locationId = $(this).val();
         getLocation(locationId);
		 $("#new_break_div").empty();
         // $('.locationForHide').each(function() {
         //    $(this).css('display', 'none');
         // });
         // $('.locationDiv_' + $(this).val()).css('display', 'block');
      });

      function getLocation(val) {
         $.ajax({
            url: "{{route('practitioner.location.get')}}",
            data: {
               'location_id': val
            },
            type: 'POST'
         }).done(function(response) {

            console.log(response);
            var location = response.data;

            var monday = null;
            var tuesday = null;
            var wednesday = null;
            var thursday = null;
            var friday = null;
            var saturday = null;
            var sunday = null;

            if (location.openDay.indexOf('monday') != -1) {
               monday = 'checked';
            }
            if (location.openDay.indexOf('tuesday') != -1) {
               tuesday = 'checked';
            }
            if (location.openDay.indexOf('wednesday') != -1) {
               wednesday = 'checked';
            }
            if (location.openDay.indexOf('thursday') != -1) {
               thursday = 'checked';
            }
            if (location.openDay.indexOf('friday') != -1) {
               friday = 'checked';
            }
            if (location.openDay.indexOf('saturday') != -1) {
               saturday = 'checked';
            }
            if (location.openDay.indexOf('sunday') != -1) {
               sunday = 'checked';
            }

            var html = '';
            var html2 = '';
            var html3 = '';

            html += '<input type="hidden" name="location_id[]" value="' + location.id + '"><div class="test-results-area labeltop locationDiv_' + location.id + '"><h3 class="ml-0 businesstitle">Operating Hours</h3><div class="setting-business-box mtop"><div class="label-input daysinline"><div class="row "><div class="col-lg-3 col-sm-2"><div class="dayslabel"><label>Day/s</label></div></div><div class="col-lg-9 col-sm-10"><div class="health-history-checkbox selectdays-dropdown mb-0 tradingdays select-weekdays-main"><ul id="be-select" class="be-select days"><li><div class="rdio rdio-primary radio-inline"><input class="custom-control-input mondays" id="{{$unique = uniqid()}}" name="day[monday][]" value="monday" ' + monday + ' type="checkbox"><label class="custom-control-label" for="{{$unique}}">MON</label></div></li> <li> <div class="rdio rdio-primary radio-inline"> <input class="custom-control-input tuesdays" id="{{$unique = uniqid()}}" name="day[tuesday][]" value="tuesday" ' + tuesday + ' type="checkbox"> <label class="custom-control-label" for="{{$unique}}">TUE</label> </div> </li> <li> <div class="rdio rdio-primary radio-inline"> <input class="custom-control-input wednesdays" id="{{$unique = uniqid()}}" name="day[wednesday][]" value="wednesday" ' + wednesday + ' type="checkbox"> <label class="custom-control-label" for="{{$unique}}">WED</label> </div> </li> <li> <div class="rdio rdio-primary radio-inline"> <input class="custom-control-input thursdays" id="{{$unique = uniqid()}}" name="day[thursday][]" value="thursday" ' + thursday + ' type="checkbox"> <label class="custom-control-label" for="{{$unique}}">THU</label> </div> </li> <li> <div class="rdio rdio-primary radio-inline"> <input class="custom-control-input fridays" id="{{$unique = uniqid()}}" name="day[friday][]" value="friday" ' + friday + ' type="checkbox"> <label class="custom-control-label" for="{{$unique}}">FRI</label> </div> </li> <li> <div class="rdio rdio-primary radio-inline"> <input class="custom-control-input saturdays" id="{{$unique = uniqid()}}" name="day[saturday][]" value="saturday" ' + saturday + ' type="checkbox"> <label class="custom-control-label" for="{{$unique}}">SAT</label> </div> </li> <li> <div class="rdio rdio-primary radio-inline"> <input class="custom-control-input sundays" id="{{$unique = uniqid()}}" name="day[sunday][]" value="sunday" ' + sunday + ' type="checkbox"> <label class="custom-control-label" for="{{$unique}}">SUN</label> </div> </li> </ul> </div> </div> </div> </div>';


            var monday_start_time = '';
            var monday_end_time = '';
            var break_start_time = '';
            var break_end_time = '';

            if (location.hours.length >= 1) {
               $.each(location.hours, function(key, value, i) {
                  var monday_start_time = '';
                  var monday_end_time = '';
                  var break_start_time = '';
                  var break_end_time = '';

                  if (value.day && value.start_time != null && value.status == 'open') {
                     monday_start_time = value.start_time;
                     monday_end_time = value.end_time;
                  }

                  if (value.day && value.break_start_time != null && value.status == 'open') {
                     break_start_time = value.break_start_time;
                     break_end_time = value.break_end_time;
                  }

                  /* OLD TIMEPICKER CODE - START */
                  // html2 += getLocationHtml(value.day,monday_start_time,monday_end_time,break_start_time,break_end_time,location.openDay);
                  /* OLD TIMEPICKER CODE - END */

                  /* NEW TIMEPICKER CODE - START */
                  html2 += getLocationHtmlNew(value.day, monday_start_time, monday_end_time, break_start_time, break_end_time, location.openDay,location,value);
                  /* NEW TIMEPICKER CODE - END */
               });
            } else {

               /* NEW TIMEPICKER CODE - START */
               var monday_start_time = '';
               var monday_end_time = '';
               var break_start_time = '';
               var break_end_time = '';

               html2 += getLocationHtmlNew('monday', monday_start_time, monday_end_time, break_start_time, break_end_time, location.openDay,location,value);
               html2 += getLocationHtmlNew('tuesday', monday_start_time, monday_end_time, break_start_time, break_end_time, location.openDay,location,value);
               html2 += getLocationHtmlNew('wednesday', monday_start_time, monday_end_time, break_start_time, break_end_time, location.openDay,location,value);
               html2 += getLocationHtmlNew('thursday', monday_start_time, monday_end_time, break_start_time, break_end_time, location.openDay,location,value);
               html2 += getLocationHtmlNew('friday', monday_start_time, monday_end_time, break_start_time, break_end_time, location.openDay,location,value);
               html2 += getLocationHtmlNew('saturday', monday_start_time, monday_end_time, break_start_time, break_end_time, location.openDay,location);
               html2 += getLocationHtmlNew('sunday', monday_start_time, monday_end_time, break_start_time, break_end_time, location.openDay,location,value);
               /* NEW TIMEPICKER CODE - END */
            }

            html3 += '</div> </div>';

            var total = html + html2 + html3;

            $('#appendNewLocation').empty();
            $('#appendNewLocation').append(total);

            /* OLD TIMEPICKER CODE - START */
            /*$(".timepicker").each(function() {
               $(this).mdtimepicker({
                  theme: 'blue',
                  useCurrent: false
               });
            });*/
            /* OLD TIMEPICKER CODE - END */

            /* NEW CODE BY JAYPAL RAJ FOR TIMEPICKER 24-02-2022 */
            $(".timePickerNew").each(function() {
               var day = $(this).data("day");
               var isTimeSet = $(this).data("set");
               var closediv = $(this).closest("div").parent(); 
               var maindiv = $(this).closest("div").parent().parent().parent();
			      // console.log('day 2', day);
			   
               $(this).timepicker({
				   onChange: function(value) {
					   $("#" + day).val(value);
                     var dayID= $(maindiv).find(".timePickerNew").attr('data-day');
                     $('#'+'save_btn_'+dayID).removeClass('d-none');
                     $(closediv).find(".form-select").css("color", "#24303f");
                  }
               });

               if (isTimeSet == 1) {
                  $(closediv).find(".form-select").css("color", "#24303f");
               } else {
                  $(closediv).find(".form-select").css("color", "#cccccc");
               }
            });

            if (location.hours.length >= 1) {
				$.each(location.hours, function(key, value, i) {
					//console.log(value);
					//console.log(value.day);
					var day_start_time = '09:00 AM';
					var day_end_time = '05:00 PM';
					var break_start_time = '00:00 AM';
					var break_end_time = '00:00 PM';

					var break_start_time_2 = '00:00 AM';
					var break_end_time_2 = '00:00 PM';

					var break_start_time_3 = '00:00 AM';
					var break_end_time_3 = '00:00 PM';

						if (value.day && value.start_time != null && value.status == 'open') {
							day_start_time = value.start_time;
							day_end_time = value.end_time;
						}
						$("#endBreaktimePicker1_" + value.day).find(".form-select").attr("disabled", true);
						$("#startBreaktimePicker1_" + value.day).find(".form-select").attr("disabled", true);
						$("#endBreaktimePicker2_" + value.day).find(".form-select").attr("disabled", true);
						$("#startBreaktimePicker2_" + value.day).find(".form-select").attr("disabled", true);
						$("#endBreaktimePicker3_" + value.day).find(".form-select").attr("disabled", true);
						$("#startBreaktimePicker3_" + value.day).find(".form-select").attr("disabled", true);
						

						if (value.day && value.break_start_time == null || value.break_start_time == "12:00 AM") {
							$("#endBreaktimePicker1_" + value.day).parent().parent().parent().find(".EditBreak").addClass('d-none');
							$("#endBreaktimePicker1_" + value.day).parent().parent().parent().find(".DeleteBreak").addClass('d-none');
							$("#endBreaktimePicker1_" + value.day).find(".form-select").attr("disabled", false);
							$("#startBreaktimePicker1_" + value.day).find(".form-select").attr("disabled", false);
							$("#endBreaktimePicker1_" + value.day).parent().parent().parent().find(".form-select").css("color", "#cccccc");
						}

						if (value.day && value.break_start_time_2 == null || value.break_start_time_2 == "12:00 AM") {
							$("#endBreaktimePicker2_" + value.day).parent().parent().parent().find(".EditBreak").addClass('d-none');
							$("#endBreaktimePicker2_" + value.day).parent().parent().parent().find(".DeleteBreak").addClass('d-none');
							$("#endBreaktimePicker2_" + value.day).find(".form-select").attr("disabled", false);
							$("#startBreaktimePicker2_" + value.day).find(".form-select").attr("disabled", false);
							$("#endBreaktimePicker2_" + value.day).parent().parent().parent().find(".form-select").css("color", "#cccccc");
						}

						if (value.day && value.break_start_time_3 == null || value.break_start_time_3 == "12:00 AM") {
							$("#endBreaktimePicker3_" + value.day).parent().parent().parent().find(".EditBreak").addClass('d-none');
							$("#endBreaktimePicker3_" + value.day).parent().parent().parent().find(".DeleteBreak").addClass('d-none');
							$("#endBreaktimePicker3_" + value.day).find(".form-select").attr("disabled", false);
							$("#startBreaktimePicker3_" + value.day).find(".form-select").attr("disabled", false);
							$("#endBreaktimePicker3_" + value.day).parent().parent().parent().find(".form-select").css("color", "#cccccc");
						}


						if (value.day && value.break_start_time != null && value.break_start_time != "12:00 AM") {
                  			break_start_time = value.break_start_time;
                  			break_end_time = value.break_end_time;
							if($("#startBreaktimePicker1_" + value.day).length != 0)
							{
								$("#startBreaktimePicker1_" + value.day).timepicker().setValue(break_start_time);
								$("#endBreaktimePicker1_" + value.day).timepicker().setValue(break_end_time);
								$("#endBreaktimePicker1_" + value.day).parent().parent().parent().find(".form-select").css("color", "#24303f");
								$("#endBreaktimePicker1_" + value.day).parent().parent().parent().find(".EditBreak").removeClass('d-none');
								$("#endBreaktimePicker1_" + value.day).parent().parent().parent().find(".DeleteBreak").removeClass('d-none');
							}
						}

						if (value.day && value.break_start_time_2 != null && value.break_start_time_2 != "12:00 AM") {
							break_start_time_2 = value.break_start_time_2;
							break_end_time_2 = value.break_end_time_2; 
							if($("#startBreaktimePicker2_" + value.day).length != 0)
							{                    
								$("#startBreaktimePicker2_" + value.day).timepicker().setValue(break_start_time_2);
								$("#endBreaktimePicker2_" + value.day).timepicker().setValue(break_end_time_2);
								$("#endBreaktimePicker2_" + value.day).parent().parent().parent().find(".form-select").css("color", "#24303f");
								$("#endBreaktimePicker2_" + value.day).parent().parent().parent().find(".EditBreak").removeClass('d-none');
								$("#endBreaktimePicker2_" + value.day).parent().parent().parent().find(".DeleteBreak").removeClass('d-none');
							}
							
						 }

						if (value.day && value.break_start_time_3 != null && value.break_start_time_3 != "12:00 AM") {
							break_start_time_3 = value.break_start_time_3;
							break_end_time_3 = value.break_end_time_3;
							if($("#startBreaktimePicker3_" + value.day).length != 0)
							{ 
								$("#startBreaktimePicker3_" + value.day).timepicker().setValue(break_start_time_3);
								$("#endBreaktimePicker3_" + value.day).timepicker().setValue(break_end_time_3);
								$("#endBreaktimePicker3_" + value.day).parent().parent().parent().find(".form-select").css("color", "#24303f");
								$("#endBreaktimePicker3_" + value.day).parent().parent().parent().find(".EditBreak").removeClass('d-none');
								$("#endBreaktimePicker3_" + value.day).parent().parent().parent().find(".DeleteBreak").removeClass('d-none');
							}
						}

						//console.log("daystarttime", day_start_time);
						//console.log("dayendtime", day_end_time);
						$("#starttimePicker_" + value.day).timepicker().setValue(day_start_time);
						$("#endtimePicker_" + value.day).timepicker().setValue(day_end_time);  
				});
            } else {
               var day_start_time = '00:00 AM';
               var day_end_time = '00:00 PM';
               var break_start_time = '00:00 AM';
               var break_end_time = '00:00 PM';

               $("#starttimePicker_monday").timepicker().setValue(day_start_time);
               $("#endtimePicker_monday").timepicker().setValue(day_end_time);
               $("#startBreaktimePicker_monday").timepicker().setValue(break_start_time);
               $("#endBreaktimePicker_monday").timepicker().setValue(break_end_time);

               $("#starttimePicker_tuesday").timepicker().setValue(day_start_time);
               $("#endtimePicker_tuesday").timepicker().setValue(day_end_time);
               $("#startBreaktimePicker_tuesday").timepicker().setValue(break_start_time);
               $("#endBreaktimePicker_tuesday").timepicker().setValue(break_end_time);

               $("#starttimePicker_wednesday").timepicker().setValue(day_start_time);
               $("#endtimePicker_wednesday").timepicker().setValue(day_end_time);
               $("#startBreaktimePicker_wednesday").timepicker().setValue(break_start_time);
               $("#endBreaktimePicker_wednesday").timepicker().setValue(break_end_time);

               $("#starttimePicker_thursday").timepicker().setValue(day_start_time);
               $("#endtimePicker_thursday").timepicker().setValue(day_end_time);
               $("#startBreaktimePicker_thursday").timepicker().setValue(break_start_time);
               $("#endBreaktimePicker_thursday").timepicker().setValue(break_end_time);

               $("#starttimePicker_friday").timepicker().setValue(day_start_time);
               $("#endtimePicker_friday").timepicker().setValue(day_end_time);
               $("#startBreaktimePicker_friday").timepicker().setValue(break_start_time);
               $("#endBreaktimePicker_friday").timepicker().setValue(break_end_time);

               $("#starttimePicker_saturday").timepicker().setValue(day_start_time);
               $("#endtimePicker_saturday").timepicker().setValue(day_end_time);
               $("#startBreaktimePicker_saturday").timepicker().setValue(break_start_time);
               $("#endBreaktimePicker_saturday").timepicker().setValue(break_end_time);

               $("#starttimePicker_sunday").timepicker().setValue(day_start_time);
               $("#endtimePicker_sunday").timepicker().setValue(day_end_time);
               $("#startBreaktimePicker_sunday").timepicker().setValue(break_start_time);
               $("#endBreaktimePicker_sunday").timepicker().setValue(break_end_time);
            }
         });

      }

      function getLocationHtml(day, start_time, end_time, break_start_time, break_end_time, openDay,location) {
         var display = '';
         if (openDay.indexOf(day) == -1) {
            display = 'style="display:none"';
         }

         var html = '<div class="' + day + '" ' + day + ' ' + display + '><h3 class="ml-0 businesstitle mb-3" style="text-transform:capitalize;">' + day + '</h3><div class="label-input"><div class="row align-items-center"><div class="col-lg-3 col-sm-4 "><label>Hours:</label></div><div class="col-lg-7 col-sm-8"><div class="row"><div class="col-sm-4"><div class="form-group brdrfull"><input type="text" readonly value="' + start_time + '" class="form-control timepicker start_time" name="' + day + '_start_time[]" placeholder="00:00 AM"><span class="invalid-feedback d-block"></span></div></div><div class="col-sm-1"><span class="text-blue">To:</span></div><div class="col-sm-4"><div class="form-group brdrfull"><input type="text" readonly class="form-control timepicker end_time" value="' + end_time + '" name="' + day + '_end_time[]" placeholder="00:00 PM"><span class="invalid-feedback d-block"></span></div></div></div></div></div></div><div class="label-input"><div class="row align-items-center"><div class="col-lg-3 col-sm-4 "><label>Break time:</label></div><div class="col-lg-7 col-sm-8"><div class="row"><div class="col-sm-4"><div class="form-group brdrfull"><input type="text" readonly class="form-control timepicker" value="' + break_start_time + '" name="' + day + '_break_start_time[]" placeholder="00:00 PM"><span class="invalid-feedback d-block"></span></div></div><div class="col-sm-1"><span class="text-blue">To:</span></div><div class="col-sm-4"><div class="form-group brdrfull"><input type="text" readonly class="form-control timepicker" value="' + break_end_time + '" name="' + day + '_break_end_time[]" placeholder="00:00 PM"><span class="invalid-feedback d-block"></span></div></div><div class="col-sm-1"><a class="clearLunch cursor-pointer">Clear</a></div></div></div></div></div></div>';
         return html;
      }

      function getLocationHtmlNew(day, start_time, end_time, break_start_time, break_end_time, openDay,location,value) {
         var display = '';
         if (openDay.indexOf(day) == -1) {
            display = 'style="display:none"';
         }

         var isStartTimeSet = start_time != '' ? 1 : 0;
         var isEndTimeSet = end_time != '' ? 1 : 0;
         var isBreakStartTimeSet = break_start_time != '' ? 1 : 0;
         var isBreakEndTimeSet = break_end_time != '' ? 1 : 0;

         var html_data = '';

         html_data += '<div class="' + day + '" ' + day + ' ' + display + '>';
         html_data += '<h3 class="ml-0 businesstitle mb-3" style="text-transform:capitalize;">' + day + '</h3>';
         html_data += '<div class="label-input">';

         html_data += '<div class="row">';

         html_data += '<div class="col-xl-3 col-lg-12 col-md-2"><label>Hours:</label></div>';

         html_data += '<div class="col-xl-9 col-lg-12 col-md-10 pr-xl-0">';

         html_data += '<div class="row timepicker-content-b-details" >';

         html_data += '<div class="start-time">';
         html_data += '<div class="form-group brdrfull">';
         html_data += '<div data-set="' + isStartTimeSet + '" data-day="' + day + '_start_time" class="timePickerNew d-flex align-items-center" id="starttimePicker_' + day + '"></div>';

         if (isStartTimeSet == 1) {
            html_data += '<input type="hidden" name="' + day + '_start_time[]" id="' + day + '_start_time" autocomplete="off" readonly="" value="' + start_time + '">';
         } else {
            html_data += '<input type="hidden" name="' + day + '_start_time[]" id="' + day + '_start_time" autocomplete="off" readonly="" value="9:00 AM">';
         }

         html_data += '<span class="invalid-feedback d-block"></span>';
         html_data += '</div>';
         html_data += '</div>';

         html_data += '<div class="to-time ">To:</div>';

         html_data += '<div class="end-time" >';
         html_data += '<div class="form-group brdrfull">';
         html_data += '<div data-set="' + isEndTimeSet + '" data-day="' + day + '_end_time" class="timePickerNew d-flex align-items-center" id="endtimePicker_' + day + '"></div>';


         if (isEndTimeSet == 1) {
            html_data += '<input type="hidden" name="' + day + '_end_time[]" id="' + day + '_end_time" autocomplete="off" readonly="" value="' + end_time + '">';
         } else {
            html_data += '<input type="hidden" name="' + day + '_end_time[]" id="' + day + '_end_time" autocomplete="off" readonly="" value="5:00 PM">';
         }

         html_data += '<span class="invalid-feedback d-block"></span>';
         html_data += '</div>';
         html_data += '</div>';

         //  html_data += '<div class="clear-time"></div>';

         html_data += '</div>';

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

		 var html_data1 ='';
        //  if(value.break_start_time != null && value.break_end_time != null)
        //  {
            // /* Break time start */
            // html_data += '<div class="row">';
            // html_data += '<div class="col-xl-3 col-lg-12 col-md-2 pr-0"><label class="break-time">Break time:</label></div>';
            // html_data += '<div class="col-xl-9 col-lg-12 col-md-10 pr-xl-0">';
            // html_data += '<div class="row timepicker-content-b-details">';
            // html_data += '<div class="start-time">';
            // html_data += '<div class="form-group brdrfull">';
            // html_data += '<div data-set="' + isBreakStartTimeSet + '" data-day="' + day + '_start_break_time1" class="timePickerNew d-flex align-items-center" id="startBreaktimePicker1_' + day + '"></div>';
            // html_data += '<input type="hidden" name="' + day + '_break_start_time_1[]" id="' + day + '_start_break_time1" autocomplete="off" readonly="" value="' + break_start_time + '">';
            // html_data += '<span class="invalid-feedback d-block"></span>';
            // html_data += '</div>';
            // html_data += '</div>';
            // html_data += '<div class="  to-time">To:</div>';

            // html_data += '<div class=" end-time" >';
            // html_data += '<div class="form-group brdrfull">';
            // html_data += '<div data-set="' + isBreakEndTimeSet + '" data-day="' + day + '_end_break_time1" class="timePickerNew d-flex align-items-center" id="endBreaktimePicker1_' + day + '"></div>';
            // html_data += '<input type="hidden" name="' + day + '_break_end_time_1[]" id="' + day + '_end_break_time1" autocomplete="off" readonly="" value="' + break_end_time + '">';
            // html_data += '<span class="invalid-feedback d-block"></span>';
            // html_data += '</div>';
            // html_data += '</div>';
            // html_data += '<a data-day="' + day + '" data-location="'+location.id+'" data-nobreak="1" class="clearLunch cursor-pointer '+ day+'_breakDiv">Delete break time</a></div>';
            // html_data += '<div class="row"> <div class=" col-12"><span class="invalid-feedback d-block"></span><a data-day="' + day + '" data-location="'+location.id+'" data-nobreak="1" class="SaveBreak cursor-pointer '+day+'_SaveDiv">Save break time</a></div></div>';
            // html_data += '</div>';
            // html_data += '</div>';
            // /* Break time end */

			// break 1
			if (openDay.indexOf(day) != -1) {

				//html_data1 += '<div class="break-time-main">';
				html_data1 += '<div class="breaktime-block">';
				html_data1 += '<h6>' + capitalizeFirstLetter(day) + ' '+ start_time + '-' + end_time  + '</h6>';
				html_data1 += '<div class="breaktime-block-inner">';
				html_data1 += '<div class="row">';
				html_data1 += '<div class="col-xl-2 col-lg-2 col-md-2 break-label-col"><label class="break-time">Break 1:</label></div>';
				html_data1 += '<div class="col-xl-10 col-lg-10 col-md-10 pl-0 break-time-col">';
				html_data1 += '<div class="row timepicker-content-b-details">';
				html_data1 += '<div class="start-time">';
				html_data1 += '<div class="form-group brdrfull">';
				html_data1 += '<div data-set="' + isBreakStartTimeSet + '" data-day="' + day + '_start_break_time1" class="timePickerNew d-flex align-items-center" id="startBreaktimePicker1_' + day + '"></div>';
				html_data1 += '<input type="hidden" name="' + day + '_break_start_time_1[]" id="' + day + '_start_break_time1" autocomplete="off" readonly=""  value="' + break_start_time + '">';
				html_data1 += '<span class="invalid-feedback d-block"></span>';
				html_data1 += '</div>';
				html_data1 += '</div>';
				html_data1 += '<div class="  to-time">To:</div>';

				html_data1 += '<div class=" end-time" >';
				html_data1 += '<div class="form-group brdrfull">';
				html_data1 += '<div data-set="' + isBreakEndTimeSet + '" data-day="' + day + '_end_break_time1" class="timePickerNew d-flex align-items-center" id="endBreaktimePicker1_' + day + '"></div>';
				html_data1 += '<input type="hidden" name="' + day + '_break_end_time_1[]" id="' + day + '_end_break_time1" autocomplete="off" readonly="" value="' + break_end_time + '">';
				html_data1 += '<span class="invalid-feedback d-block"></span>';
				html_data1 += '</div>';
				html_data1 += '</div>';
				html_data1 += '<div class="action-btn">'; 
				html_data1 += '<button id="save_btn_'+ day + '_start_break_time1" data-startbreaktime="startBreaktimePicker1_'+day+'" data-endbreaktime="endBreaktimePicker1_'+day+'" data-day="' + day + '" data-location="'+location.id+'" data-nobreak="1"  class="break-btn save-btn SaveBreak d-none" style=""><img src="{{asset('assets/images/New-save-icon.svg')}}" alt="edit" class="img-fluid"></button>';
				html_data1 += '<button data-day="' + day + '" data-location="'+location.id+'" data-startbreaktime="startBreaktimePicker1_'+day+'" data-endbreaktime="endBreaktimePicker1_'+day+'" data-nobreak="1" class="break-btn edit-btn EditBreak cursor-pointer d-none"><img src="{{asset('assets/images/edit-icon.svg')}}" alt="edit" class="img-fluid"></button>';
				html_data1 += '<button data-day="' + day + '" data-location="'+location.id+'" data-startbreaktime="startBreaktimePicker1_'+day+'" data-endbreaktime="endBreaktimePicker1_'+day+'"  data-nobreak="1"'+ day+'_breakDiv" class="break-btn delete-btn DeleteBreak clearLunch d-none"><img src="{{asset('assets/images/Bin-Icon.svg')}}" alt="delete" class="img-fluid"></button>';
				html_data1 += '<span class="invalid-feedback d-block"></span>';				
				html_data1 += '</div>';
				html_data1 += '</div>';
				html_data1 += '</div>';
				html_data1 += '</div>';
				html_data1 += '</div>';

				// break 2
				html_data1 += '<div class="breaktime-block-inner">';
				html_data1 += '<div class="row">';
				html_data1 += '<div class="col-xl-2 col-lg-2 col-md-2 break-label-col"><label class="break-time">Break 2:</label></div>';
				html_data1 += '<div class="col-xl-10 col-lg-10 col-md-10 pl-0 break-time-col">';
				html_data1 += '<div class="row timepicker-content-b-details">';
				html_data1 += '<div class="start-time">';
				html_data1 += '<div class="form-group brdrfull">';
				html_data1 += '<div data-set="' + isBreakStartTimeSet + '" data-day="' + day + '_start_break_time2" class="timePickerNew d-flex align-items-center" id="startBreaktimePicker2_' + day + '"></div>';
				html_data1 += '<input type="hidden" name="' + day + '_break_start_time_2[]" id="' + day + '_start_break_time2" autocomplete="off" readonly="" value="' + value.break_start_time_2 + '">';
				html_data1 += '<span class="invalid-feedback d-block"></span>';
				html_data1 += '</div>';
				html_data1 += '</div>';
				html_data1 += '<div class="  to-time">To:</div>';

				html_data1 += '<div class=" end-time" >';
				html_data1 += '<div class="form-group brdrfull">';
				html_data1 += '<div data-set="' + isBreakEndTimeSet + '" data-day="' + day + '_end_break_time2" class="timePickerNew d-flex align-items-center" id="endBreaktimePicker2_' + day + '"></div>';
				html_data1 += '<input type="hidden" name="' + day + '_break_end_time_2[]" id="' + day + '_end_break_time2" autocomplete="off" readonly="" value="' + value.break_end_time_2 + '">';
				html_data1 += '<span class="invalid-feedback d-block"></span>';
				html_data1 += '</div>';
				html_data1 += '</div>';
				html_data1 += '<div class="action-btn">';
				html_data1 += '<button id="save_btn_'+ day + '_start_break_time2" data-startbreaktime="startBreaktimePicker2_'+day+'" data-endbreaktime="endBreaktimePicker2_'+day+'"  data-day="' + day + '" data-location="'+location.id+'" data-nobreak="2" class="break-btn save-btn SaveBreak d-none" style=""><img src="{{asset('assets/images/New-save-icon.svg')}}" alt="edit" class="img-fluid"></button>';
				html_data1 += '<button data-day="' + day + '" data-location="'+location.id+'" data-startbreaktime="startBreaktimePicker2_'+day+'" data-endbreaktime="endBreaktimePicker2_'+day+'" data-nobreak="2" class="break-btn edit-btn EditBreak cursor-pointer d-none"><img src="{{asset('assets/images/edit-icon.svg')}}" alt="edit" class="img-fluid"></button>';
				html_data1 += '<button data-day="' + day + '" data-location="'+location.id+'" data-startbreaktime="startBreaktimePicker2_'+day+'" data-endbreaktime="endBreaktimePicker2_'+day+'"  data-nobreak="2"'+ day+'_breakDiv" class="break-btn delete-btn DeleteBreak clearLunch d-none"><img src="{{asset('assets/images/Bin-Icon.svg')}}" alt="delete" class="img-fluid"></button>';
				html_data1 += '<span class="invalid-feedback d-block"></span>';	
				html_data1 += '</div>';
				html_data1 += '</div>';
				html_data1 += '</div>';
				html_data1 += '</div>';
				html_data1 += '</div>';


				// break 3
				html_data1 += '<div class="breaktime-block-inner">';
				html_data1 += '<div class="row">';
				html_data1 += '<div class="col-xl-2 col-lg-2 col-md-2 break-label-col"><label class="break-time">Break 3:</label></div>';
				html_data1 += '<div class="col-xl-10 col-lg-10 col-md-10 pl-0 break-time-col">';
				html_data1 += '<div class="row timepicker-content-b-details">';
				html_data1 += '<div class="start-time">';
				html_data1 += '<div class="form-group brdrfull">';
				html_data1 += '<div data-set="' + isBreakStartTimeSet + '" data-day="' + day + '_start_break_time3" class="timePickerNew d-flex align-items-center" id="startBreaktimePicker3_' + day + '"></div>';
				html_data1 += '<input type="hidden" name="' + day + '_break_start_time_3[]" id="' + day + '_start_break_time3" autocomplete="off" readonly="" value="' + value.break_start_time_3 + '">';
				html_data1 += '<span class="invalid-feedback d-block"></span>';
				html_data1 += '</div>';
				html_data1 += '</div>';
				html_data1 += '<div class="  to-time">To:</div>';
				

				html_data1 += '<div class=" end-time" >';
				html_data1 += '<div class="form-group brdrfull">';
				html_data1 += '<div data-set="' + isBreakEndTimeSet + '" data-day="' + day + '_end_break_time3" class="timePickerNew d-flex align-items-center" id="endBreaktimePicker3_' + day + '"></div>';
				html_data1 += '<input type="hidden" name="' + day + '_break_end_time_3[]" id="' + day + '_end_break_time3" autocomplete="off" readonly="" value="' + value.break_end_time_3 + '">';
				html_data1 += '<span class="invalid-feedback d-block"></span>';
				html_data1 += '</div>';
				html_data1 += '</div>';
				html_data1 += '<div class="action-btn">';
				html_data1 += '<button id="save_btn_'+ day + '_start_break_time3" data-startbreaktime="startBreaktimePicker3_'+day+'" data-endbreaktime="endBreaktimePicker3_'+day+'"  data-day="' + day + '" data-location="'+location.id+'" data-nobreak="3" class="break-btn save-btn SaveBreak d-none" style=""><img src="{{asset('assets/images/New-save-icon.svg')}}" alt="edit" class="img-fluid"></button>';
				html_data1 += '<button data-day="' + day + '" data-location="'+location.id+'" data-startbreaktime="startBreaktimePicker3_'+day+'" data-endbreaktime="endBreaktimePicker3_'+day+'" data-nobreak="3" class="break-btn edit-btn EditBreak cursor-pointer d-none"><img src="{{asset('assets/images/edit-icon.svg')}}" alt="edit" class="img-fluid"></button>';
				html_data1 += '<button data-day="' + day + '" data-location="'+location.id+'" data-startbreaktime="startBreaktimePicker3_'+day+'" data-endbreaktime="endBreaktimePicker3_'+day+'"  data-nobreak="3"'+ day+'_breakDiv" class="break-btn delete-btn DeleteBreak clearLunch d-none"><img src="{{asset('assets/images/Bin-Icon.svg')}}" alt="delete" class="img-fluid"></button>';
				html_data1 += '<span class="invalid-feedback d-block"></span>';	
				html_data1 += '</div>';
				html_data1 += '</div>';
				html_data1 += '</div>';
				html_data1 += '</div>';

				html_data1 += '</div>';
				/* Break time end */
      		}
			$("#new_break_div").append(html_data1);

        //  var hide = "";
        //  if(value.break_start_time != null && value.break_start_time_2 != null && value.break_start_time_3 != null)
        //  {
        //     hide = "hide";
        //  }

        //  html_data += '<div class="row"> <div class=" col-12"><a data-location="'+location.id+'" id="'+day+'_addAdditionalBreak" data-day="' + day + '" class="addAdditionalBreak cursor-pointer '+hide+'">Add break</a></div></div>';

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

         return html_data;
      }

      $('#personalInformation').validate({
         rules: {
            'profession[]': {
               required: true
            },
         },
         messages: {},
         errorPlacement: function(error, element) {
            error.appendTo(element.parent()).addClass('text-danger-custom');
            if (element.parent('.input-group').length) {
               error.insertAfter(element.parent());
            }
         },
         errorElement: 'span',
         submitHandler: function(e) {
            var datas = new FormData($('#personalInformation')[0]);
            $.ajax({
               url: $('#personalInformation').data("url"),
               data: datas,
               type: 'POST',
               contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+)
               processData: false, // NEEDED, DON'T OMIT THIS
            }).done(function(response) {
               if (response.status != "custom_error") {
                  if (response.status == "success") {
                     Swal.fire({
                        icon: response.status,
                        title: 'Updated',
                        //text: response.msg,
                        showClass: {
                           popup: 'animate__animated animate__fadeInDown'
                        },
                        hideClass: {
                           popup: 'animate__animated animate__fadeOutUp'
                        }
                     });

                     //location.reload();
                     const baseUrl = "{{ route('practitioner.business.my_details') }}";
                     window.location.href = baseUrl;
                  } else {
                     $(".invalid-feedback").text(''); 
                     $.each(response.errors, function(key, value, i) {
                        var input = $('input[name=' + key + ']');
                        var parent = input.next('.invalid-feedback').text(value[0]);
                        input.addClass('is-invalid');
                        var select = $('select[name=' + key + ']');
                        var parent = select.next('.invalid-feedback').text(value[0]);
                        select.addClass('is-invalid');
                     });
                  }

               } else {

                  Swal.fire({
                     icon: 'error',
                     title: "Health Funds can't be duplicate.",
                     //text: response.msg,
                     showClass: {
                        popup: 'animate__animated animate__fadeInDown'
                     },
                     hideClass: {
                        popup: 'animate__animated animate__fadeOutUp'
                     }
                  });
               }
            });
            return false;
         }
      });

      $("#personalInformation11").submit(function(e) {
         e.preventDefault();
         var datas = new FormData($(this)[0]);
         $.ajax({
            url: $(this).attr("action"),
            data: datas,
            type: 'POST',
            contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+)
            processData: false, // NEEDED, DON'T OMIT THIS
         }).done(function(response) {
            if (response.status == "success") {
               Swal.fire({
                  icon: response.status,
                  title: 'Updated',
                  //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.next('.invalid-feedback').text(value[0]);
                  input.addClass('is-invalid');
                  var select = $('select[name=' + key + ']');
                  var parent = select.next('.invalid-feedback').text(value[0]);
                  select.addClass('is-invalid');
               });
            }
         });
      });

      $("#myAvailability").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);
         $.ajax({
            url: $(this).attr("action"),
            data: datas,
            type: 'POST',
            contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+)
            processData: false, // NEEDED, DON'T OMIT THIS
         }).done(function(response) {
            if (response.status == "success") {
               $(".invalid-feedback").text('');
               Swal.fire({
                  icon: response.status,
                  title: 'Updated',
                  //text: response.msg,
                  showClass: {
                     popup: 'animate__animated animate__fadeInDown'
                  },
                  hideClass: {
                     popup: 'animate__animated animate__fadeOutUp'
                  }
               });
               // location.reload();
               const baseUrl = "{{ route('practitioner.business.my_details') }}";
               const param = "open=myavailability";
               const fullUrl = `${baseUrl}?${param}`;
               window.location.href = fullUrl;

            } else {
               $(".invalid-feedback").text('');
               $.each(response.errors, function(key, value, i) {
                  var [before, after] = key.split(".");
                  var input = $('input[name="' + before + '[]"]');
                  //var span = $('input[name="' + before + '[]"]').parent().next();
                  var span = $('input[name="' + before + '[]"]').next('span');
                  var da = span[after];
                  da.append(value[0].replace(key, before));
               });
            }
         });
      });

      $("#businessDetails").submit(function(e) {
         e.preventDefault();
         var datas = new FormData($(this)[0]);
         $.ajax({
            url: $(this).attr("action"),
            data: datas,
            type: 'POST',
            contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+)
            processData: false, // NEEDED, DON'T OMIT THIS
         }).done(function(response) {
            if (response.status == "success") {
               Swal.fire({
                  icon: response.status,
                  title: 'Updated',
                  // text: response.msg,
                  showClass: {
                     popup: 'animate__animated animate__fadeInDown'
                  },
                  hideClass: {
                     popup: 'animate__animated animate__fadeOutUp'
                  }
               });
               //location.reload();
               const baseUrl = "{{ route('practitioner.business.my_details') }}";
               window.location.href = baseUrl;

            } else {
               $(".invalid-feedback").text('');
               $.each(response.errors, function(key, value, i) {
                  var [before, after] = key.split(".");
                  if (after) {
                     var input = $('input[name="' + before + '[]"]');
                     var span = $('input[name="' + before + '[]"]').next();
                     var da = span[after];
                     da.append(value[0].replace(key, before));
                  } else {
                     var input = $('input[name=' + key + ']');
                     var parent = input.next('.invalid-feedback').text(value[0]);
                     input.addClass('is-invalid');
                     var select = $('select[name=' + key + ']');
                     var parent = select.next().next('.invalid-feedback').text(value[0]);
                     select.addClass('is-invalid');
                  }
                  // var input = $('input[name=' + key + ']');
                  // var parent = input.next('.invalid-feedback').text(value[0]);
                  // input.addClass('is-invalid');
               });
            }
         });
      });

   });

   $(document).on('click', '.SaveBreak', function(event) {
      var day = $(this).data("day");
      var nobreak = $(this).data("nobreak");
      var location = $(this).data("location");
      var starttimepicker = '#'+day+'_start_break_time'+nobreak;
      var endtimepicker = '#'+day+'_end_break_time'+nobreak;
      var startbreaktime1 = $(this).data("startbreaktime"); 
		var endbreaktime1 = $(this).data("endbreaktime"); 

      var test = $(this);

      $.ajax({
         url: "{{route('practitioner.hours.add_break')}}",
         data: {
            location_id: location,
            break_start_time: $(starttimepicker).val(),
            break_end_time: $(endtimepicker).val(),
            day: day,
            nobreak: nobreak,
         },
         type: 'POST',
      }).done(function(response) {
         if (response.status == "success") {
            Swal.fire({
               icon: response.status,
               title: 'Break time saved',
               showClass: {
                  popup: 'animate__animated animate__fadeInDown'
               },
               hideClass: {
                  popup: 'animate__animated animate__fadeOutUp'
               }
            });

            test.parent().find('.EditBreak').removeClass('d-none');
            test.parent().find('.SaveBreak').addClass('d-none');
            test.parent().find('.DeleteBreak').removeClass('d-none');
            
            $('#'+startbreaktime1).find(".form-select").attr("disabled", true);
		      $('#'+endbreaktime1).find(".form-select").attr("disabled", true);

            var count = $('.'+day+'_breakDiv').length;
            if(count <=2)
            {
               $("#"+day+"_addAdditionalBreak").removeClass("hide");
            }
            
         } else{
            test.parent().find('.invalid-feedback').text(response.errors);

			$('#'+startbreaktime1+', #'+endbreaktime1).on('click', function() {
               $(".invalid-feedback").text(''); 
              // test.parent().find('.invalid-feedback').text('');      
            });
            // setTimeout(function () {
            //    $(".invalid-feedback").text('');
            // }, 2000);
         }
      });

   });

   $(document).on('click', '.EditBreak', function(event) {

		var startbreaktime1 = $(this).data("startbreaktime"); 
		var endbreaktime1 = $(this).data("endbreaktime"); 
		var day = $(this).data("day");
		
		$('#'+startbreaktime1).find(".form-select").attr("disabled", false);
		$('#'+endbreaktime1).find(".form-select").attr("disabled", false);

		var findparent = $(this);

		findparent.parent().find('.SaveBreak').removeClass('d-none');
		findparent.parent().find('.EditBreak').addClass('d-none');

   });

   $(document).on('click', '.clearLunch', function(event) {
      var day = $(this).data("day");
      var location = $(this).data("location");
      var nobreak = $(this).data("nobreak");

      var test = $(this);
      var start_break_timepicker = '#'+day+'_start_break_time'+nobreak;
      var end_break_timepicker = '#'+day+'_end_break_time'+nobreak;
      var starttimepickerdiv = '#startBreaktimePicker'+nobreak+'_'+day;
      var endtimepickerdiv = '#endBreaktimePicker'+nobreak+'_' +day;
      var startbreaktime1 = $(this).data("startbreaktime"); 
		var endbreaktime1 = $(this).data("endbreaktime"); 

      $(starttimepickerdiv).timepicker().setValue('00:00 AM');
      $(endtimepickerdiv).timepicker().setValue('00:00 PM');
      $(start_break_timepicker).val("");
      $(end_break_timepicker).val("");


      $.ajax({
         url: "{{route('practitioner.hours.remove_break')}}",
         data: {
            location_id: location,
            day: day,
            nobreak: nobreak,
         },
         type: 'POST',
      }).done(function(response) {

         test.parent().find('.EditBreak').addClass('d-none');
         test.parent().find('.DeleteBreak').addClass('d-none');
		 test.parent().find('.SaveBreak').addClass('d-none');
         $('#'+startbreaktime1).find(".form-select").attr("disabled", false);
		 $('#'+endbreaktime1).find(".form-select").attr("disabled", false);
		 $('#'+startbreaktime1).find(".form-select").css("color", "#cccccc");
		 $('#'+endbreaktime1).find(".form-select").css("color", "#cccccc");

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

         // } else{
         //    test.parent().find('.invalid-feedback').text(response.errors);
         //    setTimeout(function () {
         //       $(".invalid-feedback").text('');
         //    }, 2000);
         // }
         //test.parent().parent().parent().remove();
      });

      // var parentDiv = $(this).parent().parent().parent();
      // $(parentDiv).find(".form-select").css("color", "#cccccc");

      /* NEW TIMEPICKER CLEAR - END */
   });

   $(document).on('click', '.addAdditionalBreak', function(event) {

         var break_start_time = '';
         var break_end_time = '';
         var day = $(this).data("day");
         var location_id = $(this).data("location");
         var count = $('.'+day+'_breakDiv').length;
         if(count <=2)
         {
            var numberOfBreak = count + 1;
            var html ='<div class="row"><div class="col-xl-3 col-lg-12 col-md-2 pr-0"><label class="break-time">Break time:</label></div><div class="col-xl-9 col-lg-12 col-md-10 pr-xl-0"><div class="row timepicker-content-b-details"><div class="start-time"><div class="form-group brdrfull"><div data-set="0" data-day="' + day + '_start_break_time'+numberOfBreak+'" class="timePickerNew d-flex align-items-center" id="startBreaktimePicker'+numberOfBreak+'_' + day + '"></div><input type="hidden" name="' + day + '_break_start_time_'+numberOfBreak+'[]" id="' + day + '_start_break_time'+numberOfBreak+'" autocomplete="off" readonly="" value="' + break_start_time + '"><span class="invalid-feedback d-block"></span></div></div><div class="  to-time">To:</div><div class=" end-time" ><div class="form-group brdrfull"><div data-set="0" data-day="' + day + '_end_break_time'+numberOfBreak+'" class="timePickerNew d-flex align-items-center" id="endBreaktimePicker'+numberOfBreak+'_' + day + '"></div><input type="hidden" name="' + day + '_break_end_time_'+numberOfBreak+'[]" id="' + day + '_end_break_time'+numberOfBreak+'" autocomplete="off" readonly="" value="' + break_end_time + '"><span class="invalid-feedback d-block"></span></div></div><a data-day="' + day + '" data-location="'+location_id+'" data-nobreak="'+numberOfBreak+'" class="clearLunch cursor-pointer '+day+'_breakDiv">Delete break time</a></div><div class="row"> <div class=" col-12"><span class="invalid-feedback d-block"></span><a data-day="' + day + '" data-location="'+location_id+'" data-nobreak="'+numberOfBreak+'" class="SaveBreak cursor-pointer '+day+'_SaveDiv">Save break time</a></div></div></div></div>';
            $(this).before(html);
            $(this).addClass('hide');
         } else{
            $(this).addClass('hide');
         }
      

         $(".timePickerNew").each(function() {
            var day = $(this).data("day");
            var isTimeSet = $(this).data("set");
            var closediv = $(this).closest("div").parent();
			
            $(this).timepicker({
               onChange: function(value) {
                  $("#" + day).val(value);
                  $(closediv).find(".form-select").css("color", "#24303f");
               }
            });

            // if (isTimeSet == 1) {
            //    $(closediv).find(".form-select").css("color", "#24303f");
            // } else {
            //    $(closediv).find(".form-select").css("color", "#cccccc");
            // }
         });

      // var day = $(this).data("day");
      // var starttimepickerdiv = '#startBreaktimePicker_' + day;
      // var endtimepickerdiv = '#endBreaktimePicker_' + day;
      // var startbreak = '#' + day + '_start_break_time';
      // var endbreak = '#' + day + '_end_break_time';

      // $(starttimepickerdiv).timepicker().setValue('00:00 PM');
      // $(endtimepickerdiv).timepicker().setValue('00:00 PM');
      // $(startbreak).val("");
      // $(endbreak).val("");

      // var parentDiv = $(this).parent().parent().parent();
      // $(parentDiv).find(".form-select").css("color", "#cccccc");

      /* NEW TIMEPICKER CLEAR - END */
   });
   
   
   //var i = 0;
   $("#addAnotherLocation").click(function() {
	//   i++;
	//   document.getElementById('addAnotherLocation').value = i;

	  var status = JSON.parse($('#location_status').val());

	  var flag = $(`#toggle_status_${status.length}`).attr('data-flag');
	  var loc_arr = parseInt($('#location_status_array').val());
	  $('#location_status_array').val(loc_arr);
	  
	  var key= status.length;
	  if(flag === "new") {
		  key = loc_arr + 1;
	  	 $('#location_status_array').val(key);
	  }


		
		
      var html = '';
      var text = "<br><label>Please provide the address from where you conduct your business. If you only provide telehealth, phone consultations or mobile visits, we'll automatically hide your location for online bookings.</label><br>";
      html += '<div class="col-12  px-md-3 px-0 text-sm-left text-center"><a class="removeThisLocation cursor-pointer" data-id="0" style="float:right;color:#45747a !important">Remove this location</a><br><br><div class="media text-left"> <div></div><div class="media-body"> <div><input type="hidden" name="id[]">  <div class="form-group"> <label>Business phone number</label> <input type="text" name="phone_number[]" class="form-control" placeholder="Business phone number" > <span class="invalid-feedback d-block"></span> </div> <div class="form-group"> <label>Business email address</label> <input type="text" name="email[]" class="form-control" placeholder="Business email address"> <span class="invalid-feedback d-block"></span> </div> <div class="form-group"> <label>Business address</label>'+text+'<input type="hidden" name="hide_address_status['+ key  +']" id="toggle_status_'+ key +'"  data-flag="new" value="0"><div class="form-group radio-btn-effact"><input type="checkbox" value="0" name="hide_address_online_booking['+ key  +']" class="d-none toggle-class" data-flag="new" id="hide_address_status_'+key+'" /></div><input type="text" name="address[]" class="form-control google_address" placeholder="Address line 1"> <span class="invalid-feedback d-block"></span> </div><div class="form-group"><input type="text" name="address2[]" class="form-control" placeholder="Address line 2"><span class="invalid-feedback d-block"></span></div><div class="form-group row"><div class="col-md-6"><input type="text" name="suburb[]" class="form-control" placeholder="Suburb"><span class="invalid-feedback d-block"></span></div><div class="col-md-6"><input type="text" name="state[]" class="form-control" placeholder="State"><span class="invalid-feedback d-block"></span></div></div><div class="form-group row"><div class="col-md-6"><input type="text" name="country[]" class="form-control" placeholder="Country"><span class="invalid-feedback d-block"></span></div><div class="col-md-6"><input type="text" name="postcode[]" class="form-control" placeholder="Postcode"><span class="invalid-feedback d-block"></span></div></div></div> </div></div><div class="brdr-bttm"></div></div>';
      // <label for="hide_address_status_'+ key +'" class="radio-btn-effact">Hide my address for online bookings</label>
      $("#addAnotherLocation2").before(html);
      $('#header').css('display', 'block');

   });

   $(document).on('click', '.removeThisLocation', function(event) {
      var removeDiv = $(this);

     var  practitioner_id = $("input[name='practitioner_id']").val();
     var  parent_id = $(this).data('parent_id');
     if(parent_id !=undefined && parent_id != practitioner_id)
     {
      Swal.fire({
         icon: 'warning',
         title: "Location cannot be deleted",
         text : "Only the account owner can delete this location",
         showClass: {
            popup: 'animate__animated animate__fadeInDown'
         },
         hideClass: {
            popup: 'animate__animated animate__fadeOutUp'
         }
      });
      return false;
     }

      var idDD = $(this).data('id');

      swal.fire({
         icon: 'warning',
         title: 'Are you sure?',
         text: 'If you delete this location, all upcoming appointments will be deleted. Any past invoices will remain in your clients file. This cannot be undone.',
         showCancelButton: true,
         confirmButtonColor: "#DD6B55",
         confirmButtonText: "Yes",
         cancelButtonText: "No",
         //closeOnConfirm: false,
         //closeOnCancel: false,
      }).then(function(result) {
         if (result.isConfirmed) {
            if (idDD != 0) {
               $.ajax({
                  url: "{{route('practitioner.location.delete')}}",
                  data: {
                     id: idDD
                  },
                  type: 'POST',
               }).done(function(response) {
                  if (response.status == "success") {
                     removeDiv.parent().remove();
                     Swal.fire({
                        icon: response.status,
                        title: response.msg,
                        showClass: {
                           popup: 'animate__animated animate__fadeInDown'
                        },
                        hideClass: {
                           popup: 'animate__animated animate__fadeOutUp'
                        }
                     });
                     location.reload();
                  }
               });
            } else{
               removeDiv.parent().remove();
            }
         }
      });
   });
</script>

<script type="text/javascript">
   $(document).ready(function() {
      // Remove profile picture
      $(document).on('click', '#remove-my-profile', function(e) {
         e.preventDefault();
         swal.fire({
            icon: 'warning',
            title: 'Remove profile image?',
            text: 'This cannot be undone.',
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Yes",
            cancelButtonText: "No",
         }).then(function(value) {
            if (value.isConfirmed) {
               $.ajax({
                  url: "{{route('practitioner.remove.profileimage')}}",
                  dataType: "JSON",
                  type: 'GET',
                  success: function(response) {
                     if (response.status == "success") {
                        $("#remove-my-profile").addClass("d-none");
                        $("#blah").attr("src", "");

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

                     } else {
                        Swal.fire({
                           icon: response.status,
                           title: response.message,
                           showClass: {
                              popup: 'animate__animated animate__fadeInDown'
                           },
                           hideClass: {
                              popup: 'animate__animated animate__fadeOutUp'
                           }
                        });
                     }
                  }
               });
            }
         });
      });

      // Remove business logo picture
      $(document).on('click', '#remove-my-logo', function(e) {
         e.preventDefault();
         swal.fire({
            icon: 'warning',
            title: 'Remove logo?',
            text: 'This cannot be undone.',
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Yes",
            cancelButtonText: "No",
         }).then(function(value) {
            if (value.isConfirmed) {
               $.ajax({
                  url: "{{route('practitioner.remove.businesslogo')}}",
                  dataType: "JSON",
                  type: 'GET',
                  success: function(response) {
                     if (response.status == "success") {
                        $("#remove-my-logo").addClass("d-none");
                        $("#businessImagePreview").attr("src", "");

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

                     } else {
                        Swal.fire({
                           icon: response.status,
                           title: response.message,
                           showClass: {
                              popup: 'animate__animated animate__fadeInDown'
                           },
                           hideClass: {
                              popup: 'animate__animated animate__fadeOutUp'
                           }
                        });
                     }
                  }
               });
            }
         });
      });
   });
</script>
<script>
   $(document).ready(function() {
      $('#health-fund').select2({
         placeholder: "Health fund",
         tokenSeparators: [",", " "],
      });
   });

   // $('#redirectToSetupWizard').on('click', function() {
   //    window.location.href = "{{route('practitioner.mysetupwizard')}}";
   // });

   // this code is setup Wizard updated status 
   $(document).on('click', '#redirectToSetupWizard', function(event) {
        $.ajax({
            url: "{{route('practitioner.settings.skipSetupWizardStatus')}}",
            type: 'POST',
            data: {
                step: $(this).data('step')
            }
        }).done(function(response) {
            if (response.status == "success") {
              window.location.href = "{{route('practitioner.mysetupwizard')}}";
            }
        });
    });
</script>

<script>
   $(document).ready(function() {
      $('.repeater_number').repeater({
         // (Optional)
         // start with an empty list of repeaters. Set your first (and only)
         // "data-repeater-item" with style="display:none;" and pass the
         // following configuration flag
         initEmpty: $('.repeater_number').data('count'),
         // (Optional)
         // "defaultValues" sets the values of added items.  The keys of
         // defaultValues refer to the value of the input's name attribute.
         // If a default value is not specified for an input, then it will
         // have its value cleared.
         defaultValues: {
            'text-input': 'foo'
         },
         // (Optional)
         // "show" is called just after an item is added.  The item is hidden
         // at this point.  If a show callback is not given the item will
         // have $(this).show() called on it.
         show: function() {
            $(this).slideDown();
         },
         // (Optional)
         // "hide" is called when a user clicks on a data-repeater-delete
         // element.  The item is still visible.  "hide" is passed a function
         // as its first argument which will properly remove the item.
         // "hide" allows for a confirmation step, to send a delete request
         // to the server, etc.  If a hide callback is not given the item
         // will be deleted.
         hide: function(deleteElement) {
           //if (confirm('Are you sure you want to delete this element?')) {
           //          $(this).slideUp(deleteElement);
            //      }
            

            var e = $(this);

            swal.fire({
               title: 'Remove Health Fund?',
               //text: 'If you remove this detail, it may effect on other data too, please confirm.!',
               showCancelButton: true,
               confirmButtonColor: "#DD6B55",
               confirmButtonText: "Yes",
               cancelButtonText: "No",
               //closeOnConfirm: false,
               //closeOnCancel: false,
            }).then(function(result) {
               if (result.isConfirmed) {

                  e.slideUp(deleteElement);

               }
            });



         },
         // (Optional)
         // You can use this if you need to manually re-index the list
         // for example if you are using a drag and drop library to reorder
         // list items.
         ready: function(setIndexes) {
            $(this).slideDown();
         },
         // (Optional)
         // Removes the delete button from the first list item,
         // defaults to false.
         isFirstItemUndeletable: false
      })

      $(document).on('click', '.removeHealth', function(e) {

         var el = $(this);
         var id = el.data('id');

         var datas = new FormData();
         datas.append('id', id);



         Swal.fire({
            title: 'Delete provider number?',
            text: 'This cannot be undone',
            icon: 'warning',
            confirmButtonText: 'Delete',
            showCloseButton: true,
         }).then((result) => {

            if (result.value) {
               $.ajax({
                  url: "{{route('practitioner.deleteAssociationProviderNumbers')}}",
                  data: datas,
                  contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+)
                  processData: false, // NEEDED, DON'T OMIT THIS
                  method: 'POST',
                  beforeSend: function(msg) {
                     $(".loading").addClass("d-block");
                  },
               }).done(function(response) {
                  $('.tbl_' + id).remove();
                  $(".loading").removeClass("d-block");
                  Swal.fire({
                     icon: response.status,
                     title: response.msg,
                     //text: response.msg,
                     showClass: {
                        popup: 'animate__animated animate__fadeInDown'
                     },
                     hideClass: {
                        popup: 'animate__animated animate__fadeOutUp'
                     }
                  });
               }).fail(function(error) {
                  $(".loading").hide();
                  alert('something went wrong error.');
               });

            }
         });







      });


      $(document).on('click', '.association_provider_btn', function() {

         if ($(".show_section").hasClass("d-none")) {
            $('.show_section').removeClass('d-none');
            $('.is_add_provider_number').val(1);
         } else {
            $('.show_section').addClass('d-none');
            $('.is_add_provider_number').val(0);
         }
      });



      $("#assoc_provider_form").submit(function(e) {
         e.preventDefault();

         var is = $("#assoc_provider_form").valid();

         if (!is) {
            return false;
         }



         var datas = new FormData($(this)[0]);
         $(".loading").show();
         $.ajax({
            url: $(this).attr("action"),
            data: datas,
            type: 'POST',
            contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+)
            processData: false, // NEEDED, DON'T OMIT THIS
         }).done(function(response) {
            $(".loading").hide();
            if (response.status == "success") {
               Swal.fire({
                  icon: response.status,
                  title: response.msg,
                  //text: response.msg,
                  showClass: {
                     popup: 'animate__animated animate__fadeInDown'
                  },
                  hideClass: {
                     popup: 'animate__animated animate__fadeOutUp'
                  }
               });

               $('.edit_id').val('');
               $('.provider_number').val('');
               $('.healthFunds').val('');
               $('.location').val('');

               $('#AssociationProviderTable').html(response.html_table);

              
            } else if (response.status == "dupicate_error") {

               Swal.fire({
                  icon: 'error',
                  title: response.msg,
                  //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.next('.invalid-feedback').text(value[0]);
                  input.addClass('is-invalid');
                  var select = $('select[name=' + key + ']');
                  var parent = select.next('.invalid-feedback').text(value[0]);
                  select.addClass('is-invalid');
               });
            }
         }).fail(function(error) {
            $(".loading").hide();

         });
      });


      $(document).on('click', '.editHealth', function(e) {
         $("html, body").animate({
            scrollTop: $(document).height()
         }, 1000);
         if ($(".show_section").hasClass("d-none")) {
            $('.show_section').removeClass('d-none');
            $('.is_add_provider_number').val(1);
         }
         var el = $(this);
         var id = el.data('id');
         var healthfunds = el.data('healthfunds');
         var provider_number = el.data('provider_number');
         var location = el.data('location');

         $('.provider_number').val(provider_number);
         $('.healthFunds').val(healthfunds);
         $('.location').val(location);
         $('.edit_id').val(id);
      });


      $('#assoc_provider_form').validate({
         errorClass: 'text-danger-custom',
         rules: {
            'association[]': {
               required: true
            }
         },
         messages: {

         },
         errorPlacement: function(error, element) {
            error.appendTo(element.parent()).addClass('text-danger');
            if (element.parent('.input-group').length) {
               error.insertAfter(element.parent());
            }
         },
         errorElement: 'span',


      });



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

@endsection