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

<link rel="stylesheet" href="{{asset('assets/patient/css/jcarousel.responsive.css')}}">
<input type="hidden" id="code" name="code" value="@if(isset($_GET['code'])) {{$_GET['code']}} @else @endif">
<style type="text/css">
   .pdfname-contain {padding-bottom: 10px !important;}
   #addinvoice {position: relative;width: auto;left: 0;top: 0;}
   .producthover-box .productbox-cartarea {background: #fff;border: 1px solid #cccccc;padding: 15px;border-radius: 6px;box-shadow: 0px 10px 10px rgba(0,0,0,0.2);}
   .pt-0, .py-0 {padding-top: 0!important;}
</style>

<style>
   @media (width: 1366px) and (height: 649px) {
   body#space-desk {overflow: hidden;}
   }
   @media screen and (min-width: 0px) and (max-width: 991px) {
      .location_mobile_div {display: block;}
   }
   @media screen and (min-width: 992px) and (max-width: 3000px) {
      .location_mobile_div {display: none;}
   }
   .location_mobile_div .select2-container--default .select2-selection--single .select2-selection__rendered {background-color: #F7F7F7 !important;color: #45747a !important;text-align: center !important;}
   .location_mobile_div .select2-container--default .select2-selection--single {border: 1px solid #45747a !important;border-radius: 4px !important;background-color: #F7F7F7 !important;overflow: hidden;}
   .location_mobile_div .select2-container--default .select2-results>.select2-results__options {background-color: #F7F7F7;}
   .location_mobile_div .select2-container--open .select2-dropdown--below {background-color: #F7F7F7;}
</style>

@section('content')

<input type="hidden" name="appointment_inv_id" class="appointment_inv_id" value="">
<input type="hidden" id="current_selected_location_id" value="{{$locationId}}" >
<input type="hidden" name="client_inv_id" class="client_inv_id" value="">

<div class="page-content dashboard-wrapper mdashboard-wrapper dayview-m">
   <div class="row align-items-center dayview-space hide">
      <div class="col-lg-5 col-md-4 col-sm-4">
         <h1 class="page-title eagle-font font-400 d-inline"><span class="arca-font">My</span> Appointments</h1>
         {{-- @if( isset( $show_gateway_btn ) && $show_gateway_btn == 1 && $user->parent_id == '')
            <a href="{{ route('practitioner.paymentpage') }}" class="btn-fill ml-xl-3 nowrap d-inline-block mt-2">Activate payment gateway</a>
         @endif --}}
      </div>
      @include('front.inner-layout.header')
   </div>
   {{-- @include('front.inner-layout.appointment-sidebar') --}}
   {{-- <div class="brdr-bttm"></div> --}}
   

   <div id="popover-content" class="calenderbox-click" style="display: none;">
      <div class="user-appointment">
         <div class='hover-fc-time fc-time'><span></span></div>
         <div class="media align-items-center">
            <div class="img-width mr-2">
               <img src="{{asset('assets/images/d-user-icon.png')}}" class="hover_image_path" alt="..." style="width: 44px; height: 44px;">
            </div>            
            <div class="media-body">
               <h4 class="font-bold font-15 text-blue hover_client_name"></h4>
            </div>
         </div>
         <div class="card user-service align-items-center hover_services"></div>
         <div class="list-menu hover_sticky_none_link_div ">
            <a href="#" class="hover_sticky_none_link">
               <div class="media align-items-center">
                  <div class="">
                     <img src="{{asset('assets/images/edit-icon-grey.svg')}}" alt="" class="img-fluid">
                  </div>
                  <div class="media-body">
                     <p class=" font-15 text-blue m-0" id="notes_text">Sticky note on file</p>
                  </div>
               </div>
            </a>
            <a href="#"class="hover_arrived_div d-none">
               <div class="media align-items-center">
                  <div class="">
                     <img src="{{asset('assets/images/location-icon-grey.svg')}}" alt="" class="img-fluid">
                  </div>
                  <div class="media-body">
                     <p class=" font-15 text-blue m-0 hover_arrived"></p>
                  </div>
               </div>
            </a>
            <a href="#" class="hover_confirmed_name_div d-none">
               <div class="media align-items-center">
                  <div class="">
                     <img src="{{asset('assets/images/Confirmed-icon-grey.svg')}}" alt="" class="img-fluid">
                  </div>
                  <div class="media-body">
                     <p class=" font-15 text-blue m-0 hover_confirmed_name"></p>
                     <span class="hover_confirmed_date_time"></span>
                  </div>
               </div>
            </a>
            <a href="#">
               <div class="media align-items-center">
                  <div class="">
                     <img src="{{asset('assets/images/calendar-icon-grey.svg')}}" alt="" class="img-fluid">
                  </div>
                  <div class="media-body">
                     <p class=" font-15 text-blue m-0 hover_booked_name"></p>
                     <span class="hover_booked_date_time"></span>
                  </div>
               </div>
            </a>
            <a href="#" class="hover_cancelled_name_div d-none">
               <div class="media align-items-center">
                  <div class="">
                     <img src="{{asset('assets/images/Hover_cancelled_icon_grey.svg')}}" alt="" class="img-fluid">
                  </div>
                  <div class="media-body">
                     <p class=" font-15 text-blue m-0 hover_cancelled_name"></p>
                     <span class="hover_cancelled_date_time"></span>
                  </div>
               </div>
            </a>
         </div>
      </div>
      <!-- 20-11-2021 uncomment -->
      <!-- 26-11-2021 add html code -->
   </div>

   <ul class="appointment-mobile-area ">
      <div class="head-left">
         <ul class="dashboard-top-area customdroptoparea" id="customdroptoparea">
            <li class="calender-drpdown tran-plus">
               <div class="dropdown">
                  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                     <img src="{{asset('assets/images/transp-pluss.svg')}}" alt="" class="img-fluid transplus" />
                  </button>
                  <div class="dropdown-menu view-dropdown" aria-labelledby="dropdownMenuButton">
                     <a class="dropdown-item cursor-pointer" href="{{route('practitioner.appointment.newpage')}}">+ Appointment</a>
                     {{-- <a class="dropdown-item cursor-pointer sidebar-toggle-btn">+ Appointment</a> --}}
                     <a class="dropdown-item cursor-pointer blockout-toggle-btn"> + Block out</a>
                     <a class="dropdown-item cursor-pointer client-toggle-btn">+ Client</a>
                     {{-- new link add 03+01-2024 --}}
                     {{-- <a class="dropdown-item cursor-pointer" href="{{route('practitioner.appointment.newpage')}}">+ Appointment</a> --}}
                     <!-- <a class="dropdown-item cursor-pointer" data-toggle="modal" data-target="#addquickModal">+ Client</a> -->
                     {{-- <a id="openAddNewClientModal" class="dropdown-item cursor-pointer">+ Client</a> --}}
                     <!-- <a class="dropdown-item cursor-pointer openLatpay" data-first_name="John" data-last_name="Doe" data-email="john@gmail.com" data-amount="10">+ LatPay</a> -->
                  </div>
               </div>
            </li>
            <li class="calender-drpdown tran-plus">
               <div class="dropdown sms-whitecard dropdownchat">
                  <button class="btn btn-secondary dropdown-toggle smsClick" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                     <img src='{{asset("assets/images/sms-img.svg")}}' alt="" class="img-fluid notifictop wsms" />
                     <span class="notification-txt smsCount" style="display: none;"></span>
                  </button>
                  <div class="dropdown-menu view-dropdown customscroll px-0" id="hidesmssec" aria-labelledby="dropdownMenuButton">
                     <a class="cursor-pointer float-right changeSmsStatus font-15  mt-2 mr-3" class="dropdown-item " data-communication_id="0" data-reply_id="0" data-flag="markAllRead" style="color:#45747a !important;">Mark all as read</a>
                     <br>
                     <hr class="mb-0" />
                     <div class="mCustomScrollbar">
                        <div class="appendSMSNotification">
                        </div>
                     </div>
      
                     <hr class="mt-0" />
                     <div class="text-center px-3 ">
                        <a href="#" data-toggle="modal" data-target="#sendSmsMessageGlobal" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100 mb-3">Send new message</a>
                     </div>
                  </div>
               </div>
            </li>

            

            <li class="calender-drpdown tran-plus notification recommenddrop no-bulletdrop udetailsdrop">
               <div class="dropdown">
                  <button class="btn btn-secondary dropdown-toggle notificationClick" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                     <img src='{{asset("assets/images/notification-img.svg")}}' alt="" class="img-fluid transplus" />
                     <span class="notification-txt notificationCount" style="display: none;"></span>
                  </button>
                  <div class="dropdown-menu view-dropdown" id="hidenotifsec" aria-labelledby="dropdownMenuButton">
                     <form>
                        <a class="cursor-pointer float-left" href="{{route('practitioner.get.notifications')}}" class="dropdown-item " data-id="0" data-flag="viewAll" style="color:#45747a !important;">View all</a>
                        <a class="cursor-pointer float-right changeNotificationStatus " class="dropdown-item " data-id="0" data-flag="markAllRead" style="color:#45747a !important;">Mark all as read</a>
                        <br>
                        <hr>     
                        <div class="appendPractitonerNotification">
                        </div>
      
                        <div class="appendRecheduleNotification">
                        </div>
      
                        <div class="appendCancelledNotification">
                        </div>
      
                        <div class="appendArrivedNotification">
                        </div>
      
                        <div class="appendPaidNotification">
                        </div>
      
                        <div class="appendPaidinvoiceNotification">
                        </div>
      
                        <div class="appendIntakeFormNotification">
                        </div>
      
                        <div class="appendNewOrderNotification">
                        </div>
      
                        <div class="appendReferralNotification">
                        </div>
      
                        <div class="appendTestResultNotification">
                        </div>
                        
                        <div class="appenddocumentsNotification">
                        </div>
      
                     </form>
                  </div>
      
               </div>
            </li>
         </ul>
      </div>

      <li class="addiconm">
         <button type="button" id="fc-datepickericon-button-m" class="fc-datepickericon-button-m fc-button fc-button-primary"></button>
         <h3>Date</h3>
      </li>
      <li class="addiconm">
         <!-- <button type="button" class="fc-button fc-button-primary">
         </button>
         <span class="d-block"><a href="#"><img src="{{asset('assets/images/add-icon.svg')}}" alt="" class="img-fluid"></a></span>
         <h3>Add</h3> -->
         <div class="dropdown calender-drpdown">
            <button type="button" class="fc-myCustomButton3-button34 fc-button fc-button-primary dropdown-toggle"
            id="dropdownMenuButton56" data-toggle="dropdown"><span class="d-block">
               <a href="#"><img  src="{{asset('assets/images/add-icon.svg')}}" alt="" class="img-fluid"></a></span>
            </button>
            <h3>Add</h3>
         </div>
      </li>
      <li class="viewdrop">
         <div class="dropdown calender-drpdown">
            <button type="button" class="fc-myCustomButton1-button1 fc-button fc-button-primary dropdown-toggle"
               id="dropdownMenuButton1" data-toggle="dropdown">
               <span class="d-block"><a href="#"><img src="{{asset('assets/images/view-icon.svg')}}" alt="" class="img-fluid"></a></span>
            </button>
            <h3>View</h3>
         </div>
      </li>
      <li class="viewdrop">
         <div class="dropdown calender-drpdown">
            <button type="button" onclick="openWaitlist()" class="fc-myCustomButton3-button3 fc-button  fc-button-primary dropdown-toggle"
               id="dropdownMenuButton55" data-toggle="dropdown"><span class="d-block"><a href="{{route('practitioner.my.waitlist')}}"><img
                        src="{{asset('assets/images/waitlist-icon.svg')}}" alt="" class="img-fluid"></a></span>
            </button>
            <h3>Waitlist</h3>
         </div>
      </li>
   </ul>

   <div class="location_mobile_div">
      <div class="mt-3 col-12">
         <div class="row justify-content-center ">

            {{-- getPracLists --}}
            @if(count($practitioner->serviceProvider) && count($practitioner->serviceProvider)!=1)
               <div class="col-6">
                  <div class="form-group brdrfull marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child select-arrow-none">
                     <select class="form-control  js-example-basic-single font-13 text-center prac_mobile_view" style="width:100%" id="prac_mobile_view"  name="deposit_amount_type" >
                        @if($practitioner->role != 'admin' )
                           <option class="dropdown-item"
                           @if(Request::get('practitionersearch'))
                              @if(base64_decode(Request::get('practitionersearch')) ==$practitioner->id)
                              {{ "selected" }}
                              @endif
                           @endif
                           data-type="self"
                           value="{{$practitioner->id}}"
                           >{{$practitioner->first_name.' '.$practitioner->last_name}}</option>
                        @endif
                        
                        @foreach($practitioner->serviceProvider as $list)

                        @if( isset( $list->calendar_removed ) && $list->calendar_removed == 1 )
                        @php continue; @endphp
                        @endif

                        @if( isset( $list->role ) && $list->role == 'admin' && $list->parent_id != '' )
                           @php continue; @endphp
                        @endif
                        

                        {{-- @if( isset( $list->invitation_accepted ) && $list->invitation_accepted == 0 && $list->parent_id != '' )
                           @php continue; @endphp
                        @endif --}}

                        @if(isset(explode('?',URL::full())[1]) && explode('=',explode('?',URL::full())[1])[0] == 'practitionersearch' && isset( $list->id ) && $list->id == $practitioner->id )
                           @php continue; @endphp
                        @endif

                        @if( isset( $list->is_deleted ) && $list->is_deleted =='1')
                           @php continue; @endphp
                        @endif
         
                        @if( isset( $list->calender_status ) && $list->calender_status != 'active' )
                           @php continue; @endphp
                        @endif             

                        @if($list->role !='admin')
                        <option class="dropdown-item"
                           @if(Request::get('practitionersearch'))
                              @if(base64_decode(Request::get('practitionersearch')) ==$list->id)
                              {{ "selected" }}
                              @endif
                           @endif

                           @if(Auth::guard('practitioner')->user()->id ==$list->id)
                           data-type="self"
                           @else
                           data-type=""
                           @endif

                           value="{{$list->id}}"
                           >{{$list->full_name ?? ""}}</option>
                           @endif
                        @endforeach

                        <option class="dropdown-item" data-type="all">
                           <a class="dropdown-item removeselecet" href='{{ route("practitioner.team.appointments.index") }}'>View all practitioners</a>
                        </option>                  
                     </select>
                  </div>
               </div>
            @endif

            @if(count($LocationsPract) && count($LocationsPract)!=1)
               <div class="col-6">
                  <div class="form-group brdrfull marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child select-arrow-none">
                     <select class="form-control  js-example-basic-single font-13 text-center location_mobile_view" style="width:100%"  name="deposit_amount_type">
                        @foreach($LocationsPract as $location)
                        <option
                        @if(Request::get('location'))
                           @if(base64_decode(Request::get('location')) ==$location->id)
                           {{ "selected" }}
                           @endif
                        @endif
                        value="{{$location->id}}">{{getLocationAddress($location->address) ?? '-'}}</option>
                        @endforeach
                     </select>
                  </div>
               </div>
            @endif
         </div>
      </div>
      </div>
      <div id="calendar" class="calender-drpdown"></div>
      <input type="hidden" id="eventsDataForSync" value="{{json_encode($appointments)}}">
   </div>


   <!-- Wait List Start -->
   <div class="client-follow-popup customscroll waitlist-modal showpop">
   <div class="modal fade" id="WaitlistModal" tabindex="-1" role="dialog" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered" role="document">
   <div class="modal-content">
   <div class="popup-marg">
      <div class="modal-header">
      <h5 class="modal-title text-center">Wait List</h5>
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
      <span aria-hidden="true"><img src="{{asset('assets/images/close-img.svg')}}" alt="" class="img-fluid closeimg"></span>
      </button>
      </div>
      <div class="modal-body p-0">
         <div class="waitlist-drop-box">
         <div class="row mt-3 align-items-center">
            <div class="col-6 pl-xl-0 px-sm-3 pl-0">

            <div class="dropdown d-none">
                  <button class="btn dropdown-toggle" type="button" id="waitlistMenuButton"
                     data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

                     <div class="media">
                        <div class="img-width">
                        <div class="media-body text-left">
                              <h5 class="mt-0"> <span class="d-block">2525</span></h5>
                           </div>


                     </div>
                  </button>

               </div>


               <div class="dropdown">
                  <button class="btn dropdown-toggle" type="button" id="waitlistMenuButton"
                     data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

                     <div class="media">
                        <div class="img-width">
                        @if(isset(explode('?',URL::full())[1]) && explode('=',explode('?',URL::full())[1])[0] == 'practitionersearch')
                           @php
                              $p = App\Models\Practitioner::find(base64_decode((urldecode(explode('=',explode('?',URL::full())[1])[1]))));
                           @endphp
                           @if(isset($p->personalProfile) && $p->personalProfile->profile_picture != null)
                              <img src="{{asset('storage/practitioner_picture/'.$p->personalProfile->profile_picture)}}" class="align-self-center img-fluid" style="" alt="...">
                           @else
                              <img src="{{asset('assets/images/d-user-icon.png')}}" class="align-self-center img-fluid" alt="..." >
                           @endif
                           </div>
                           <div class="media-body text-left">
                              <h5 class="mt-0">{{$p->first_name.' '.$p->last_name}}
                              {{--  <span class="d-block">{{$p->personalProfile->practitionerProfession->name ?? "Not specified"}}</span>  --}}
                              {{-- <span class="d-block">{{getProfessionHelper($p->id)}}</span> --}}
                              </h5>
                           </div>
                        @else
                           @if(isset($user->personalProfile) && $user->personalProfile->profile_picture != null )
                              <img src="{{asset('storage/practitioner_picture/'.$user->personalProfile->profile_picture)}}" class="align-self-center round-img img-fluid"
                              alt="..."  />
                           @else
                              <img src="{{asset('assets/images/d-user-icon.png')}}" class="align-self-center img-fluid"
                              alt="...">
                           @endif
                           </div>
                           <div class="media-body text-left">
                              <h5 class="mt-0">{{$practitioner->first_name.' '.$practitioner->last_name}}
                              {{--  <span class="d-block">{{$user->personalProfile->practitionerProfession->name ?? "Not specified"}}</span>  --}}
                               {{-- <span class="d-block">{{getProfessionHelper($user->id)}}</span> --}}
                              </h5>
                           </div>
                        @endif


                     </div>
                  </button>
                  <!-- <div class="dropdown-menu waitlist-menu small-bullet"
                     aria-labelledby="waitlistMenuButton">


                  </div> -->
               </div>
            </div>
            <div class="col-6 pr-sm-3 pr-0">
               <ul class="waitlist-btn float-right">
                  <li class="servie-btttn">
                        <a href="#" class="yellow-btn mt-0 save-btn d-block dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true">Sort</a>
                     <div class="dropdown-menu customscroll" aria-labelledby="dropdownMenuButton">
                     <div class="mCustomScrollbar">
                        @foreach($practitionerAppointmentTypes as $type)
                           <a class="dropdown-item" href="#"  id="consultant_type_id"  data-index="{{$type->id}}">{{$type->appointment_type}}</a>
                        @endforeach
                        </div>
                     </div>
                  </li>
                  <li class="add-filter-dropdown">
                     <a data-toggle="modal" id="openAddModal" data-target="#addModal" class="yellow-btn mt-0 save-btn d-block text-green cursor-pointer">+ Add</a>
                  </li>

                  <div class="client-follow-popup bulk-popup customscroll width-inherit">

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

         <div class="mCustomScrollbar">
            <div class="comm-marg waitlistdataappend" id="appendwaitlistdata">
            </div>
         </div>
      </div>
         </div>
   </div>
   </div>
   </div>
   </div>
   <!-- data-dismiss="modal" data-toggle="modal" data-target="#sendmessageModal" -->
   <!-- Wait List End -->
   
   <div id="waitlisttop">
      {{--@if($user->serviceProvider)--}}
      @if($practitioner->serviceProvider)
         <input type="hidden" id="pracId" name="pracId" value="{{$practitioner->id}}" />
         <div class="dropdown-menu" aria-labelledby="waitlistbtntop">

            {{--@foreach($user->serviceProvider as $provider)--}}
            @foreach($practitioner->serviceProvider as $provider)
               @if( isset( $provider->calendar_removed ) && $provider->calendar_removed == 1 )
                  @php continue; @endphp
               @endif

               @if( isset( $provider->role ) && $provider->role == 'admin' && $provider->parent_id != '' )
                  @php continue; @endphp
               @endif

               {{-- @if( isset( $provider->invitation_accepted ) && $provider->invitation_accepted == 0 && $provider->parent_id != '' )
                  @php continue; @endphp
               @endif --}}

               @if(isset(explode('?',URL::full())[1]) && explode('=',explode('?',URL::full())[1])[0] == 'practitionersearch' && isset( $provider->id ) && $provider->id == $practitioner->id )
                  @php continue; @endphp
               @endif

               @if( isset( $provider->is_deleted ) && $provider->is_deleted =='1')
                  @php continue; @endphp
               @endif

               @if( isset( $provider->calender_status ) && $provider->calender_status != 'active' )
                  @php continue; @endphp
               @endif

               <a class="dropdown-item removeselecet" id="practitionersearch" href="javascript:void(0)" data-id="{{$provider->id}}">
                  <div class="media">
                     {{-- <div class="img-width">
                        @if(isset($provider->personalProfile) && $provider->personalProfile->profile_picture != '')
                           <img src="{{asset('storage/practitioner_picture/'.$provider->personalProfile->profile_picture)}}" class="align-self-center img-fluid" style="border-radius: 100% !important; height: 37px; width: 37px;" alt="...">
                        @else
                           <img src="{{asset('assets/images/d-user-icon.png')}}" class="align-self-center img-fluid" alt="...">
                        @endif
                     </div> --}}
                     <div class="media-body">
                        <h4 class="mt-0 font-bold" data-id="{{$provider->id}}">{{$provider->first_name}} {{$provider->last_name}}</h4>
                        {{-- <h6 class="d-block">{{getProfessionHelper($provider->id)}}</h6> --}}
                     </div>
                  </div>
               </a>
            @endforeach

            {{-- commented 09-05-2024 bahadur --}}
            @if($user->role != 'admin'  && (isset($searchpractitioner) && $searchpractitioner !='' && $searchpractitioner->id != $practitioner->id) && $practitioner->parent_id !='')
            <a class="dropdown-item removeselecet" id="practitionersearch" href="javascript:void(0)" data-id="self">
               <div class="media">
                  <div class="media-body">
                     <h4 class="mt-0 font-bold" data-id="self">{{$practitioner->first_name.' '.$practitioner->last_name}}</h4>
                  </div>
               </div>
            </a>
            @endif

            @if((isset($searchpractitioner) && $searchpractitioner !='' && $searchpractitioner->id !=$practitioner->id) && $practitioner->parent_id =='')
            <a class="dropdown-item removeselecet" id="practitionersearch" href="javascript:void(0)" data-id="self">
               <div class="media">
                  <div class="media-body">
                     <h4 class="mt-0 font-bold" data-id="self">{{$practitioner->first_name.' '.$practitioner->last_name}}</h4>
                  </div>
               </div>
            </a>
            @endif
            {{-- @if(isset(explode('?',URL::full())[1]) && explode('=',explode('?',URL::full())[1])[0] == 'practitionersearch' && $user->role != 'admin'  && (isset($searchpractitioner) && $searchpractitioner->id !=$practitioner->id))
               <a class="dropdown-item removeselecet" id="practitionersearch" href="javascript:void(0)" data-id="self">
                  <div class="media">
                     <div class="media-body">
                        <h4 class="mt-0 font-bold" data-id="self">{{$practitioner->first_name.' '.$practitioner->last_name}}</h4>
                     </div>
                  </div>
               </a>
            @endif --}}

            {{-- @if(isset(explode('?',URL::full())[1]) && explode('=',explode('?',URL::full())[1])[0] == 'practitionersearch' && $user->role == 'admin' )
               <a class="dropdown-item removeselecet" id="practitionersearch" href="javascript:void(0)" data-id="{{$practitioner->id}}">
               <div class="media">                 
                  <div class="media-body">
                     <h4 class="mt-0 font-bold" data-id="self">{{$practitioner->first_name.' '.$practitioner->last_name}}</h4>
                  </div>
               </div>
            </a>
            @endif --}}
            
            @if(count($practitioner->serviceProvider) > 0)
               <a class="dropdown-item removeselecet" href='{{ route("practitioner.team.appointments.index") }}'>
                  <div class="media">
                     <div class="img-width">
                        @if(isset($businessProfile->logo) && $businessProfile->logo != null) <div class="img-width"><img src="{{asset("business_images/".$businessProfile->logo)}}" class="align-self-center img-fluid round-img" alt="..."></div>@else<div class="img-width"><img src="{{asset("assets/images/d-user-icon.png")}}" class="align-self-center img-fluid" alt="..."></div>@endif
                     </div>
                     <div class="media-body">
                        <h4 class="mt-0 font-bold" data-id="self">View all practitioners</h4>
                     </div>
                  </div>
               </a>
            @endif

         </div>
      @endif
   </div>

   <div class="modal fade hidewaitadd showpop" id="addModal" role="dialog" aria-labelledby="exampleModalLabel26" aria-hidden="true">
      <div class="modal-dialog" role="document">
         <div class="modal-content">
            <form action="{{route('practitioner.appointments.addWaitList')}}" method="POST" id="appointmentsaddWaitList">
                        @csrf
                        <input type="hidden" id="flaginside" value="" />
               <div class="popup-marg">
                  <div class="modal-header brdr-bttm-0">
                     <h5 class="modal-title top-title text-center fs-title">
                     </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="add-filter-dropdown autoSuggestBox">

                        <div class="detail-form">
                           <!-- <div class="form-group">
                              <input type="text" class="form-control small-input" placeholder="Client name">
                           </div>
                            -->

                           <div class="form-group">

                              <input type="text" class="typeahead form-control small-input" placeholder="Enter client name" autocomplete="off" name="clientidd_wait" id="clientidd_wait">
                              <input type="hidden" class="form-control small-input" value="" id="client_id_wait_add" name="clientidd">

                           </div>
                           <span class="tt-dataset text-danger"></span>
                           <span class="invalid-feedback d-block"></span>
                           <div class="form-group">
                              <input type="text" class="form-control small-input" placeholder="Phone number" id="waitaddphone" readonly>
                           </div>
                           <div class="form-group">
                              <input type="text" class="form-control small-input" placeholder="Email address" id="waitaddemail" readonly>
                           </div>
                           <div class="form-group marg-bttm online-dropdown select-dropdown avalable-drop">
                              <select name="consultant_type" id="consultant_type" class="form-control single-select2" data-placeholder="Appointment type">
                                 <option></option>
                                  @foreach($practitionerAppointmentTypes as $type)
                                  <option value="{{$type->id}}">{{$type->appointment_type}}</option>
                                  @endforeach
                              </select>
                           </div>
                           <span class="invalid-feedback d-block"></span>

                           <div class="form-group">
                              <input type="text" name="availability" id="availability" class="form-control small-input" placeholder="Availability">
                           </div>
                              <span class="invalid-feedback d-block"></span>
                        </div>

                     </div>
                  </div>
               </div>
               <div class="alert alert-danger profile-form-error" role="alert-dangerrt"></div>
               <div class="modal-footer text-center">
                  <button type="submit" class="yellow-btn mt-0 save-btn light-bg w-100 next" >Save</button>
               </div>
            </form>
         </div>
      </div>
   </div>

 
   <!-- Open Click Card Modal -->
   <!--- Send SMS Message -->
   <div class="client-follow-popup login-modal settingwaitlist customscroll clientabpopup businessdetails angelaforst-modal send-sms-message">
   <div class="modal fade " id="sendsmsmessage" role="dialog" aria-labelledby="exampleModalLabel13">
   <div class="modal-dialog modal-dialog-centered" role="document">
   <div class="modal-content modal-senddetails">
   <div class="popup-marg">
      <div class="modal-header">
         <h5 title="View Details" class="modal-title text-center eagle-font cursor-pointer openClientCard clientapptname">Angela Frost</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="mCustomScrollbar">
            <div class="mt-30 customformcontrol-form searchApptClient">

            </div>
         </div>
      </div>
   </div>
   </div>
   </div>
   </div>
   </div>
   <!--- Send SMS Message -->
   <!-- Multiple Location Modal -->
   <div class="client-follow-popup customscroll multilocation-modal">
   <div class="modal fade" id="multilocation-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered" role="document">
   <div class="modal-content">
   <div class="popup-marg">
      <div class="modal-header">
         <h5 title="View Details" class="modal-title text-center eagle-font cursor-pointer openClientCard clientapptname">Angela Frost</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="mCustomScrollbar">
            <div class="comm-marg">
               <div class="mt-20 searchApptClient1">

               </div>
            </div>
         </div>
      </div>
   </div>
   </div>
   </div>
   </div>
   </div>
   <!-- Multiple Location Modal-->
   <!-- Send Message Start -->
    <div class="client-follow-popup customscroll waitlist-modal sendmessage-popup ffdesignclickopen">
   <div class="modal fade" id="sendmessageModal" tabindex="-1" role="dialog" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered" role="document">
   <div class="modal-content">
      <form action="{{route('practitioner.appointments.sendwailist')}}" method="POST" > @csrf
      <div class="popup-marg">
      <div class="modal-header">
         <h5 class="modal-title text-center">Send Message</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="mCustomScrollbar">
      <div class="comm-marg">
         <div class="row mt-30">
            <div class="col-md-6 mt-15">
               <input type="text" readonly  class="myText form-control cursor-pointer my-3" value="<first name>">
            </div>
            <div class="col-md-6 mt-15">
               <input type="text" readonly  class="myText form-control cursor-pointer my-3" value="<your name>">
            </div>
         </div>
         <div class="whitecard mt-30 ">
            <div class="msg-title">
               @php
                  $msg = "Hi <first name>, an opening has come up on 12/02 at 12:45pm. Book via ma.ly/health-first-clinic available only until booked. ".$user->full_name;
                  $letters = strlen($msg);
               @endphp

               <textarea name="newclientmsg" id="newclientmsg" class="sms-box" cols="40" rows="4" placeholder="Hi <first name>, an opening has come up on 12/02 at 12:45pm. Book via ma.ly/health-first-clinic Available only until booked. <your name>" required>{{$msg}}</textarea>

            </div>
            <p class="greytxt_new mb-0">{{countString($letters)}} <span class="right-round-icon"><img src="{{asset('assets/images/info-icon.png')}}" alt="" class="img-fluid info-icon credit-btn-geo cursor-pointer"></span></p>
            <div class="credit-btn-bttm-geo" style="display: none;">
               <div class="media">
                  <img src='{{asset("assets/images/round-n-icon.png")}}' class="align-self-start mr-2 mCS_img_loaded" alt="...">
                  <div class="media-body">
                     <h5 class="mt-0 text-left">1 credit per sms. Character count for 1st message is 160 and each message thereafter 153. <br />Overseas numbers incur 2 credits per sms.</h5>
                  </div>
               </div>
            </div>

         </div>
         <h3 class="mt-20 mb-10 ">Sending to:</h3>
         <div class="waitclientname"></div>
      </div>
      </div>
      </div>
      <div class="modal-footer">
         <button type="submit" class="yellow-btn mt-0 save-btn save-btn-bg">Send Selected </button>
      </div>
      </div>
   </form>
   </div>
   </div>
   </div>
   </div>
   <!-- Send Message End -->

   <div class="client-follow-popup customscroll openclickmodal quickaddModal applylgModal">
      <div class="modal fade" id="applylgModaldata" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1"
         aria-hidden="true">
         <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
               <div class="popup-marg">
                  <div class="modal-header">
                  <div class="client-top-area">
                     <ul class="filtertop-li 20img">
                           <li><a data-dismiss="modal" class="txt-filter greentext cursor-pointer dateserviceModalopen">Filter</a></li>
                           <li><a href="#"><img src="{{asset('assets/images/message-icon-green.svg')}}" alt="" class="img-fluid"></a></li>
                           <li><a href="#" id="downloadtestresult_filter"><img src="{{asset('assets/images/download-icon-green.svg')}}" alt="" class="img-fluid"></a></li>
                           <li><a href="#" class="client-print" data-content="print-test-result-table" data-header="Date Report"><img src="{{asset('assets/images/print-icon-green.svg')}}" alt="" class="img-fluid"></a></li>
                     </ul>
                     </div>
                     <h5 class="modal-title text-center eagle-font" id="exampleModalLabel1">Thurs 11th Feb - Friday 12th Feb</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="mCustomScrollbar1">
                       <div class="boxshadowarea">
                       <div class="table-responsive ">
                          <table class="table dataappend">
                             <!-- <tr>
                              <th>Date</th>
                              <th>Item</th>
                              <th>Qty</th>
                              <th>Cash</th>
                              <th>Credit Card</th>
                              <th>HICAPS</th>
                              <th>Total</th>
                             </tr>
                             <tr>
                              <td>12/02/21</td>
                              <td>Initial Naturopathic consult with treatment</td>
                              <td>5</td>
                              <td>&nbsp;</td>
                              <td>$767.00</td>
                              <td>$234.00</td>
                              <td>$1001.00</td>
                             </tr>
                             <tr>
                              <td>12/02/21</td>
                              <td>Initial Naturopathic consult with treatment</td>
                              <td>5</td>
                              <td>&nbsp;</td>
                              <td>$767.00</td>
                              <td>$234.00</td>
                              <td>$1001.00</td>
                             </tr>
                             <tr>
                              <td>12/02/21</td>
                              <td>Initial Naturopathic consult with treatment</td>
                              <td>5</td>
                              <td>&nbsp;</td>
                              <td>$767.00</td>
                              <td>$234.00</td>
                              <td>$1001.00</td>
                             </tr>
                             <tr>
                              <td>12/02/21</td>
                              <td>Initial Naturopathic consult with treatment</td>
                              <td>5</td>
                              <td>&nbsp;</td>
                              <td>$767.00</td>
                              <td>$234.00</td>
                              <td>$1001.00</td>
                             </tr>
                             <tr>
                              <td>11/02/21</td>
                              <td>Initial Naturopathic consult with treatment</td>
                              <td>5</td>
                              <td>&nbsp;</td>
                              <td>$767.00</td>
                              <td>$234.00</td>
                              <td>$1001.00</td>
                             </tr>
                             <tr>
                             <td>&nbsp;</td>
                              <td>&nbsp;</td>
                              <td>&nbsp;</td>
                              <td>&nbsp;</td>
                              <td>&nbsp;</td>
                              <td>&nbsp;</td>
                              <td>&nbsp;</td>
                             </tr>
                             <tr class="total-bg">
                              <td>Total</td>
                              <td>&nbsp;</td>
                              <td>&nbsp;</td>
                              <td>&nbsp;</td>
                              <td>$1089.50</td>
                              <td>$234.00</td>
                              <td>$1324.40</td>
                             </tr> -->
                          </table>
                       </div>
                       </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>

<!-- Added by dhaval thakor - 16-08-2022 - START -->
<!-- Calendar sync Url Copy - Start -->
<div class="client-follow-popup login-modal customscroll calenderinterval-modal customscroll clientabpopup businessdetails">
    <div class="modal fade" id="calSyncCopyUrl" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel13" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="popup-marg">
                    <div class="modal-header">
                        <h5 class="modal-title text-center eagle-font" id="exampleModalLabel13">Calendar Sync</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true"><img src='{{asset("assets/images/close-img.png")}}' alt="" class="img-fluid"></span>
                        </button>
                    </div>
                    <div class="modal-body p-0" style="padding: 0px 22px !important;">
                        <div class="boxwhite mt-30">
                            <div class="text-left ptext" style="padding: 0 12px !important;">
                                <h5 class="text-left">Your external calendar feed was successfully generated</h5>
                                <p>Copy this link. <b>It will not be shown again.</b></p>
                                <textarea style="height: 62px!important;" class="form-control"  id="feed_link"></textarea>
                                <br>
                            </div>
                            <button onclick="myFunction('feed_link')" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Copy link</button>
                            <br><br>
                        </div>
                    </div>
                    <br>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Calendar sync Url Copy - End -->
<!-- Added by dhaval thakor - 16-08-2022 - END -->

<div class="client-follow-popup login-modal settingwaitlist customscroll Health_integration customscroll clientabpopup businessdetails"
   id="myclienthide">
   <div class="modal fade health-integration-modal" id="Health_integration" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel13"
   aria-hidden="true" data-backdrop="static" data-keyboard="false">
      <div class="modal-dialog modal-dialog-centered" role="document">
         <div class="modal-content">
            <div class="popup-marg">
               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <img src='{{asset("assets/images/close-img.png")}}' alt=""
                           class="img-fluid">
               </button>
               <div class="modal-body">
                  <div class="health-integration-data">
                     <div class="class-eventsimg">
                        <img src='{{asset("assets/images/Premium_plan.svg")}}' alt="" class="img-fluid">
                     </div>
                     <div class="h6-title">
                        <h6 class="coming-txt-space">Premium Feature</h6>
                        <p>Easily manage client demand with the waitlist feature. Clients can add themselves via your booking link, or you can add them manually. Effortlessly track and contact them when a spot opens up. Available on the Premium Plan.
                        </p>
                     </div>
                     <div class="premium-btn">
                        <a href="{{route('practitioner.myplan')}}">
                           <button class="btn btn-fill">Upgrade to Premium</button>
                        </a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

@include('front.practitioner.appointments.edit_appointment')
{{-- ///04-07-2024 --}}
{{-- @include('front.practitioner.appointments.notesmodal') --}}
<div id="load-modal"></div>
<input type="hidden" id="appt_type_calander" class="appt_type_calander"/>
<input type="hidden" id="appt_type_calander_client_id" class="appt_type_calander_client_id"/>
@endsection

@section('css')
<style>
#invoiceViewModal .sentmodal .modal-content{
    width: 450px;
}
#editappointment .duration .select2-container .selection .select2-selection--single,
.select2-container--default.select2-container--disabled .select2-selection--single{
   background-color:white !important;
}

.client-follow-popup.send-sms-message #sendsmsmessage .media>p{
   white-space: inherit !important;
}

</style>
@endsection

@section('jss')

   @php
   $isvideo=0;
   if(Request::get('from')=="video"){
      $isvideo=1;
   }

   $url=route("join",":roomName");
   $url_replaced = preg_replace( '#^http://#','https://', $url ); // replace http with https ##
   @endphp

<!-- 19-05-2021 Jaypal Raj -->
<script>
   var dateFromUrl= "{{ Request::get('date') }}";
   var clientIdFromUrl= "{{ Request::get('client_id') }}";
   var appointmentIdFromUrl= "{{ Request::get('appointment_id') }}";
   var typeFromUrl= "{{ Request::get('type') }}";
   var appointmentCalenderUrl= "{{ url('practitioner/appointments/show') }}";
   var calanderUrl="{{ route('practitioner.appointments.index') }}"

   var isvideoFrom='{{ $isvideo }}';
   if(isvideoFrom==1){
      //$('#addcreditsmodal').modal('show');
      window.location.href ="{{url('practitioner/credit_purchase')}}";
   }

   // global app configuration object
   var config = {
      routes: {
         invoice_create_base_link: "{{ url('practitioner/appointments/create-invoice') }}",
      }
   };
</script>
<!-- 19-05-2021 Jaypal Raj -->

<script type="text/javascript">
   $(".recommendationFileBtn").hover(function () {
      $(".recommendationFileBox").toggle();
   });

   $(document).ready(function() {
      $(".prod_q").on("keyup", function() {
         var val = parseInt(this.value);
         if(val < 1) {
            Swal.fire({
               icon: 'error',
               title: 'Quantity can not zero allow.',
               showClass: {
                  popup: 'animate__animated animate__fadeInDown'
               },
               hideClass: {
                  popup: 'animate__animated animate__fadeOutUp'
               }
            });
            this.value = '1';
         }
      });

      var date_input=$('input[name="start_date"]'); //our date input has the name "date"
      var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
      var options={
         format: 'dd-mm-yyyy',
         container: container,
         todayHighlight: true,
         autoclose: true,
         container: '#open_from_date'
      };
      date_input.datepicker(options);
   });

   $(document).ready(function(){
      var date_input=$('input[name="end_date"]'); //our date input has the name "date"
      var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
      var options={
         format: 'dd-mm-yyyy',
         container: container,
         todayHighlight: true,
         autoclose: true,
         container: '#open_from_date'
      };
      date_input.datepicker(options);
   });

   $("#note-invoice-popup").on("show.bs.modal",function(event) {
      var gst = '{{$settings->gst}}';
      var button = $(event.relatedTarget);
      var thiss = $(this);
      var invoicetotal = thiss.find("#this_invoice").val();
      $.ajax({
         url: "{{ route('practitioner.appointments.getPrescribedProduct')}}",
         type: 'POST',
         data: {
            appointment_id: $('.appointment_id').val(),
            client_id: $('.clientid').val(),
            flag:button.data('flag'),
         },
      }).done(function(response) {
         if(response.status == 'success'){
            if(response.data.invoice.length > 0){
               var total = 0;
               thiss.find(".productappentable").find(".productappentab-box").css('display','none');
               $.each(response.data.invoice, function(key, value) {
                  total = total + parseInt(value.total);
                  var html ='';
                  var yes = '';
                  var finalprice = value.price;
                  var finaltotal = value.total;
                  if(value.is_gst == 'on') {
                     yes = '* ';
                  }

                  html+='<div class="productappentab-box ff"><div class="row"><div class="col-lg-1 col-md-2"><label>Item</label></div><div class="col-lg-11 col-md-10"><div class="form-group"><input type="text" class="typeahead form-control small-input product__id graytxt" placeholder="Enter product name" autocomplete="off" name="product__id" data-price1="'+finalprice+'" value="'+ yes + value.product_name+'"><input type="hidden" name="product_id[]" class="form-control product_id" id="product_id" value="'+value.id+'"></div><span class="invalid-feedback d-block tt-dataset"></span></div></div></div><div class="productappentab-box ff" ><div class="row"><div class="col-lg-6 col-md-6"><div class="row"><div class="col-lg-6 col-md-6"><div class="row"><div class="col-lg-4 col-md-4"><label class="mb-0">Qty</label></div><div class="col-lg-8 col-md-8"><div class="form-group"><input type="text" class="form-control small-input deduct_quantity" placeholder="0" name="deduct_quantity[]" id="deduct_quantity" value="'+value.quantity+'" data-price="'+finalprice+'"><input type="hidden" name="productmsg"></div><span class="invalid-feedback d-block"></span></div></div></div><div class="col-lg-6 col-md-6"><div class="row"><div class="col-lg-4 col-md-4"><label class="mb-0">Cost</label></div><div class="col-lg-8 col-md-8"><div class="form-group dollar"><input type="text" class="form-control small-input product_cost float_number_validation" placeholder="00.00" name="product_cost[]" id="product_cost" value="'+finalprice+'"></div></div></div></div></div></div><div class="col-lg-6 col-md-6"><div class="row align-items-center justify-content-end"><div class="col-lg-2 col-md-2"><label class="mb-0">Total</label></div><div class="col-lg-6 col-md-6"><div class="form-group dollar"><input type="text" class="form-control small-input total_cost" placeholder="00.00" name="total_cost" id="total_cost" value="'+finaltotal+'" readonly=""><input type="hidden" name="payment_type_data"></div></div></div></div></div></div>';

                  thiss.find(".productappentable").find("h3").after(html);
               });
               thiss.find("#this_invoice").val(parseInt(invoicetotal)+total);
            } else {
               thiss.find(".productappentable").find(".productappentab-box").css('display','block');
               thiss.find(".productappentable").find(".ff").remove();
            }
         }
      });
   });

   var g = '{{ $practitionerIntervals->calendar_interval ?? "00:15"}}';
   // var f = @json($user->serviceProvider);
   var f = @json($practitioner->serviceProvider);

   var eventsData =  @json($appointments);
   var calSyncUrl =  '{{route('practitioner.appointments.calendarsync')}}'; <!-- Added by dhaval thakor - 16-08-2022 - START -->
   var holiday = @json($holidays);
   var location1 = @json($LocationsPract);
   var loc = @json($loc);
   var jump_todate = @json($jump_todate);
   var lname = '-';
   var selectedLocationId = @json($locationId);
   var is_member_calendar = @json($is_member_calendar);
   var member_id = @json($searchid);
   var CLIENT_ID = "{{env('CLIENT_ID')}}";
   var CLIENT_SECRET = "{{env('CLIENT_SECRET')}}"; 
   var API_KEY = "{{env('CLIENT_API_KEY')}}";
   var CLIENT_REDIRECT_URL = "{{env('CLIENT_REDIRECT_URL')}}"; 
   var openCalendarUrl= "{{ url('practitioner/openCalendar') }}";
   var searchpractitioner = @json($searchpractitioner ?? '');
   var notificationPageUrl = "{{route('practitioner.get.notifications')}}";

   $(document).ready( function() {
      if( is_member_calendar == 1 ) {
         var servUrl = "{{ route('practitioner.appointments.getServiceByLocationId') }}?selectedLocationId="+selectedLocationId+"&member_id="+member_id;
         $.ajax({
            type: "GET",
            url: servUrl,
            success: function( response ) {
               var service_data = response.data;

               $("#appointment_type_id").empty();

               if( service_data.length > 0 ) {
                  $("#appointment_type_id").append("<option></option>");
                  //$("#appointment_type_id").trigger('change');

                  for( var i = 0; i < service_data.length; i++ ) {
                     $("#appointment_type_id").append("<option value='"+service_data[i].id+"' data-cost='"+service_data[i].fee+"' data-location='"+service_data[i].location+"' data-duration='"+service_data[i].duration+"' >"+service_data[i].appointment_type+"</option>");
                  }
                  $("#appointment_type_id").trigger('change');
                  // $("#location").select2({disabled:'readonly'});
               }
            }
         });
      }
   });

   if(Object.keys(loc).length > 1){
      lname = "@php echo getLocationAddress($loc->address ?? "") @endphp";
   }

   var businessHours = @json($businesshours);
   var calendtime = @json($maxendtime);
   var calstarttime = @json($minstarttime);
   var minstartTimeOfCalender = @json($minstartTimeOfCalender);
   var app_id = @json($app_id);
   var date = @json($date);
   var segmenturl = '';
   var href = window.location.href.split("?");

   if( href[1] ) {
      var hrefwithloc = href[1].split("&");

      // var href1 = href[1].split("=");
      var href1 = hrefwithloc[0].split("=");

      if( href1[0] == 'practitionersearch' ) {
         segmenturl = href1[1];
      }
   }

   if(segmenturl.length > 0  || searchpractitioner !=''){
      var practitionerImage = '<div class="media"><div class="media-body text-left"><h5 class="mt-0 text-blue">@if($searchpractitioner){{$searchpractitioner->first_name.' '.$searchpractitioner->last_name ?? "Not specified"}}@else {{"Not specified"}}@endif</h5></div></div>';
      // var practitionerImage = '<div class="media">@if(isset($searchpersonalprofile->profile_picture) && $searchpersonalprofile->profile_picture != null) <div class="img-width"><img src="{{asset("storage/practitioner_picture/".$searchpersonalprofile->profile_picture)}}" class="align-self-center img-fluid round-img" alt="..."></div>@else<div class="img-width"><img src="{{asset("assets/images/d-user-icon.png")}}" class="align-self-center img-fluid" alt="..."></div>@endif<div class="media-body text-left"><h5 class="mt-0 text-blue">@if($searchpractitioner){{$searchpractitioner->first_name.' '.$searchpractitioner->last_name ?? "Not specified"}}@else {{"Not specified"}}@endif <span class="d-block">@if($searchpractitioner){{getProfessionHelper($searchpractitioner->id)}}@endif</span></h5></div></div>';
   }else{
      var practitionerImage = '<div class="media"><div class="media-body text-left"><h5 class="mt-0 text-blue">{{$practitioner->first_name.' '.$practitioner->last_name}}</h5></div></div>';
      /*var practitionerImage = '<div class="media">@if(isset($user->personalProfile) && $user->personalProfile->profile_picture != null) <div class="img-width"><img src="{{asset("storage/practitioner_picture/".$user->personalProfile->profile_picture)}}" class="align-self-center img-fluid round-img" alt="..."></div>@else<div class="img-width"><img src="{{asset("assets/images/d-user-icon.png")}}" class="align-self-center img-fluid" alt="..."></div>@endif<div class="media-body text-left"><h5 class="mt-0 text-blue">{{$practitioner->first_name.' '.$practitioner->last_name}} <span class="d-block">{{getProfessionHelper($user->id)}} </span></h5></div></div>';*/
   }



   // ADD NEW CODE FOR TEAM MEMBER - START
   if( is_member_calendar == 1 ) {
      var locationdropdown =
      "@if(sizeof($LocationsPract)>1)@foreach($LocationsPract as $location) <a data-member='1' class='dropdown-item' data-index='{{$location->id}}' href='#'>