@extends('front.inner-layout.app')
{{-- {{Session::get('message', 'info')}} --}}
@section('content')

<link href="{{ asset('assets/css/croppie.min.css') }}" rel='stylesheet' />
<style>
   .timezoneDiv .select2-selection__arrow
   {
      display: none;
   }
   .newBusinessDetailsPage .top-pading{ 
      margin-top: 0.25rem !important; 
   }
</style>

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

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

   {{--<nav class="navbar navbar-light bg-light welcome-page-menu">
      <a class="navbar-brand p-0" href="#"><img src="{{asset('assets/images/MA Icon Colour.svg')}}" alt="" class="img-flude" style="min-width: 43px"></a>
      <!-- <form class="form-inline"> -->

      <a href="{{Common::getLogoutLink()}}" class=" btn  text-center">Logout</a>
      <!-- </form> -->
   </nav>--}}

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

   <div class="container-fluid  ">
      <div class=" find-myappoint  my-detail-contain">
         {{--<h2 class="titles"><b> My</b> Details</h2>--}}
         <div class="row justify-content-center">
            <div class="card mt-2 mb-4">
               <!-- <div class="col-xl-12 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 border-0 mb-0 p-0">
                        <h3 class="ml-0 d-block">My Personal details</h3>
                        <form id="personalInformation" action="{{route('practitioner.setupWizard.store.personaldetails')}}">
                           <div class="">
                              <div class="media mb-md-5 mb-3">
                                 <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>

                                       <!-- <img id="profileImagePreview" src="{{ $practitioner->profile_picture }}" alt="" class="img-fluid"> -->
                                       <!-- <img src="https://myappointments.app/portal/public/assets/images/d-user-icon.png" class="img-fluid"/> -->

                                       <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 id="remove-profile-area" class="{{ $profile_picture_remove_class }}">
                                       <a class="remove-image-btn" href="javascript:void(0)" id="remove-my-profile">Remove</a>
                                    </div>--}}
                                 </div>
                                 <div class="media-body">
                                    <div>
                                       <div class="form-group">
                                          <label>First Name</label>
                                          <input type="hidden" name="practitioner_id" value="{{$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 : ''}}">
                                       </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>
                                       --}}

                                       <div class="form-group">
                                          <label>Profession/s</label>
                                          <select class="form-control professionsel" name="profession[]" multiple>
                                             @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>
                                    </div>
                                 </div>
                              </div>

                              <h3 class="ml-0">My Business details</h3>
                              <input type="hidden" id="locationCount" value="{{ $practitionerLocation->count() }}">

                              @forelse($practitionerLocation as $key => $location)
                              @if($loop->first)

                              <div id="businessDetails" class="businessDetails">
                                 <a class="removeThisLocation cursor-pointer" style="display:none;float:right;color:#45747a !important">Remove this location</a><br><br>

                                 <div class="crop-img">
                                    <img id="businessImagePreview" class="img-fluid main-img" src="{{$businessProfile->logo}}" alt="" />
                                    <!-- <img src="img/Untitled-2.png" class="img-fluid main-img" /> -->
                                    <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 mb-md-5 mb-3 mt-4 newBusinessDetailsPage">
                                    <div class="media-body">
                                       <div>
                                          <div class="form-group marg-bttm online-dropdown select-dropdown avalable-drop timezoneDiv">
                                             <label>My timezone <span class="required_span">*</span></label>
                                             <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>
                                          </div>
                                          <span class="invalid-feedback d-block"></span>

                                          <div class="form-group">
                                             <label>Business Name <span class="required_span">*</span></label>
                                             <input type="hidden" name="location_id[]" value="{{$location->id}}">
                                             <input type="hidden" name="first_location" value="1">
                                             <input type="text" name="name[]" class="form-control" placeholder="Business Name" value="{{isset($businessProfile->name) ? $businessProfile->name : ''}}">
                                          </div>
                                          <span class="invalid-feedback d-block"></span>
                                          <div class="form-group">
                                             <label class="d-block">Business phone number <span class="required_span">*</span></label>
                                             <input type="text" name="phone_number[]" class="form-control" placeholder="Business phone number" value="{{isset($businessProfile->office_phone) ? $businessProfile->office_phone : ''}}">
                                          </div>
                                          <span class="invalid-feedback d-block"></span>
                                          <div class="form-group">
                                             <label class="d-block">Business email address <span class="required_span">*</span></label>
                                             <input type="text" name="email[]" class="form-control" placeholder="Business email address" value="{{isset($businessProfile->email) ? $businessProfile->email : ''}}">
                                          </div>
                                          <span class="invalid-feedback d-block"></span>

                                          <div class="businessAddressSection">
                                             <div class="form-group">
                                                <label>Business address <span class="required_span">*</span></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>
                                                <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) ? $businessProfile->address : ''}}">
                                             </div>
                                             <span class="invalid-feedback d-block"></span>

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

                                                <div class="col-md-6">
                                                   <input type="text" name="state[]" class="form-control state" placeholder="State" value="{{isset($businessProfile->state) ? $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 country" placeholder="Country" value="{{isset($businessProfile->country) ? $businessProfile->country : ''}}">
                                                   <span class="invalid-feedback d-block"></span>
                                                </div>
                                                <div class="col-md-6">
                                                   <input type="text" name="postcode[]" class="form-control postcode" placeholder="Postcode" value="{{isset($businessProfile->postcode) ? $businessProfile->postcode : ''}}">
                                                   <span class="invalid-feedback d-block"></span>
                                                </div>
                                             </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 ?? ''}}">
                                          </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>

                                 <h3 class="ml-0">My Availability <span class="required_span">*</span></label></h3>

                                 <div class="test-results-area labeltop locationForHide locationDiv">
                                    <!-- <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-sm-2">
                                                <div class="dayslabel"><label style="top:0">Day/s</label></div>
                                             </div>


                                             @if($location->hours !='')
                                             <div class="col-sm-10">
                                                <div class="health-history-checkbox selectdays-dropdown mb-0 ">
                                                   <ul id="be-select" class="be-select">
                                                      @foreach($location->hours as $hour)
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="mondays" id="{{$mon_unique = uniqid()}}" name="day[{{$hour->day}}][]" value="{{$hour->day}}"  type="checkbox"
                                                            @if($hour->status=='open') checked @endif>
                                                            <label for="{{$mon_unique}}">{{$hour->day}}</label>
                                                         </div>
                                                      </li>    
                                                      @endforeach                                                 
                                                   </ul>
                                                </div>
                                             </div>
                                             @else
                                             <div class="col-sm-10">
                                                <div class="health-history-checkbox selectdays-dropdown mb-0 ">
                                                   <ul id="be-select" class="be-select">
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="mondays" id="{{$mon_unique = uniqid()}}" name="day[monday][]" value="monday"  type="checkbox">
                                                            <label for="{{$mon_unique}}">Monday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="tuesdays" id="{{$tue_unique = uniqid()}}" name="day[tuesday][]" value="tuesday" type="checkbox">
                                                            <label for="{{$tue_unique}}">Tuesday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="wednesdays" id="{{$wed_unique = uniqid()}}" name="day[wednesday][]" value="wednesday" type="checkbox">
                                                            <label for="{{$wed_unique}}">Wednesday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="thursdays" id="{{$thu_unique = uniqid()}}" name="day[thursday][]" value="thursday" type="checkbox">
                                                            <label for="{{$thu_unique}}">Thursday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="fridays" id="{{$fri_unique = uniqid()}}" name="day[friday][]" value="friday" type="checkbox">
                                                            <label for="{{$fri_unique}}">Friday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="saturdays" id="{{$sat_unique = uniqid()}}" name="day[saturday][]" value="saturday" type="checkbox">
                                                            <label for="{{$sat_unique}}">Saturday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="sundays" id="{{$sun_unique = uniqid()}}" name="day[sunday][]" value="sunday" type="checkbox">
                                                            <label for="{{$sun_unique}}">Sunday</label>
                                                         </div>
                                                      </li>
                                                   </ul>
                                                </div>
                                             </div>
                                             @endif


                                          </div>
                                       </div>

                                       <!-- NEW TIMEPICKER CODE - START -->
                                       @if($location->hours !='')
                                       @foreach($location->hours as $hour)
                                          <div class="{{$hour->day}}" @if($hour->status=='open') style=display:block @else  style=display:none @endif>
                                             <div class="label-input">
                                                <div class="row align-items-center">
                                                   <div class="col-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <h3 class="ml-0 businesstitle mb-3 col-12">{{ucfirst($hour->day)}}</h3>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="{{$hour->day}}" data-value="{{$hour->start_time->format('h:i A')}}" data-flag="start" class="timePickerNew d-flex align-items-center" id="{{$hour->day}}_starttimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="{{$hour->day}}_start_time[]" id="{{$hour->day}}_start_time" value="{{$hour->start_time->format('h:i A')}}" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="{{$hour->day}}" data-value="{{$hour->end_time->format('h:i A')}}" data-flag="end" class="timePickerNew d-flex align-items-center" id="{{$hour->day}}_endtimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="{{$hour->day}}_end_time[]" id="monday_end_time" value="{{$hour->end_time->format('h:i A')}}" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <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-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <label class="col-12">Break time:</label>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="{{$hour->day}}"  data-value="@if($hour->break_start_time !=''){{$hour->break_start_time->format('h:i A')}}@endif" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="{{$hour->day}}_startBreakTimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="{{$hour->day}}_break_start_time[]" id="{{$hour->day}}_break_start_time" value="@if($hour->break_start_time !=''){{$hour->break_start_time->format('h:i A')}}@endif" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="{{$hour->day}}" data-value="@if($hour->break_end_time !=''){{$hour->break_end_time->format('h:i A')}}@endif" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="{{$hour->day}}_endBreakTimePicker{{$key}}" ></div>
                                                                  <input type="hidden" class="form-control" name="{{$hour->day}}_break_end_time[]" id="{{$hour->day}}_break_end_time" value="@if($hour->break_end_time !=''){{$hour->break_end_time->format('h:i A')}}@endif" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                         </div>
                                                      </div>
                                                      <div class="row px-3">
                                                         <a class="clearLunch cursor-pointer Clear" style="color:#4F7379 !important;">Delete break time</a>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       @endforeach
                                       @else
                                          <div class="monday" style=display:none>
                                             <div class="label-input">
                                                <div class="row align-items-center">
                                                   <div class="col-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <h3 class="ml-0 businesstitle mb-3 col-12">Monday</h3>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="monday" data-flag="start" class="timePickerNew d-flex align-items-center" id="monday_starttimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="monday_start_time[]" id="monday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="monday" data-flag="end" class="timePickerNew d-flex align-items-center" id="monday_endtimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="monday_end_time[]" id="monday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <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-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <label class="col-12">Break time:</label>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="monday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="monday_startBreakTimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="monday_break_start_time[]" id="monday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="monday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="monday_endBreakTimePicker{{$key}}" ></div>
                                                                  <input type="hidden" class="form-control" name="monday_break_end_time[]" id="monday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>


                                                         </div>
                                                      </div>
                                                      <div class="row px-3">
                                                         <a class="clearLunch cursor-pointer Clear" style="color:#4F7379 !important;">Delete break time</a>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>

                                          <div class="tuesday" style=display:none>
                                             <div class="label-input">
                                                <div class="row align-items-center">
                                                   <div class="col-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <h3 class="ml-0 businesstitle mb-3 col-12">Tuesday</h3>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="tuesday" data-flag="start" class="timePickerNew d-flex align-items-center" id="tuesday_starttimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="tuesday_start_time[]" id="tuesday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="tuesday" data-flag="end" class="timePickerNew d-flex align-items-center" id="tuesday_endtimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="tuesday_end_time[]" id="tuesday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <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-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <label class="col-12">Break time:</label>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="tuesday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="tuesday_startBreakTimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="tuesday_break_start_time[]" id="tuesday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="tuesday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="tuesday_endBreakTimePicker{{$key}}" ></div>
                                                                  <input type="hidden" class="form-control" name="tuesday_break_end_time[]" id="tuesday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>

                                                         </div>
                                                      </div>
                                                      <div class="row px-3">
                                                               <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                            </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>

                                          <div class="wednesday" style=display:none>
                                             <div class="label-input">
                                                <div class="row align-items-center">
                                                   <div class="col-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <h3 class="ml-0 businesstitle mb-3 col-12">Wednesday</h3>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="wednesday" data-flag="start" class="timePickerNew d-flex align-items-center" id="wednesday_starttimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="wednesday_start_time[]" id="wednesday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="wednesday" data-flag="end" class="timePickerNew d-flex align-items-center" id="wednesday_endtimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="wednesday_end_time[]" id="wednesday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <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-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <label class="col-12">Break time:</label>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="wednesday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="wednesday_startBreakTimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="wednesday_break_start_time[]" id="wednesday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="wednesday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="wednesday_endBreakTimePicker{{$key}}" ></div>
                                                                  <input type="hidden" class="form-control" name="wednesday_break_end_time[]" id="wednesday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>

                                                         </div>
                                                      </div>
                                                      <div class="row px-3">
                                                               <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                            </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>

                                          <div class="thursday" style=display:none>
                                             <div class="label-input">
                                                <div class="row align-items-center">
                                                   <div class="col-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <h3 class="ml-0 businesstitle mb-3 col-12">Thursday</h3>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="thursday" data-flag="start" class="timePickerNew d-flex align-items-center" id="thursday_starttimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="thursday_start_time[]" id="thursday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="thursday" data-flag="end" class="timePickerNew d-flex align-items-center" id="thursday_endtimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="thursday_end_time[]" id="thursday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <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-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <label class="col-12">Break time:</label>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="thursday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="thursday_startBreakTimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="thursday_break_start_time[]" id="thursday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="thursday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="thursday_endBreakTimePicker{{$key}}" ></div>
                                                                  <input type="hidden" class="form-control" name="thursday_break_end_time[]" id="thursday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>

                                                         </div>
                                                      </div>
                                                      <div class="row px-3">
                                                               <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                            </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>

                                          <div class="friday" style=display:none>
                                             <div class="label-input">
                                                <div class="row align-items-center">
                                                   <div class="col-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <h3 class="ml-0 businesstitle mb-3 col-12">Friday</h3>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="friday" data-flag="start" class="timePickerNew d-flex align-items-center" id="friday_starttimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="friday_start_time[]" id="friday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="friday" data-flag="end" class="timePickerNew d-flex align-items-center" id="friday_endtimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="friday_end_time[]" id="friday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <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-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <label class="col-12">Break time:</label>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="friday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="friday_startBreakTimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="friday_break_start_time[]" id="friday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="friday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="friday_endBreakTimePicker{{$key}}" ></div>
                                                                  <input type="hidden" class="form-control" name="friday_break_end_time[]" id="friday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>

                                                         </div>
                                                      </div>
                                                      <div class="row px-3">
                                                               <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                            </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>

                                          <div class="saturday" style=display:none>
                                             <div class="label-input">
                                                <div class="row align-items-center">
                                                   <div class="col-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <h3 class="ml-0 businesstitle mb-3 col-12">Saturday</h3>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="saturday" data-flag="start" class="timePickerNew d-flex align-items-center" id="saturday_starttimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="saturday_start_time[]" id="saturday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="saturday" data-flag="end" class="timePickerNew d-flex align-items-center" id="saturday_endtimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="saturday_end_time[]" id="saturday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <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-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <label class="col-12">Break time:</label>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="saturday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="saturday_startBreakTimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="saturday_break_start_time[]" id="saturday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="saturday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="saturday_endBreakTimePicker{{$key}}" ></div>
                                                                  <input type="hidden" class="form-control" name="saturday_break_end_time[]" id="saturday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>

                                                         </div>
                                                      </div>
                                                      <div class="row px-3">
                                                               <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                            </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>

                                          <div class="sunday" style=display:none>
                                             <div class="label-input">
                                                <div class="row align-items-center">
                                                   <div class="col-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <h3 class="ml-0 businesstitle mb-3 col-12">Sunday</h3>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="sunday" data-flag="start" class="timePickerNew d-flex align-items-center" id="sunday_starttimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="sunday_start_time[]" id="sunday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="sunday" data-flag="end" class="timePickerNew d-flex align-items-center" id="sunday_endtimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="sunday_end_time[]" id="sunday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <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-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <label class="col-12">Break time:</label>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="sunday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="sunday_startBreakTimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="sunday_break_start_time[]" id="sunday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="sunday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="sunday_endBreakTimePicker{{$key}}" ></div>
                                                                  <input type="hidden" class="form-control" name="sunday_break_end_time[]" id="sunday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>

                                                         </div>
                                                      </div>
                                                      <div class="row px-3">
                                                               <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                            </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       @endif
                                       <!-- NEW TIMEPICKER CODE - END -->

                                    

                                 </div>
                              </div>
                              <div class="brdr-bttm"></div>
                           </div>
                           @else
                              <div id="businessDetails" class="businessDetails">
                                 <a class="removeThisLocation cursor-pointer" style="display: block; float: right; color: rgb(69, 116, 122) !important;">Remove this location</a><br><br>
                                 <div class="media mb-md-5 mb-3 mt-4 newBusinessDetailsPage">

                                    <div class="media-body">
                                       <div>

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

                                          <div class="form-group">
                                          <input type="hidden" name="location_id[]" value="{{$location->id}}">
                                             <label class="d-block">Business phone number <span class="required_span">*</span></label>
                                             <input type="text" name="phone_number[]" class="form-control" placeholder="Business phone number" value="{{$location->phone_number}}">
                                          </div>
                                          <span class="invalid-feedback d-block"></span>

                                          <div class="form-group">
                                             <label class="d-block">Business email address <span class="required_span">*</span></label>
                                             <input type="text" name="email[]" class="form-control" placeholder="Business email address" value="{{$location->email}}">
                                          </div>
                                          <span class="invalid-feedback d-block"></span>
                                          <div class="businessAddressSection">
                                             <div class="form-group">
                                                <label>Business address <span class="required_span">*</span></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>
                                                <input type="text" name="address[]" class="form-control google_address" placeholder="Address line 1" value="{{$location->address}}">
                                             </div>
                                             <span class="invalid-feedback d-block"></span>

                                             <div class="form-group">
                                                <input type="text" name="address2[]" class="form-control address_2" placeholder="Address line 2" value="{{$location->address2}}">
                                                <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 suburb" placeholder="Suburb" value="{{$location->suburb}}">
                                                   <span class="invalid-feedback d-block"></span>
                                                </div>
                                                <div class="col-md-6">
                                                   <input type="text" name="state[]" class="form-control state" placeholder="State" value="{{$location->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 country" placeholder="Country" value="{{$location->country}}">
                                                   <span class="invalid-feedback d-block"></span>
                                                </div>
                                                <div class="col-md-6">
                                                   <input type="text" name="postcode[]" class="form-control postcode" placeholder="Postcode" value="{{$location->postcode}}">
                                                   <span class="invalid-feedback d-block"></span>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>

                                 </div>
                                 <h3 class="ml-0">My Availability <span class="required_span">*</span></label></h3>

                                 <div class="test-results-area labeltop locationForHide locationDiv">
                                    <!-- <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-sm-2">
                                                <div class="dayslabel"><label style="top:0">Day/s</label></div>
                                             </div>
                                             {{-- <div class=" col-sm-10">
                                                <div class="health-history-checkbox selectdays-dropdown mb-0 ">
                                                   <ul id="be-select" class="be-select">
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="mondays" id="{{$mon_unique = uniqid()}}" name="day[monday][]" value="monday" type="checkbox">
                                                            <label for="{{$mon_unique}}">Monday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="tuesdays" id="{{$tue_unique = uniqid()}}" name="day[tuesday][]" value="tuesday" type="checkbox">
                                                            <label for="{{$tue_unique}}">Tuesday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="wednesdays" id="{{$wed_unique = uniqid()}}" name="day[wednesday][]" value="wednesday" type="checkbox">
                                                            <label for="{{$wed_unique}}">Wednesday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="thursdays" id="{{$thu_unique = uniqid()}}" name="day[thursday][]" value="thursday" type="checkbox">
                                                            <label for="{{$thu_unique}}">Thursday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="fridays" id="{{$fri_unique = uniqid()}}" name="day[friday][]" value="friday" type="checkbox">
                                                            <label for="{{$fri_unique}}">Friday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="saturdays" id="{{$sat_unique = uniqid()}}" name="day[saturday][]" value="saturday" type="checkbox">
                                                            <label for="{{$sat_unique}}">Saturday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="sundays" id="{{$sun_unique = uniqid()}}" name="day[sunday][]" value="sunday" type="checkbox">
                                                            <label for="{{$sun_unique}}">Sunday</label>
                                                         </div>
                                                      </li>
                                                   </ul>
                                                </div>
                                             </div> --}}
                                             @if($location->hours !='')
                                             <div class="col-sm-10">
                                                <div class="health-history-checkbox selectdays-dropdown mb-0 ">
                                                   <ul id="be-select" class="be-select">
                                                      @foreach($location->hours as $hour)
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="mondays" id="{{$mon_unique = uniqid()}}" name="day[{{$hour->day}}][]" value="{{$hour->day}}"  type="checkbox"
                                                            @if($hour->status=='open') checked @endif>
                                                            <label for="{{$mon_unique}}">{{$hour->day}}</label>
                                                         </div>
                                                      </li>    
                                                      @endforeach                                                 
                                                   </ul>
                                                </div>
                                             </div>
                                             @else
                                             <div class="col-sm-10">
                                                <div class="health-history-checkbox selectdays-dropdown mb-0 ">
                                                   <ul id="be-select" class="be-select">
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="mondays" id="{{$mon_unique = uniqid()}}" name="day[monday][]" value="monday"  type="checkbox">
                                                            <label for="{{$mon_unique}}">Monday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="tuesdays" id="{{$tue_unique = uniqid()}}" name="day[tuesday][]" value="tuesday" type="checkbox">
                                                            <label for="{{$tue_unique}}">Tuesday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="wednesdays" id="{{$wed_unique = uniqid()}}" name="day[wednesday][]" value="wednesday" type="checkbox">
                                                            <label for="{{$wed_unique}}">Wednesday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="thursdays" id="{{$thu_unique = uniqid()}}" name="day[thursday][]" value="thursday" type="checkbox">
                                                            <label for="{{$thu_unique}}">Thursday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="fridays" id="{{$fri_unique = uniqid()}}" name="day[friday][]" value="friday" type="checkbox">
                                                            <label for="{{$fri_unique}}">Friday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="saturdays" id="{{$sat_unique = uniqid()}}" name="day[saturday][]" value="saturday" type="checkbox">
                                                            <label for="{{$sat_unique}}">Saturday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="sundays" id="{{$sun_unique = uniqid()}}" name="day[sunday][]" value="sunday" type="checkbox">
                                                            <label for="{{$sun_unique}}">Sunday</label>
                                                         </div>
                                                      </li>
                                                   </ul>
                                                </div>
                                             </div>
                                             @endif
                                          </div>
                                       </div>


                                       @if($location->hours !='')
                                       @foreach($location->hours as $hour)
                                          <div class="{{$hour->day}}" @if($hour->status=='open') style=display:block @else  style=display:none @endif>
                                             <div class="label-input">
                                                <div class="row align-items-center">
                                                   <div class="col-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <h3 class="ml-0 businesstitle mb-3 col-12">{{ucfirst($hour->day)}}</h3>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="{{$hour->day}}" data-value="{{$hour->start_time->format('h:i A')}}" data-flag="start" class="timePickerNew d-flex align-items-center" id="{{$hour->day}}_starttimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="{{$hour->day}}_start_time[]" id="{{$hour->day}}_start_time" value="{{$hour->start_time->format('h:i A')}}" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="{{$hour->day}}" data-value="{{$hour->end_time->format('h:i A')}}" data-flag="end" class="timePickerNew d-flex align-items-center" id="{{$hour->day}}_endtimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="{{$hour->day}}_end_time[]" id="monday_end_time" value="{{$hour->end_time->format('h:i A')}}" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <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-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <label class="col-12">Break time:</label>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="{{$hour->day}}"  data-value="@if($hour->break_start_time !=''){{$hour->break_start_time->format('h:i A')}}@endif" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="{{$hour->day}}_startBreakTimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="{{$hour->day}}_break_start_time[]" id="{{$hour->day}}_break_start_time" value="@if($hour->break_start_time !=''){{$hour->break_start_time->format('h:i A')}}@endif" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="{{$hour->day}}" data-value="@if($hour->break_end_time !=''){{$hour->break_end_time->format('h:i A')}}@endif" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="{{$hour->day}}_endBreakTimePicker{{$key}}" ></div>
                                                                  <input type="hidden" class="form-control" name="{{$hour->day}}_break_end_time[]" id="{{$hour->day}}_break_end_time" value="@if($hour->break_end_time !=''){{$hour->break_end_time->format('h:i A')}}@endif" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>


                                                         </div>
                                                      </div>
                                                      <div class="row px-3">
                                                         <a class="clearLunch cursor-pointer Clear" style="color:#4F7379 !important;">Delete break time</a>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       @endforeach
                                       @else
                                          <div class="monday" style=display:none>
                                             <div class="label-input">
                                                <div class="row align-items-center">
                                                   <div class="col-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <h3 class="ml-0 businesstitle mb-3 col-12">Monday</h3>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="monday" data-flag="start" class="timePickerNew d-flex align-items-center" id="monday_starttimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="monday_start_time[]" id="monday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="monday" data-flag="end" class="timePickerNew d-flex align-items-center" id="monday_endtimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="monday_end_time[]" id="monday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <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-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <label class="col-12">Break time:</label>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="monday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="monday_startBreakTimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="monday_break_start_time[]" id="monday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="monday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="monday_endBreakTimePicker{{$key}}" ></div>
                                                                  <input type="hidden" class="form-control" name="monday_break_end_time[]" id="monday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>


                                                         </div>
                                                      </div>
                                                      <div class="row px-3">
                                                         <a class="clearLunch cursor-pointer Clear" style="color:#4F7379 !important;">Delete break time</a>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>

                                          <div class="tuesday" style=display:none>
                                             <div class="label-input">
                                                <div class="row align-items-center">
                                                   <div class="col-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <h3 class="ml-0 businesstitle mb-3 col-12">Tuesday</h3>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="tuesday" data-flag="start" class="timePickerNew d-flex align-items-center" id="tuesday_starttimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="tuesday_start_time[]" id="tuesday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="tuesday" data-flag="end" class="timePickerNew d-flex align-items-center" id="tuesday_endtimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="tuesday_end_time[]" id="tuesday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <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-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <label class="col-12">Break time:</label>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="tuesday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="tuesday_startBreakTimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="tuesday_break_start_time[]" id="tuesday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="tuesday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="tuesday_endBreakTimePicker{{$key}}" ></div>
                                                                  <input type="hidden" class="form-control" name="tuesday_break_end_time[]" id="tuesday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>

                                                         </div>
                                                      </div>
                                                      <div class="row px-3">
                                                               <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                            </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>

                                          <div class="wednesday" style=display:none>
                                             <div class="label-input">
                                                <div class="row align-items-center">
                                                   <div class="col-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <h3 class="ml-0 businesstitle mb-3 col-12">Wednesday</h3>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="wednesday" data-flag="start" class="timePickerNew d-flex align-items-center" id="wednesday_starttimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="wednesday_start_time[]" id="wednesday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="wednesday" data-flag="end" class="timePickerNew d-flex align-items-center" id="wednesday_endtimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="wednesday_end_time[]" id="wednesday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <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-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <label class="col-12">Break time:</label>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="wednesday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="wednesday_startBreakTimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="wednesday_break_start_time[]" id="wednesday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="wednesday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="wednesday_endBreakTimePicker{{$key}}" ></div>
                                                                  <input type="hidden" class="form-control" name="wednesday_break_end_time[]" id="wednesday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>

                                                         </div>
                                                      </div>
                                                      <div class="row px-3">
                                                               <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                            </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>

                                          <div class="thursday" style=display:none>
                                             <div class="label-input">
                                                <div class="row align-items-center">
                                                   <div class="col-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <h3 class="ml-0 businesstitle mb-3 col-12">Thursday</h3>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="thursday" data-flag="start" class="timePickerNew d-flex align-items-center" id="thursday_starttimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="thursday_start_time[]" id="thursday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="thursday" data-flag="end" class="timePickerNew d-flex align-items-center" id="thursday_endtimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="thursday_end_time[]" id="thursday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <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-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <label class="col-12">Break time:</label>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="thursday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="thursday_startBreakTimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="thursday_break_start_time[]" id="thursday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="thursday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="thursday_endBreakTimePicker{{$key}}" ></div>
                                                                  <input type="hidden" class="form-control" name="thursday_break_end_time[]" id="thursday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>

                                                         </div>
                                                      </div>
                                                      <div class="row px-3">
                                                               <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                            </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>

                                          <div class="friday" style=display:none>
                                             <div class="label-input">
                                                <div class="row align-items-center">
                                                   <div class="col-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <h3 class="ml-0 businesstitle mb-3 col-12">Friday</h3>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="friday" data-flag="start" class="timePickerNew d-flex align-items-center" id="friday_starttimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="friday_start_time[]" id="friday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="friday" data-flag="end" class="timePickerNew d-flex align-items-center" id="friday_endtimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="friday_end_time[]" id="friday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <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-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <label class="col-12">Break time:</label>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="friday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="friday_startBreakTimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="friday_break_start_time[]" id="friday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="friday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="friday_endBreakTimePicker{{$key}}" ></div>
                                                                  <input type="hidden" class="form-control" name="friday_break_end_time[]" id="friday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>

                                                         </div>
                                                      </div>
                                                      <div class="row px-3">
                                                               <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                            </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>

                                          <div class="saturday" style=display:none>
                                             <div class="label-input">
                                                <div class="row align-items-center">
                                                   <div class="col-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <h3 class="ml-0 businesstitle mb-3 col-12">Saturday</h3>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="saturday" data-flag="start" class="timePickerNew d-flex align-items-center" id="saturday_starttimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="saturday_start_time[]" id="saturday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="saturday" data-flag="end" class="timePickerNew d-flex align-items-center" id="saturday_endtimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="saturday_end_time[]" id="saturday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <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-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <label class="col-12">Break time:</label>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="saturday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="saturday_startBreakTimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="saturday_break_start_time[]" id="saturday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="saturday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="saturday_endBreakTimePicker{{$key}}" ></div>
                                                                  <input type="hidden" class="form-control" name="saturday_break_end_time[]" id="saturday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>

                                                         </div>
                                                      </div>
                                                      <div class="row px-3">
                                                               <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                            </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>

                                          <div class="sunday" style=display:none>
                                             <div class="label-input">
                                                <div class="row align-items-center">
                                                   <div class="col-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <h3 class="ml-0 businesstitle mb-3 col-12">Sunday</h3>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="sunday" data-flag="start" class="timePickerNew d-flex align-items-center" id="sunday_starttimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="sunday_start_time[]" id="sunday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="sunday" data-flag="end" class="timePickerNew d-flex align-items-center" id="sunday_endtimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="sunday_end_time[]" id="sunday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                               </div>
                                                               <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-md-2"></div>
                                                   <div class="col-md-10">
                                                      <div class="row justify-content-sm-start justify-content-center">
                                                         <label class="col-12">Break time:</label>
                                                         <div class="timepicker-content-b-details">
                                                            <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="sunday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="sunday_startBreakTimePicker{{$key}}"></div>
                                                                  <input type="hidden" class="form-control" name="sunday_break_start_time[]" id="sunday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>
                                                            <div class="to-time">To:</div>
                                                            <div class="end-time">
                                                               <div class="form-group brdrfull">
                                                                  <div data-day="sunday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="sunday_endBreakTimePicker{{$key}}" ></div>
                                                                  <input type="hidden" class="form-control" name="sunday_break_end_time[]" id="sunday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                               </div>
                                                               <span class="invalid-feedback d-block"></span>
                                                            </div>

                                                         </div>
                                                      </div>
                                                      <div class="row px-3">
                                                               <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                            </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       @endif

                                       <!-- NEW TIMEPICKER CODE - START -->
                                       {{-- <div class="monday" style=display:none>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12">Monday</h3>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="monday" data-flag="start" class="timePickerNew d-flex align-items-center" id="monday_starttimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="monday_start_time[]" id="monday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="monday" data-flag="end" class="timePickerNew d-flex align-items-center" id="monday_endtimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="monday_end_time[]" id="monday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <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-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="monday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="monday_startBreakTimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="monday_break_start_time[]" id="monday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="monday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="monday_endBreakTimePicker{{$key}}" ></div>
                                                               <input type="hidden" class="form-control" name="monday_break_end_time[]" id="monday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>

                                                      </div>
                                                   </div>
                                                   <div class="row px-3">
                                                            <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                         </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="tuesday" style=display:none>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12">Tuesday</h3>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="tuesday" data-flag="start" class="timePickerNew d-flex align-items-center" id="tuesday_starttimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="tuesday_start_time[]" id="tuesday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="tuesday" data-flag="end" class="timePickerNew d-flex align-items-center" id="tuesday_endtimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="tuesday_end_time[]" id="tuesday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <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-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="tuesday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="tuesday_startBreakTimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="tuesday_break_start_time[]" id="tuesday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="tuesday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="tuesday_endBreakTimePicker{{$key}}" ></div>
                                                               <input type="hidden" class="form-control" name="tuesday_break_end_time[]" id="tuesday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         </div>
                                                   </div>
                                                   <div class="row px-3">
                                                            <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                         </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="wednesday" style=display:none>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12">Wednesday</h3>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="wednesday" data-flag="start" class="timePickerNew d-flex align-items-center" id="wednesday_starttimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="wednesday_start_time[]" id="wednesday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="wednesday" data-flag="end" class="timePickerNew d-flex align-items-center" id="wednesday_endtimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="wednesday_end_time[]" id="wednesday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <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-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="wednesday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="wednesday_startBreakTimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="wednesday_break_start_time[]" id="wednesday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="wednesday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="wednesday_endBreakTimePicker{{$key}}" ></div>
                                                               <input type="hidden" class="form-control" name="wednesday_break_end_time[]" id="wednesday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="row px-3">
                                                            <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                         </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="thursday" style=display:none>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12">Thursday</h3>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="thursday" data-flag="start" class="timePickerNew d-flex align-items-center" id="thursday_starttimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="thursday_start_time[]" id="thursday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="thursday" data-flag="end" class="timePickerNew d-flex align-items-center" id="thursday_endtimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="thursday_end_time[]" id="thursday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <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-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="thursday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="thursday_startBreakTimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="thursday_break_start_time[]" id="thursday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="thursday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="thursday_endBreakTimePicker{{$key}}" ></div>
                                                               <input type="hidden" class="form-control" name="thursday_break_end_time[]" id="thursday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="row px-3">
                                                            <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                         </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="friday" style=display:none>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12">Friday</h3>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="friday" data-flag="start" class="timePickerNew d-flex align-items-center" id="friday_starttimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="friday_start_time[]" id="friday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="friday" data-flag="end" class="timePickerNew d-flex align-items-center" id="friday_endtimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="friday_end_time[]" id="friday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <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-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="friday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="friday_startBreakTimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="friday_break_start_time[]" id="friday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="friday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="friday_endBreakTimePicker{{$key}}" ></div>
                                                               <input type="hidden" class="form-control" name="friday_break_end_time[]" id="friday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="row px-3">
                                                            <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                         </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="saturday" style=display:none>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12">Saturday</h3>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="saturday" data-flag="start" class="timePickerNew d-flex align-items-center" id="saturday_starttimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="saturday_start_time[]" id="saturday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="saturday" data-flag="end" class="timePickerNew d-flex align-items-center" id="saturday_endtimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="saturday_end_time[]" id="saturday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <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-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="saturday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="saturday_startBreakTimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="saturday_break_start_time[]" id="saturday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="saturday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="saturday_endBreakTimePicker{{$key}}" ></div>
                                                               <input type="hidden" class="form-control" name="saturday_break_end_time[]" id="saturday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         </div>
                                                   </div>
                                                   <div class="row px-3">
                                                            <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                         </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="sunday" style=display:none>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12">Sunday</h3>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="sunday" data-flag="start" class="timePickerNew d-flex align-items-center" id="sunday_starttimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="sunday_start_time[]" id="sunday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="sunday" data-flag="end" class="timePickerNew d-flex align-items-center" id="sunday_endtimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="sunday_end_time[]" id="sunday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <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-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="sunday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="sunday_startBreakTimePicker{{$key}}"></div>
                                                               <input type="hidden" class="form-control" name="sunday_break_start_time[]" id="sunday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="sunday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="sunday_endBreakTimePicker{{$key}}" ></div>
                                                               <input type="hidden" class="form-control" name="sunday_break_end_time[]" id="sunday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         </div>
                                                   </div>
                                                   <div class="row px-3">
                                                            <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                         </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div> --}}
                                       <!-- NEW TIMEPICKER CODE - END -->

                                       <!-- OLD TIMEPICKER CODE WHILE NOT IN FIRST LOOPS - START -->
                                       {{--<div class="monday" style="display:none">
                                          <!-- <h3 class="ml-0 businesstitle mb-3">Monday</h3> -->
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Hours:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                <div class="row">
                                                   <h3 class="ml-0 businesstitle mb-3 col-12">Monstart-time
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="monday_start_time[]" value="9:00 AM" readonly="" placeholder="00:00 AM" data-time="09:00:00.000">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="cto-time>
                                                         To:
                                                      </div>
                                                      <div class="end-time">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="monday_end_time[]" value="5:00 PM" readonly="" placeholder="00:00 PM" data-time="17:00:00.000">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      clear-time                                                    
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Break time:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="monday_break_start_time[]" value="" readonly="" placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="monday_break_end_time[]" value="" readonly="" placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="tuesday" style="display:none">
                                          <!-- <h3 class="ml-0 businesstitle mb-3"> Tuesday</h3> -->
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Hours:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12"> Tuesday</h3>

                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="tuesday_start_time[]" value="9:00 AM" readonly="" placeholder="00:00 AM" data-time="09:00:00.000">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="tuesday_end_time[]" value="5:00 PM" readonly="" placeholder="00:00 PM" data-time="17:00:00.000">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Break time:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="tuesday_break_start_time[]" value="" readonly="" placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="tuesday_break_end_time[]" value="" readonly="" placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="wednesday" style="display:none">
                                          <!-- <h3 class="ml-0 businesstitle mb-3"> Wednesday</h3> -->
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Hours:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12"> Wednesday</h3>

                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="wednesday_start_time[]" value="9:00 AM" readonly="" placeholder="00:00 AM" data-time="09:00:00.000">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="wednesday_end_time[]" value="5:00 PM" readonly="" placeholder="00:00 PM" data-time="17:00:00.000">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Break time:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row"><label class="col-12">Break time:</label>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="wednesday_break_start_time[]" value="" readonly="" placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="wednesday_break_end_time[]" value="" readonly="" placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="thursday" style="display:none">
                                          <!-- <h3 class="ml-0 businesstitle mb-3"> Thursday</h3> -->
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Hours:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12"> Thursday</h3>

                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="thursday_start_time[]" value="9:00 AM" readonly="" placeholder="00:00 AM" data-time="09:00:00.000">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="thursday_end_time[]" value="5:00 PM" readonly="" placeholder="00:00 PM" data-time="17:00:00.000">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Break time:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="thursday_break_start_time[]" value="" readonly="" placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="thursday_break_end_time[]" value="" readonly="" placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="friday" style="display:none">
                                          <!-- <h3 class="ml-0 businesstitle mb-3">
                                                        Friday</h3> -->
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Hours:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12">Friday</h3>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="friday_start_time[]" value="9:00 AM" readonly="" placeholder="00:00 AM" data-time="09:00:00.000">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="friday_end_time[]" value="5:00 PM" readonly="" placeholder="00:00 PM" data-time="17:00:00.000">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Break time:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="friday_break_start_time[]" value="" readonly="" placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="friday_break_end_time[]" value="" readonly="" placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="saturday" style="display:none">

                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Hours:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12"> Saturday</h3>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="saturday_start_time[]" value="9:00 AM" readonly="" placeholder="00:00 AM" data-time="09:00:00.000">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="saturday_end_time[]" value="5:00 PM" readonly="" placeholder="00:00 PM" data-time="17:00:00.000">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Break time:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <label class="col-12">Break time:</label>

                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="saturday_break_start_time[]" value="" readonly="" placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="saturday_break_end_time[]" value="" readonly="" placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="sunday" style="display:none">
                                          <!-- <h3 class="ml-0 businesstitle mb-3">Sunday</h3> -->
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Hours:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12">Sunday</h3>

                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="sunday_start_time[]" value="9:00 AM" readonly="" placeholder="00:00 AM" data-time="09:00:00.000">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="sunday_end_time[]" value="5:00 PM" readonly="" placeholder="00:00 PM" data-time="17:00:00.000">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Break time:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <label class="col-12">Break time:</label>

                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="sunday_break_start_time[]" value="" readonly="" placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="sunday_break_end_time[]" value="" readonly="" placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>--}}
                                       <!-- OLD TIMEPICKER CODE WHILE NOT IN FIRST LOOPS - START -->

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

                              @empty
                              <div id="businessDetails" class="businessDetails">
                                    <a class="removeThisLocation cursor-pointer" style="display:none;float:right;color:#45747a !important">Remove this location</a><br><br>

                                    <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 mb-md-5 mb-3 mt-4 newBusinessDetailsPage">
                                       <div class="media-body">
                                          <div>
                                             <div class="form-group">
                                                <label>My timezone <span class="required_span">*</span></label>
                                                <select type="text" name="timezone" class="form-control">
                                                   <option value=""> Select timezone
                                                   </option>
                                                   @foreach($timezone as $val)
                                                   <option value="{{$val}}" @if($practitioner && $practitioner->timezone == $val) selected @endif>
                                                      {{$val}}
                                                   </option>
                                                   @endforeach
                                                </select>
                                             </div>
                                             <span class="invalid-feedback d-block"></span>

                                             <div class="form-group">
                                                <label>Business Name <span class="required_span">*</span></label>
                                                <input type="hidden" name="first_location" value="1">
                                                <input type="text" name="name[]" class="form-control" placeholder="Business Name" value="">
                                             </div>
                                             <span class="invalid-feedback d-block"></span>

                                          <div class="form-group">
                                             <label class="d-block">Business phone number <span class="required_span">*</span></label>
                                             <input type="text" name="phone_number[]" class="form-control" placeholder="Business phone number">
                                          </div>
                                          <span class="invalid-feedback d-block"></span>

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

                                          <div class="businessAddressSection">
                                             <div class="form-group">
                                                <label>Business address <span class="required_span">*</span></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>
                                                <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="Business address" value="{{isset($businessProfile->address) ? $businessProfile->address : ''}}">
                                                 <span class="invalid-feedback d-block"></span>
                                             </div>

                                             <div class="form-group">
                                                <input type="text" name="address2[]" class="form-control address_2" placeholder="Address line 2" value="{{isset($businessProfile->address_2) ? $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 suburb" placeholder="Suburb" value="{{isset($businessProfile->suburb) ? $businessProfile->suburb : ''}}">
                                                   <span class="invalid-feedback d-block"></span>
                                                </div>
                                                <div class="col-md-6">
                                                   <input type="text" name="state[]" class="form-control state" placeholder="State" value="{{isset($businessProfile->state) ? $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 country" placeholder="Country" value="{{isset($businessProfile->country) ? $businessProfile->country : ''}}">
                                                   <span class="invalid-feedback d-block"></span>
                                                </div>
                                                <div class="col-md-6">
                                                   <input type="text" name="postcode[]" class="form-control postcode" placeholder="Postcode" value="{{isset($businessProfile->postcode) ? $businessProfile->postcode : ''}}">
                                                   <span class="invalid-feedback d-block"></span>
                                                </div>
                                             </div>
                                          </div>

                                          <div class="form-group">
                                             <label>Website</label>
                                             <input type="text" name="website" class="form-control" placeholder="Website">
                                          </div>
                                          <div class="form-group">
                                             <label>ABN</label>
                                             <input type="text" name="abn" class="form-control" placeholder="ABN number">
                                          </div>
                                          <div class="form-group social-input">
                                             <label>Facebook</label>
                                             <input type="text" name="facebook_link" class="form-control">
                                             <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">
                                             <span><i class="fa fa-instagram" aria-hidden="true"></i></span>
                                          </div>
                                          <div class="form-group social-input">
                                             <label>Linkedin</label>
                                             <input type="text" name="linkedin_link" class="form-control">
                                             <span><i class="fa fa-linkedin" aria-hidden="true"></i></span>
                                          </div>
                                       </div>
                                    </div>

                                 </div>
                                 <h3 class="ml-0">My Availability <span class="required_span">*</span></label></h3>

                                 <div class="test-results-area labeltop locationForHide locationDiv">
                                    <!-- <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-sm-2">
                                                <div class="dayslabel"><label style="top:0">Day/s</label></div>
                                             </div>
                                             <div class=" col-sm-10">
                                                <div class="health-history-checkbox selectdays-dropdown mb-0 ">
                                                   <ul id="be-select" class="be-select">
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="mondays" id="{{$unique = uniqid()}}" name="day[monday][]" value="monday" type="checkbox">
                                                            <label for="{{$unique}}">Monday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="tuesdays" id="{{$unique = uniqid()}}" name="day[tuesday][]" value="tuesday" type="checkbox">
                                                            <label for="{{$unique}}">Tuesday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="wednesdays" id="{{$unique = uniqid()}}" name="day[wednesday][]" value="wednesday" type="checkbox">
                                                            <label for="{{$unique}}">Wednesday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="thursdays" id="{{$unique = uniqid()}}" name="day[thursday][]" value="thursday" type="checkbox">
                                                            <label for="{{$unique}}">Thursday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="fridays" id="{{$unique = uniqid()}}" name="day[friday][]" value="friday" type="checkbox">
                                                            <label for="{{$unique}}">Friday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="saturdays" id="{{$unique = uniqid()}}" name="day[saturday][]" value="saturday" type="checkbox">
                                                            <label for="{{$unique}}">Saturday</label>
                                                         </div>
                                                      </li>
                                                      <li>
                                                         <div class="rdio rdio-primary radio-inline">
                                                            <input class="sundays" id="{{$unique = uniqid()}}" name="day[sunday][]" value="sunday" type="checkbox">
                                                            <label for="{{$unique}}">Sunday</label>
                                                         </div>
                                                      </li>
                                                   </ul>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <!-- NEW TIMEPICKER CODE WHILE NO LOCATION - START -->
                                       <div class="monday" style=display:none>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12" >Monday</h3>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="monday" data-flag="start" class="timePickerNew d-flex align-items-center" id="monday_starttimePicker"></div>
                                                               <input type="hidden" class="form-control" name="monday_start_time[]" id="monday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="monday" data-flag="end" class="timePickerNew d-flex align-items-center" id="monday_endtimePicker"></div>
                                                               <input type="hidden" class="form-control" name="monday_end_time[]" id="monday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <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-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                               <div class="form-group brdrfull">
                                                                     <div data-day="monday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="monday_startBreakTimePicker"></div>
                                                                     <input type="hidden" class="form-control" name="monday_break_start_time[]" id="monday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                                  </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>



                                                         <div class="to-time">
                                                               To:
                                                         </div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="monday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="monday_endBreakTimePicker" ></div>
                                                               <input type="hidden" class="form-control" name="monday_break_end_time[]" id="monday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                      </div>

                                                   </div>
                                                   <div class="row px-3">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="tuesday" style=display:none>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12">Tuesday</h3>

                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="tuesday" data-flag="start" class="timePickerNew d-flex align-items-center" id="tuesday_starttimePicker"></div>
                                                               <input type="hidden" class="form-control" name="tuesday_start_time[]" id="tuesday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="tuesday" data-flag="end" class="timePickerNew d-flex align-items-center" id="tuesday_endtimePicker"></div>
                                                               <input type="hidden" class="form-control" name="tuesday_end_time[]" id="tuesday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <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-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="tuesday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="tuesday_startBreakTimePicker" ></div>
                                                               <input type="hidden" class="form-control" name="tuesday_break_start_time[]" id="tuesday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>

                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="tuesday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="tuesday_endBreakTimePicker" ></div>
                                                               <input type="hidden" class="form-control" name="tuesday_break_end_time[]" id="tuesday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>

                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="row px-3">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="wednesday" style=display:none>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12">Wednesday</h3>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="wednesday" data-flag="start" class="timePickerNew d-flex align-items-center" id="wednesday_starttimePicker"></div>
                                                               <input type="hidden" class="form-control" name="wednesday_start_time[]" id="wednesday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>

                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="wednesday" data-flag="end" class="timePickerNew d-flex align-items-center" id="wednesday_endtimePicker" ></div>
                                                               <input type="hidden" class="form-control" name="wednesday_end_time[]" id="wednesday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <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-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="wednesday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="wednesday_startBreakTimePicker" ></div>
                                                               <input type="hidden" class="form-control" name="wednesday_break_start_time[]" id="wednesday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="wednesday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="wednesday_endBreakTimePicker" ></div>
                                                               <input type="hidden" class="form-control" name="wednesday_break_end_time[]" id="wednesday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>

                                                         </div>
                                                      </div>

                                                   </div>
                                                   <div class="row px-3">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="thursday" style=display:none>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12">Thursday</h3>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="thursday" data-flag="start" class="timePickerNew d-flex align-items-center" id="thursday_starttimePicker"></div>
                                                               <input type="hidden" class="form-control" name="thursday_start_time[]" id="thursday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>

                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="thursday" data-flag="end" class="timePickerNew d-flex align-items-center" id="thursday_endtimePicker" ></div>
                                                               <input type="hidden" class="form-control" name="thursday_end_time[]" id="thursday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <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-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="thursday" data-flag="break_start"  class="timePickerNew d-flex align-items-center" id="thursday_startBreakTimePicker" ></div>
                                                               <input type="hidden" class="form-control" name="thursday_break_start_time[]" id="thursday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>

                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="thursday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="thursday_endBreakTimePicker" ></div>
                                                               <input type="hidden" class="form-control" name="thursday_break_end_time[]" id="thursday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>

                                                         </div>
                                                      </div>




                                                   </div>
                                                   <div class="row px-3">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="friday" style=display:none>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12">Friday</h3>

                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="friday" data-flag="start" class="timePickerNew d-flex align-items-center" id="friday_starttimePicker"></div>
                                                               <input type="hidden" class="form-control" name="friday_start_time[]" id="friday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>

                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="friday" data-flag="end" class="timePickerNew d-flex align-items-center" id="friday_endtimePicker" ></div>
                                                               <input type="hidden" class="form-control" name="friday_end_time[]" id="friday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <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-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="friday" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="friday_startBreakTimePicker" ></div>
                                                               <input type="hidden" class="form-control" name="friday_break_start_time[]" id="friday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>

                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="friday" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="friday_endBreakTimePicker" ></div>
                                                               <input type="hidden" class="form-control" name="friday_break_end_time[]" id="friday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>

                                                         </div>
                                                      </div>




                                                   </div>
                                                   <div class="row px-3">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="saturday" style=display:none>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12">Saturday</h3>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="saturday" data-flag="start" class="timePickerNew d-flex align-items-center" id="saturday_starttimePicker"></div>
                                                               <input type="hidden" class="form-control" name="saturday_start_time[]" id="saturday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="saturday" data-flag="end" class="timePickerNew d-flex align-items-center" id="saturday_endtimePicker" ></div>
                                                               <input type="hidden" class="form-control" name="saturday_end_time[]" id="saturday_end_time }}" value="05:00 PM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <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-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="saturday" data-flag="break_start"  class="timePickerNew d-flex align-items-center" id="saturday_startBreakTimePicker" ></div>
                                                               <input type="hidden" class="form-control" name="saturday_break_start_time[]" id="saturday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>

                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="saturday" data-flag="break_end"  class="timePickerNew d-flex align-items-center" id="saturday_endBreakTimePicker" ></div>
                                                               <input type="hidden" class="form-control" name="saturday_break_end_time[]" id="saturday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>

                                                         </div>
                                                      </div>




                                                   </div>
                                                   <div class="row px-3">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="sunday" style=display:none>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12">Sunday</h3>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div  data-day="sunday" data-flag="start" class="timePickerNew d-flex align-items-center" id="sunday_starttimePicker"></div>
                                                               <input type="hidden" class="form-control" name="sunday_start_time[]" id="sunday_start_time" value="09:00 AM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>

                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="sunday" data-flag="end" class="timePickerNew d-flex align-items-center" id="sunday_endtimePicker" ></div>
                                                               <input type="hidden" class="form-control" name="sunday_end_time[]" id="sunday_end_time" value="05:00 PM" readonly placeholder="00:00 AM">
                                                            </div>
                                                            <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-md-2"></div>
                                                <div class="col-md-10">
                                                   <div class="row justify-content-sm-start justify-content-center">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="timepicker-content-b-details">
                                                         <div class="start-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="sunday" data-flag="break_start"  class="timePickerNew d-flex align-items-center" id="sunday_startBreakTimePicker" ></div>
                                                               <input type="hidden" class="form-control" name="sunday_break_start_time[]" id="sunday_break_start_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>

                                                         </div>
                                                         <div class="to-time">To:</div>
                                                         <div class="end-time">
                                                            <div class="form-group brdrfull">
                                                               <div data-day="sunday" data-flag="break_end"  class="timePickerNew d-flex align-items-center" id="sunday_endBreakTimePicker" ></div>
                                                               <input type="hidden" class="form-control" name="sunday_break_end_time[]" id="sunday_break_end_time" value="" readonly placeholder="00:00 PM">
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>

                                                         </div>
                                                      </div>




                                                   </div>
                                                   <div class="row px-3">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <!-- NEW TIMEPICKER CODE WHILE NO LOCATION - END -->

                                       <!-- OLD TIMEPICKER CODE WHILE NO LOCATION - START -->
                                       {{--<div class="monday" style=display:none>
                                          <!-- <h3 class="ml-0 businesstitle mb-3">Monday</h3> -->
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Hours:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                <div class="row">
                                                   <h3 class="ml-0 businesstitle mb-3 col-12">Monstart-time
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="monday_start_time[]" value="9:00 AM" readonly placeholder="00:00 AM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="cto-time>
                                                         To:
                                                      </div>
                                                      <div class="end-time">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="monday_end_time[]" value="5:00 PM" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
clear-time                                                    </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Break time:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="monday_break_start_time[]" value="" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="monday_break_end_time[]" value="" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="tuesday" style=display:none>
                                          <!-- <h3 class="ml-0 businesstitle mb-3"> Tuesday</h3> -->
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Hours:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12"> Tuesday</h3>

                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="tuesday_start_time[]" value="9:00 AM" readonly placeholder="00:00 AM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="tuesday_end_time[]" value="5:00 PM" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Break time:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="tuesday_break_start_time[]" value="" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="tuesday_break_end_time[]" value="" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="wednesday" style=display:none>
                                          <!-- <h3 class="ml-0 businesstitle mb-3"> Wednesday</h3> -->
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Hours:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12"> Wednesday</h3>

                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="wednesday_start_time[]" value="9:00 AM" readonly placeholder="00:00 AM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="wednesday_end_time[]" value="5:00 PM" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Break time:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row"><label class="col-12">Break time:</label>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="wednesday_break_start_time[]" value="" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="wednesday_break_end_time[]" value="" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="thursday" style=display:none>
                                          <!-- <h3 class="ml-0 businesstitle mb-3"> Thursday</h3> -->
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Hours:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12"> Thursday</h3>

                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="thursday_start_time[]" value="9:00 AM" readonly placeholder="00:00 AM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="thursday_end_time[]" value="5:00 PM" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Break time:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="thursday_break_start_time[]" value="" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="thursday_break_end_time[]" value="" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="friday" style=display:none>
                                          <!-- <h3 class="ml-0 businesstitle mb-3">
                                                        Friday</h3> -->
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Hours:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12">Friday</h3>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="friday_start_time[]" value="9:00 AM" readonly placeholder="00:00 AM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="friday_end_time[]" value="5:00 PM" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Break time:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <label class="col-12">Break time:</label>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="friday_break_start_time[]" value="" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="friday_break_end_time[]" value="" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="saturday" style=display:none>

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

                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="saturday_break_start_time[]" value="" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="saturday_break_end_time[]" value="" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         <div class="col-sm-12">
                                                            <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="sunday" style=display:none>
                                          <!-- <h3 class="ml-0 businesstitle mb-3">Sunday</h3> -->
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Hours:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <h3 class="ml-0 businesstitle mb-3 col-12">Sunday</h3>

                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="sunday_start_time[]" value="9:00 AM" readonly placeholder="00:00 AM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="sunday_end_time[]" value="5:00 PM" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="label-input">
                                             <div class="row align-items-center">
                                                <div class="col-sm-4">
                                                   <!-- <label>Break time:</label> -->
                                                </div>
                                                <div class="col-sm-8">
                                                   <div class="row">
                                                      <label class="col-12">Break time:</label>

                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="sunday_break_start_time[]" value="" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                         To:
                                                      </div>
                                                      <div class="col-sm-4">
                                                         <div class="form-group brdrfull">
                                                            <input type="text" class="form-control timepicker" name="sunday_break_end_time[]" value="" readonly placeholder="00:00 PM">
                                                         </div>
                                                         <span class="invalid-feedback d-block"></span>
                                                      </div>
                                                      <div class="col-sm-1">
                                                          <a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>--}}
                                       <!-- OLD TIMEPICKER CODE WHILE NO LOCATION - END -->

                                    </div>
                                 </div>
                                 <div class="brdr-bttm"></div>
                              </div>
                              @endforelse
                              
                              <div class="test-results-area appendBusinessDetails">
                                 <!-- <h3 class="ml-0 businesstitle">Additional locations</h3> -->
                                 <div class="label-input mb-0 mtop">
                                    <div class="row">
                                       <div class=" col-sm-4">
                                          <!-- <label>Add an additional location</label> -->
                                       </div>
                                       <div class=" col-sm-8">
                                          <ul class="age-title p-0 listingli">
                                             <!-- NEW TIMEPICKER CODE - START -->
                                             <li><input type="radio" id="abc8" class="addAdditionalLocationNew" value="1" name="add_additional_location" />
                                                <label for="abc8" class="">Add an additional location</label>
                                             </li>
                                             <!-- NEW TIMEPICKER CODE - END -->

                                             <!-- OLD TIMEPICKER CODE - END -->
                                             {{--<li><input type="radio" id="abc8" class="addAdditionalLocation" value="1" name="add_additional_location" />
                                                <label for="abc8" class="">Add an additional location</label>
                                             </li>--}}
                                             <!-- OLD TIMEPICKER CLEAR - END -->

                                             <!-- <li><input type="radio" id="abcs9" value="0" name="add_additional_location" />
                                                <label for="abcs9">Remove location</label></li> -->
                                          </ul>
                                       </div>
                                    </div>
                                 </div>

                              </div>
                               <br>
                               <br>
                              <h3 class="ml-0">Association & provider numbers</h3>

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


                                          <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()>=2)
                                                                                                            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()>=2)
                                                                                                            @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></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   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>
                                          <span class="health-error error"></span>
                                       </div>


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


                                       @if($practitionerLocation->count()>=2)
                                             <div class="form-group">
                                                <label>Location</label>
                                                <select  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 locations</option>
                                                </select>
                                                <span class="invalid-feedback d-block"></span>
                                             </div>
                                       @elseif( $practitionerLocation->count() == 1 )
                                          <div class="form-group">
                                             <label>Location</label>
                                             <select  class="form-control location d-none" id="location" name="location">
                                                <option value="">Select Location</option>
                                                @foreach($practitionerLocation as $val)
                                                <option value="{{$val->id}}" selected>{{$val->address}}</option>
                                                @endforeach                                                   
                                             </select>
                                             <span class="invalid-feedback d-block"></span>
                                          </div>
                                       @endif

                                        <button type="button" class="btn-unfill w-40 mt-2 mb-3 saveprovider">Save provider number</button>
                                        <br>

                                    </div>


                                 </div>
                              </div>
                              <button type="submit" class="btn-fill w-100 mt-10">Continue</button>

                              <!-- <button type="submit" class="btn-fill w-100 mt-10">Save</button> -->
                           </div>
                        </form>
                     </div>
                  </div>

               </div>
               <!-- </div> -->
            </div>



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

@section('modals')

<!-- 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" style="max-width: 60%;">
            <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" style="max-width: 60%;">
            <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>
   #main-section {
      display: none;
   }

   .navbar {
      padding: 0rem 1rem;
   }

   /* .page-content .row.align-items-center {
   display: none;
} */
   .page-content {
      padding: 0;
      transition: .4s ease all;
   }

   .dashspace-area .page-content {
      padding: 0;
   }

   .welcome-page-menu a.btn {
      color: #457379;
      font-size: 16px;
      letter-spacing: 1px;
      margin: 0px 20px 0px;
   }

   .welcome-page-menu a.navbar-brand img {
      max-width: 49px;
      margin: 8px 20px;
   }

   .titles {
      font-size: 25px;
      color: #232F3F;
      font-family: Eagle-Light;
      padding: 0 50px;
      /* font-weight: bold; */
      margin-bottom: 30px;
      margin-left: 0px !important;
   }

   .removeCss {
      width: 150px !important;
      height: 150px !important;
      border: 0px !important;
   }
   .timepicker-content-b-details .clear-time{
      margin-top: 18px;
   }
</style>
@endsection
@section('js')
<script src='{{ asset("assets/js/croppie.js")}}'></script>
<script>
   $("#timezone").select2();

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

   /* Crop and upload business logo */
   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'
                  }
               });
            }
         });
      });
   });

   $(document).ready(function() {

      $("body").on('input', '.google_address1', function() {
         var input = $(this);
         var parent = $(this).closest('.businessAddressSection');
         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){
                  parent.find('.suburb').val(value.long_name);
                  input.parent().next('span').next('div').next('div').children('div:first').find('input:text').val(value.long_name);
               }
               if($.inArray("administrative_area_level_1", value.types) !== -1){
                  parent.find('.state').val(value.long_name);
                  input.parent().next('span').next('div').next('div').children('div:last').find('input:text').val(value.long_name);
               }
               if($.inArray("country", value.types) !== -1){
                  parent.find('.country').val(value.long_name);
                  input.parent().next('span').next('div').next('div').next('div').children('div:first').find('input:text').val(value.long_name);
               }
               if($.inArray("postal_code", value.types) !== -1){
                  parent.find('.postcode').val(value.long_name);
                  input.parent().next('span').next('div').next('div').next('div').children('div:last').find('input:text').val(value.long_name);
               }
            });
            input.val(address1);
            parent.find('.address_2').val(address2);
            input.parent().next('span').next('div').find('input:text').val(address2);
         });
      });

      //Add more business details
      $(document).on('click', '.addAdditionalLocation', function(event) {
         var row = $('#businessDetails').clone();
         row.find('input[type=checkbox]').prop('checked', false);
         row.find('input[name="id[]"]').prop('value', '');
         row.find('input[name="phone_number[]"]').val('');
         row.find('input[name="address[]"]').val('');
         row.find('input[name="email[]"]').val('');

         row.find('.social-input').remove();
         row.find('input[name=abn]').parent().remove();
         row.find('input[name=website]').parent().remove();
         row.find('input[name=name]').parent().remove();
         row.find('.client-pic-inner').remove();
         row.find('.client-pic').addClass('removeCss');
         row.find("#businessImagePreview").attr( "src", "" );
         row.find(".crop-img").css('display','none');

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

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

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

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

         // row.find('#addLocation').remove();
         // row.find('#addLocation').remove();
          row.find('.removeThisLocation').css('display','block');

         $('.businessDetails').last().after(row);
      });

      // Add more location using jqury append method 03-03-2022
      $(document).on('click', '.addAdditionalLocationNew', function(event) {

         var html_data = '';
         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_data += '<div id="businessDetails" class="businessDetails">';
         html_data += '<a class="removeThisLocation cursor-pointer" style="display:block;float:right;color:#45747a !important">Remove this location</a><br><br>';
         html_data += '<div class="crop-img" style="display:none;">';
         html_data += '<img id="businessImagePreview" class="img-fluid main-img" src="{{$businessProfile->logo}}" alt="" />';
         html_data += '<div class="profile-change"><input type="file" name="logo" id="businessImage" accept="image/*"></div>';

         html_data += '<div class="crop-bg"><div><img src="{{asset('assets/images/camera_icon.svg')}}" class="img-fluid" /><br/><p class="">Upload Logo</p></div></div>';

         html_data += '<div class="crop-bg crop-hover">';
         html_data += '<div><img src="{{asset('assets/images/camera_icon.svg')}}" class="img-fluid" /><br/><p class="">Upload Logo</p></div></div>';
         html_data += '<a class="remove-image-btn {{ $business_logo_remove_class }}" href="javascript:void(0)" id="remove-my-logo">Remove</a>';
         html_data += '</div>';

         html_data += '<div class="media mb-md-5 mb-3 mt-4 newBusinessDetailsPage">';

         html_data += '<div class="media-body">';

         html_data += '<div>';

         html_data += '<div class="form-group">';
         html_data += '<label class="d-block">Business phone number <span class="required_span">*</span></label>';
         html_data += '<input type="text" name="phone_number[]" class="form-control" placeholder="Business phone number" value="">';
         html_data += '</div>';
         html_data += '<span class="invalid-feedback d-block"></span>';

         html_data += '<div class="form-group">';
         html_data += '<label class="d-block">Business email address <span class="required_span">*</span></label>';
         html_data += '<input type="text" name="email[]" class="form-control" placeholder="Business email address" value=""> ';
         html_data += '</div>';
         html_data += '<span class="invalid-feedback d-block"></span>';

         html_data += '<div class="businessAddressSection">';
         html_data += '<div class="form-group">';
         html_data += '<label>Business address <span class="required_span">*</span></label>'+text;
         html_data += '<input type="hidden" name="latitude" id="latitude">';
         html_data += '<input type="hidden" name="longitude" id="longitude">';
         html_data += '<input type="text" name="address[]" class="form-control google_address" placeholder="Address line 1" value="">';
         html_data += '</div>';
         html_data += '<span class="invalid-feedback d-block"></span>';
       
          html_data += '<div class="form-group">';
          html_data += '<input type="text" name="address2[]" class="form-control address_2" placeholder="Address line 2" value="">';
          html_data += '<span class="invalid-feedback d-block"></span>';
          html_data += '</div>';

          html_data += '<div class="form-group row">';
          html_data += '<div class="col-md-6">';
          html_data += '<input type="text" name="suburb[]" class="form-control suburb" placeholder="Suburb" value="">';
          html_data += '<span class="invalid-feedback d-block"></span>';
          html_data += '</div>';
          html_data += '<div class="col-md-6">';
          html_data += '<input type="text" name="state[]" class="form-control state" placeholder="State" value="">';
          html_data += '<span class="invalid-feedback d-block"></span>';
          html_data += '</div>';
          html_data += '</div>';

          html_data += '<div class="form-group row">';
          html_data += '<div class="col-md-6">';
          html_data += '<input type="text" name="country[]" class="form-control country" placeholder="Country" value="">';
          html_data += '<span class="invalid-feedback d-block"></span>';
          html_data += '</div>';
          html_data += '<div class="col-md-6">';
          html_data += '<input type="text" name="postcode[]" class="form-control postcode" placeholder="Postcode" value="">';
          html_data += '<span class="invalid-feedback d-block"></span>';
          html_data += '</div>';
          html_data += '</div>';
          html_data += '</div>';

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

         html_data += '<h3 class="ml-0">My Availability <span class="required_span">*</span></label></h3>';

         html_data += '<div class="test-results-area labeltop locationForHide locationDiv">';

         html_data += '<div class="setting-business-box mtop">';

         html_data += '<div class="label-input daysinline">';

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

         html_data += '<div class="col-sm-2"><div class="dayslabel"><label style="top:0">Day/s</label></div></div>';

         html_data += '<div class="col-sm-10">';
         html_data += '<div class="health-history-checkbox selectdays-dropdown mb-0 ">';
         html_data += '<ul id="be-select" class="be-select">';

         const days = [ "monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday" ];
         const flags = [ "start", "end", "break_start", "break_end" ];

         for( var i = 0; i < days.length; i++ ) {
            html_data += '<li>';
            html_data += '<div class="rdio rdio-primary radio-inline">';
            var uniqueId = Math.random();
            html_data += '<input class="'+ days[i] +'s" id="'+ uniqueId +'" name="day['+ days[i] +'][]" value="'+ days[i] +'" type="checkbox">';
            html_data += '<label for="'+ uniqueId +'">'+ days[i] +'</label>';
            html_data += '</div>';
            html_data += '</li>';
         }

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

         var randomNum = $("#locationCount").val();

         for( var i = 0; i < days.length; i++ ) {
            var uniqueId = Math.random();
            html_data += '<div class="'+ days[i] +'" style=display:none>';

            html_data += '<div class="label-input">';
            html_data += '<div class="row align-items-center">';
            html_data += '<div class="col-sm-2"></div>';
            html_data += '<div class="col-sm-10">';
            html_data += '<div class="row">';
            html_data += '<h3 class="ml-0 businesstitle mb-3 col-12" style="text-transform:capitalize">'+ days[i] +'</h3>';
            html_data += '<div class="timepicker-content-b-details">';
            html_data += '<div class="start-time">';
            html_data += '<div class="form-group brdrfull">';
            html_data += '<div data-day="'+ days[i] +'" data-flag="start" class="timePickerNew d-flex align-items-center" id="'+ days[i] +'_starttimePicker'+ randomNum +'"></div>';
            html_data += '<input type="hidden" class="form-control" name="'+ days[i] +'_start_time[]" id="'+ days[i] +'_start_time" value="09:00 AM" readonly placeholder="00:00 AM">';
            html_data += '</div>';
            html_data += '<span class="invalid-feedback d-block"></span>';
            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-day="'+ days[i] +'" data-flag="end" class="timePickerNew d-flex align-items-center" id="'+ days[i] +'_endtimePicker'+ randomNum +'"></div>';
            html_data += '<input type="hidden" class="form-control" name="'+ days[i] +'_end_time[]" id="'+ days[i] +'_end_time" value="05:00 PM" readonly placeholder="00:00 AM">';
            html_data += '</div>';
            html_data += '<span class=" invalid-feedback d-block"></span>';
            html_data += '</div>';

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

            html_data += '<div class="label-input">';
            html_data += '<div class="row align-items-center">';
            html_data += '<div class="col-sm-2"></div>';
            html_data += '<div class="col-sm-10">';
            html_data += '<div class="row">';
            html_data += '<label class="col-12">Break time:</label>';

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

            html_data += '<div class="start-time">';
            html_data += '<div class="form-group brdrfull">';
            html_data += '<div data-day="'+ days[i] +'" data-flag="break_start" class="timePickerNew d-flex align-items-center" id="'+ days[i] +'_startBreakTimePicker'+ randomNum +'"></div>';
            html_data += '<input type="hidden" class="form-control" name="'+ days[i] +'_break_start_time[]" id="'+ days[i] +'_break_start_time" value="" readonly placeholder="00:00 PM">';
            html_data += '</div>';
            html_data += '<span class="invalid-feedback d-block"></span>';
            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-day="'+ days[i] +'" data-flag="break_end" class="timePickerNew d-flex align-items-center" id="'+ days[i] +'_endBreakTimePicker'+ randomNum +'" ></div>';
            html_data += '<input type="hidden" class="form-control" name="'+ days[i] +'_break_end_time[]" id="'+ days[i] +'_break_end_time" value="" readonly placeholder="00:00 PM">';
            html_data += '</div>';
            html_data += '<span class="invalid-feedback d-block"></span>';
            html_data += '</div>';



            html_data += '</div>';
            html_data += '<div class="row ">';
            html_data += '<div class="col-12"><a class="clearLunch cursor-pointer Clear" style="color: #4F7379 !important;">Delete break time</a></div>';
            html_data += '</div>';

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

         html_data += '</div>';
         html_data += '</div>';
         html_data += '<div class="brdr-bttm"></div>';

         $('.businessDetails').last().after(html_data);

         $(".timePickerNew").each(function() {
            var daynew = $(this).data("day")
            var flagnew = $(this).data("flag");
            var closediv = $(this).closest("div").parent();

            var settime = '00:00 PM';

            if( flagnew == 'start' ) {
               settime = '09:00 AM';
            }

            if( flagnew == 'end' ) {
               settime = '05:00 PM';
            }

            if( flagnew == 'break_start' ) {
            	settime = '00:00 AM';
         	}

         	if( flagnew == 'break_end' ) {
            	settime = '00:00 PM';
         	}

            $(this).timepicker({
               onChange: function(value) {
                  $(closediv).find("input[name*="+ daynew +"_"+flagnew+"_time]").val(value);
                  $( closediv ).find( ".form-select" ).css( "color", "#24303f" );
               }
            }).setValue(settime);

            if( flagnew == 'start' || flagnew == 'end' ||   flagnew == 'break_start' ||  flagnew == 'break_end' ) {
               $( closediv ).find( ".form-select" ).css( "color", "#24303f" );
            } else {
               $( closediv ).find( ".form-select" ).css( "color", "#cccccc" );
            }

         });

         randomNum++;
         console.log( 'count after: '+randomNum );
         $("#locationCount").val(randomNum);
      });

      function generateUniqueField(row, day) {
         var uniqueId = Math.random();
         row.find(day).prop('id', uniqueId);
         row.find(day).next().prop('for', uniqueId);
         row.find(day.slice(0, -1)).css('display', 'none');
         //return row;
      }

      $(document).on('click', '.removeThisLocation', function(event) {
        // var row = $(this).parent().parent().parent().parent().parent().parent().next('.businessDetails');
         $(this).parent().remove();
      });
      //end

      //Checked-Unchecked Days
      $(document).on('click', '.be-select', function(event) {
         if (event.target.value == 'monday') {
            var monday = $(this).closest('div').parent().parent().parent().next();
            resetValue(monday, 'monday_','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_','friday');
         }
         if (event.target.value == 'sunday') {
            var sunday = $(this).closest('div').parent().parent().parent().next().next().next().next().next().next().next();
            resetValue(sunday, 'sunday_','friday');
         }
      });

      function resetValue(day, flag,selectedDay) {
         day.toggle("show");
         /* OLD TIMEPICKER CODE - START */
         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" );
         /* OLD TIMEPICKER CODE - END */
         // day.find("input[name*=" + flag + "]").each(function(element) {
         //    return $(this).val('12:00 AM');
         // });
      }

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

      /* NEW TIMEPICKER CODE - START */
      $(document).ready( function() {
      $(".timePickerNew").each(function() {
    
         var daynew = $(this).data("day")
         var flagnew = $(this).data("flag");
         var closediv = $(this).closest("div").parent();
         var settime = $(this).data("value");
      //   var settime = '00:00 PM';
      console.log(settime);
         if( flagnew == 'start' ) {
            settime = '09:00 AM';
         }

         if( flagnew == 'end' ) {
            settime = '05:00 PM';
         }

         if( flagnew == 'break_start' ) {
            settime = '00:00 AM';
         }

         if( flagnew == 'break_end' ) {
            settime = '00:00 PM';
         }

         $(this).timepicker({
            onChange: function(value) {
              // console.log( closediv );
              // console.log( $(this).find(".form-select") );
               $(closediv).find("input[name*="+ daynew +"_"+flagnew+"_time]").val(value);
               $(closediv ).find( ".form-select" ).css( "color", "#24303f" );
            }
         }).setValue(settime);

       //  $(closediv).find("input[name*="+ daynew +"_break_"+flagnew+"_time]").setValue(settime);
         console.log(flagnew);

         if( flagnew == 'start' || flagnew == 'end' || flagnew == 'break_start' ||  flagnew == 'break_end') {
            $( closediv ).find( ".form-select" ).css( "color", "#24303f" );
         } else {
            $( closediv ).find( ".form-select" ).css( "color", "#cccccc" );
         }
      });
   });
      //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);
      });*/

      $("#personalInformation").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);
         $(".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: 'My details saved',
                  // text: response.msg,
                  showClass: {
                     popup: 'animate__animated animate__fadeInDown'
                  },
                  hideClass: {
                     popup: 'animate__animated animate__fadeOutUp'
                  }
               });
               setTimeout(function() {
                  window.location.href = baseUrl + "/practitioner/mysetupwizard";
               }, 3000);

            } else {
               $(".invalid-feedback").text('');
               var count = 0;
               $.each(response.errors, function(key, value, i) {
                  var [before, after] = key.split(".");
                  if (after) {
                     var input = $('input[name="' + before + '[]"]');                   
                     if(before == 'suburb' || before == 'state' || before == 'country' || before == 'postcode') 
                     { 
                        var span = $('input[name="' + before + '[]"]').next().addClass('top-pading');    
                     }   else{ 
                        var span = $('input[name="' + before + '[]"]').parent().next();    
                     }        
                     var da = span[after];                  
                     da.append(value[0].replace(key, before));
                     if(count == 0)
                     {  
                        var test = 0;
                        $.each(input, function(key, value, i) {
                           var position = $(this).offset();
                           if(position != undefined && test == after)
                           {
                              console.log("hiii",position);
                              $("html, body").animate({ scrollTop: position.top }, "fast");
                           }    
                           test = test + 1;                      
                        });                     
                     }                    
                  } else {
                     var input = $('input[name=' + key + ']');
                     var position1 = input.position();
                     if(position1 != undefined && count == 0){  
                        $("html, body").animate({ scrollTop: position1.top }, "fast");
                     }
                     var parent = input.parent().next('.invalid-feedback').text(value[0]);
                     input.addClass('is-invalid');
                     var select = $('select[name=' + key + ']');                   
                     var position = select.position();
                     if(position != undefined && count == 0){  
                        $("html, body").animate({ scrollTop: position.top }, "fast");
                     }               
                     var parent = select.parent().next('.invalid-feedback').text(value[0]);
                     select.addClass('is-invalid');                                       
                  }
                  count = count + 1;
               });
            }
         });
      });
   });

   $(document).on( "click", ".clearLunch", function() {
      $(this).parent().parent().find('input').val('');

      /* NEW TIMEPICKER CLEAR */
      var parentDiv = $(this).parent().parent().parent();

      $( parentDiv ).find( ".form-select" ).css( "color", "#cccccc" );

      parentDiv.find('.timePickerNew').each( function() {
         $(this).timepicker().setValue('00:00 PM');
      });
   });


   $("#addAnotherLocation").click(function() {
      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="media text-left newBusinessDetailsPage"><div class=" col-md-4 col-sm-5  mt-0"></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 <span class="required_span">*</span></label> <input type="text" name="location_phone[]" class="form-control numeric-only" placeholder="Business phone number"></div> <span class="invalid-feedback d-block"></span>  <div class="form-group"> <label>Business email address <span class="required_span">*</span></label> <input type="text" name="location_email[]" class="form-control" placeholder="Business email address"></div> <span class="invalid-feedback d-block"></span> <div class="form-group"> <label>Business address <span class="required_span">*</span></label>'+text+'<input type="text" name="location_address[]" class="form-control google_address" placeholder="Business address"></div><span class="invalid-feedback d-block"></span> </div> </div></div>';
      // html +='<div class="media"><div class=" mr-sm-4 mt-0 client-pic"></div><div class="media-body"> <div> <div class="form-group"> <label>Business phone number</label> <input type="text" name="location_phone[]" class="form-control numeric-only" 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="location_email[]" class="form-control" placeholder="Business email address"> <span class="invalid-feedback d-block"></span> </div> <div class="form-group"> <label>Business address <span class="required_span">*</span></label> <input type="text" name="location_address[]" class="form-control google_address" placeholder="Business address"> <span class="invalid-feedback d-block"></span> </div> </div> </div></div><hr>';

      //$(this).before(html);
      $("#addAnotherLocation2").before(html);
      $('#header').css('display', 'block');

   });
</script>

<script type="text/javascript">
   $(document).ready( function() {

        $(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);
                }
            });

        $('.professionsel').select2({
            placeholder: " ",
        });

        $('.associationsel').select2({
            placeholder: " ",
         });

      // 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 )
                  {
                     console.log( 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'
                           }
                        });
                     }
                  }
               });
            }
         });
      });

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


         if($('.healthFunds').val()==""){
             $('.health-error').text('this field is required');
              return false;
         }

         if($('.provider_number').val()==""){
            $('.provider-error').text('this field is required');
            return false;
         }

         $(".loading").show();
         $.ajax({
            url: "{{route('practitioners.setupWizard.store.providerNumbers')}}",
           data: {
                        provider_number: $('.provider_number').val(),
                        edit_id: $('.edit_id').val(),
                        healthFunds: $('.healthFunds').val(),
                        location: $('.location').val(),
                        is_add_provider_number: $('.is_add_provider_number').val(),
            },
            type: 'POST',
         }).done(function(response) {
            $(".loading").hide();
             $('.health-error').text('');
            $('.provider-error').text('');
            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);

               {{-- location.reload(); --}}
            } 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', '.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', '.editHealth', function(e) {

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



     });



   });
</script>
@endsection