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

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

<div class="page-content dashboard-wrapper mdashboard-wrapper clientd-wrapper setting-wrapper">
   <div class="row align-items-center">
      <div class="col-lg-4 col-md-4 col-sm-4">
         <h1 class="page-title eagle-font font-400"><span class="arca-font">My</span> Team</h1>
      </div>
      @include('front.inner-layout.header')
   </div>
   <div class="brdr-bttm"></div>
   <div class="adduser-btn mb-20 dropdown-adduser">
      <!-- <a href="javascript:" id="add-user-modal" class="btn-unfill cursor-pointer font-400">Add User</a> -->
      <div class="dropdown">
         <button class="dropdown-toggle btn-unfill cursor-pointer font-400" type="button" id="dropdownMenuButton add-user-modal" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn-unfill cursor-pointer font-400">
            Add User
         </button>
         {{--<a class="dropdown-toggle btn-unfill cursor-pointer font-400" href="{{ route('practitioner.business.addTeamMember') }}">Add User</a>--}}
         <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
            <a class="dropdown-item" href="javascript:" id="add-user-modal">Admin</a>
            <a class="dropdown-item cursor-pointer" data-toggle="modal" data-target="#modalserviceprovider" data-dismiss="Modal">Service Provider</a>
         </div>
      </div>
   </div>

   <div class="team-wrapper">
      <div class="teamwrapper-single-box">
         @foreach($providers as $provider)

         <div class="row">
            <div class="col-xl-9 col-lg-12 col-md-12">
               <div class="adduser-card">
                  <div class="row">
                     <div class="col-lg-2 col-md-2">
                        <div class="client-pic">
                           <div class="client-pic-inner">
                              @if($provider['practitioner_picture'] != '')
                              <img src="{{ $provider['practitioner_picture']}}" class="align-self-center img-fluid" alt="...">
                              @else
                              <img src="{{asset('assets/images/d-user-icon.png')}}" class="align-self-center img-fluid" alt="...">
                              @endif
                           </div>
                        </div>
                     </div>
                     <div class="col-lg-10 col-md-10">
                        <div class="usertext-btnarea">
                           <div class="usertext-iconarea">
                              <div class="row">
                                 <div class="col-lg-6 col-md-6">
                                    <h4 class="sub-title cursor-pointer" data-toggle="modal" data-target="#uinformation-modal">{{$provider['practitioner_name']}}</h4>
                                    <span class="sub-title font-400"> {{$provider['practitioner_profession']}} </span>
                                 </div>
                                 <div class="col-lg-6 col-md-6">
                                    <ul class="inline-img">
                                       <li><a href="{{"tel:".$provider['practitioner_phone']}}"><img src="{{asset('assets/images/phone.svg')}}" alt=""></a></li>
                                       <li><a href="#" class="sendSmsToProvider" data-clientname="{{$provider['practitioner_first_name']}}" data-data="{{$provider['practitioner_id']}}"><img src="{{asset('assets/images/msg.svg')}}" alt=""></a></li>
                                       <li>
                                          @if($provider['status'] =='' || $provider['status'] =='active')
                                          <a href="#" class="blockUser" data-id="{{$provider['practitioner_id']}}"><img src="{{asset('assets/images/block-icon.svg')}}" alt=""></a>
                                          @else
                                          <a href="#" class="blockUser" data-id="{{$provider['practitioner_id']}}"><img src="{{asset('assets/images/unlock.png')}}" alt=""></a>
                                          @endif
                                       </li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                           <div class="adduser-btnarea hiderbox d-block d-xl-block d-lg-none d-md-none d-sm-none">
                              <div class="row">
                                 <div class="col-lg-3 col-md-3">
                                    <a class="btnblack detailbox-show">Details</a>
                                 </div>
                                 <div class="col-lg-3 col-md-3">
                                    <a class="btnblack permissionbox-show">Permissions</a>
                                 </div>
                                 <div class="col-lg-3 col-md-3">
                                    <a class="btnblack hoursbox-show">Hours</a>
                                 </div>
                                 <div class="col-lg-3 col-md-3">
                                    <a class="btnblack paymentbox-show">Payment</a>
                                 </div>
                              </div>
                           </div>
                           <div class="adduser-btnarea showrbox d-none d-xl-none d-lg-block d-md-block d-sm-block">
                              <div class="row">
                                 <div class="col-lg-3 col-md-3">
                                    <a class="btnblack" data-toggle="modal" data-target="#detailboxmodal">Details</a>
                                 </div>
                                 <div class="col-lg-3 col-md-3">
                                    <a class="btnblack" data-toggle="modal" data-target="#permissionmodal">Permissions</a>
                                 </div>
                                 <div class="col-lg-3 col-md-3">
                                    <a class="btnblack" data-toggle="modal" data-target="#hoursmodal">Hours</a>
                                 </div>
                                 <div class="col-lg-3 col-md-3">
                                    <a class="btnblack" data-toggle="modal" data-target="#userpaymentmodal">Payment</a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>

            </div>

            <div class="col-xl-3 col-lg-12 col-md-12 appendDetails">
               <!-- Detail content start -->
               <div class="user-detail-form userdetail-padd detail-box">
                  <form class="details" method="POST" action="{{route('practitioner.business.update_details')}}">
                     <h2 class="text-blue font-bold">Details <a href="javascript:">
                           <span class="closeimg-icon"><img src="{{asset('assets/images/close-img.svg')}}" alt="" class="img-fluid closeimg"></span></a>
                     </h2>

                     <input type="hidden" name="provider_id" value="{{$provider['practitioner_id']}}">
                     <div class="form-group form-control-g">
                        <label>First Name <span class="required_span">*</span></label>
                        <input type="text" class="form-control" name="first_name" value="{{$provider['practitioner_first_name']}}" placeholder="First name">
                     </div>
                     <div class="form-group form-control-g">
                        <label>Last name</label>
                        <input type="text" class="form-control" name="last_name" value="{{$provider['practitioner_last_name']}}" placeholder="Last name">
                     </div>

                     @if($provider['role'] !="admin")
                     <div class="form-group">
                        <label>Profession</label>
                        <select name="profession" class="form-control">
                           @foreach($professions as $profession)
                           <option value={{$profession->id}} @if(isset($provider['practitioner_profession']) && $provider['practitioner_profession']==$profession->name ) selected : '' @endif>{{$profession->name}}</option>
                           @endforeach
                        </select>
                        <!-- <input type="text" class="form-control" name="profession" value="{{$provider['practitioner_profession']}}" placeholder="Chiropractor"> -->
                     </div>
                     @endif
                     <div class="form-group form-control-g">
                        <label>Address</label>
                        <input type="text" class="form-control google_address" name="address" value="{{$provider['practitioner_address']}}" placeholder="Address">
                     </div>
                     <div class="form-group form-control-g">
                        <label>Email <span class="required_span">*</span></label>
                        <input type="text" class="form-control" name="email" value="{{$provider['practitioner_email']}}" placeholder="Email">
                     </div>
                     <div class="form-group form-control-g">
                        <label>Mobile <span class="required_span">*</span></label>
                        <input type="text" class="form-control" name="phone" value="{{$provider['practitioner_phone']}}" placeholder="0414 555 675">
                     </div>
                     <div class="form-group form-control-g">
                        <label>Home</label>
                        <input type="text" class="form-control" name="home" placeholder="03 9507 6689">
                     </div>
                     <div class="form-group form-control-g">
                        <label>Work</label>
                        <input type="text" class="form-control text-gray" name="work" placeholder="Work number">
                     </div>
                     <div class="form-group">
                        <label>D.O.B.</label>
                        <input type="date" class="form-control" name="dob" value="{{$provider['practitioner_dob']}}" placeholder="10/03/77">
                     </div>
                     <div class="form-group">
                        <label>Indemnity insurance</label>
                        <div class="single-tittle">
                           <ul class="age-title p-0">
                              <li><input type="radio" id="{{$unique = uniqid()}}" name="indemnity_insurance" value="1" checked="checked" />
                                 <label for="{{$unique}}">Yes</label></li>
                              <li><input type="radio" id="{{$unique = uniqid()}}" name="indemnity_insurance" value="0" />
                                 <label for="{{$unique}}">No</label></li>
                           </ul>
                        </div>
                     </div>
                     <button type="submit" class="btn-fill w-100 mt-10">Save</button>
                  </form>
               </div>

               <!--  Detail content end -->
               <!--- permission content start  -->
               <div class="user-detail-form userdetail-padd permission-box">
                  <form class="permission" method="POST" action="{{route('practitioner.business.update_permission')}}">
                     <h2 class="text-blue font-bold">Permissions <a href="javascript:">
                           <span class="closeimg-icon"><img src="{{asset('assets/images/close-img.svg')}}" alt="" class="img-fluid closeimg"></span></a>
                     </h2>

                     <div class="userrole-box-area">
                        <label class="text-blue mb-3">User role <span>

                              <a href="#"><img src="{{asset('assets/images/info-icon.png')}}" class="info-icon userrole-box cursor-pointer user-role-info" alt=""></a></span>
                        </label>
                        <div class="userrole-box-geo user-role-info-box" 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">
                                    Assign your service providers an additional Admin role, will allow them to see appointments for the
                                    entire practice. Should you wish for them to only be able to see their own appointments, only grant
                                    them the role of service provider.
                                 </h5>
                              </div>
                           </div>
                        </div>
                        <div class="row">
                           <div class="col-lg-12 col-md-12 pl-xl-0">
                              <div class="health-history-checkbox selectdays-dropdown mb-0 tradingdays tradleftnone mb-4">
                                 <ul class="buttonradio-area">
                                    
                                    <li>
                                       <div class="rdio rdio-primary radio-inline">
                                          <input id="{{$unique = uniqid()}}" type="radio" name="practitioner_role" value="admin" {{$provider['role']=="admin" ? "checked":""}}>
                                          <label for="{{$unique}}">Admin</label>
                                       </div>
                                    </li>
                                   
                                 </ul>
                              </div>
                           </div>
                        </div>
                     </div>

                     <input type="hidden" name="practitioner_id" value="{{$provider['practitioner_id']}}">
                     <div class="single-tittle">
                        <label class="text-blue">Adjust Settings</label>
                        <ul class="age-title p-0">
                           <li><input type="radio" id="{{$unique = uniqid()}}" name="adjust_setting" value="1" checked="checked" @if(isset($provider['permission']) && $provider['permission']->adjust_setting == 1 ) checked : '' @endif>
                              <label for="{{$unique}}">Yes</label></li>
                           <li><input type="radio" id="{{$unique = uniqid()}}" name="adjust_setting" value="0" @if(isset($provider['permission']) && $provider['permission']->adjust_setting == 0 ) checked : '' @endif/>
                              <label for="{{$unique}}">No</label></li>
                        </ul>
                     </div>
                     <div class="single-tittle">
                        <label class="text-blue">View reports</label>
                        <ul class="age-title p-0">
                           <li><input type="radio" id="{{$unique = uniqid()}}" name="view_report" value="1" checked="checked" @if(isset($provider['permission']) && $provider['permission']->view_report == 1 ) checked : '' @endif>
                              <label for="{{$unique}}">Yes</label></li>
                           <li><input type="radio" id="{{$unique = uniqid()}}" name="view_report" value="0" @if(isset($provider['permission']) && $provider['permission']->view_report == 0) checked : '' @endif/>
                              <label for="{{$unique}}">No</label></li>
                        </ul>
                     </div>
                     <div class="single-tittle">
                        <label class="text-blue">Add/edit users</label>
                        <ul class="age-title p-0">
                           <li><input type="radio" id="{{$unique = uniqid()}}" name="add_edit_user" value="1" checked="checked" @if(isset($provider['permission']) && $provider['permission']->add_edit_user == 1 ) checked : '' @endif>
                              <label for="{{$unique}}">Yes</label></li>
                           <li><input type="radio" id="{{$unique = uniqid()}}" name="add_edit_user" value="0" @if(isset($provider['permission']) && $provider['permission']->add_edit_user == 0 ) checked : '' @endif/>
                              <label for="{{$unique}}">No</label></li>
                        </ul>
                     </div>
                     <div class="single-tittle">
                        <label class="text-blue">Import/export data</label>
                        <ul class="age-title p-0">
                           <li><input type="radio" id="{{$unique = uniqid()}}" name="import_export_data" value="1" checked="checked" @if(isset($provider['permission']) && $provider['permission']->import_export_data == 1 ) checked : '' @endif>
                              <label for="{{$unique}}">Yes</label></li>
                           <li><input type="radio" id="{{$unique = uniqid()}}" name="import_export_data" value="0" @if(isset($provider['permission']) && $provider['permission']->import_export_data == 0 ) checked : '' @endif/>
                              <label for="{{$unique}}">No</label></li>
                        </ul>
                     </div>
                     <div class="single-tittle">
                        <label class="text-blue">Access all client files <span><a href="#"><img src="{{asset('assets/images/info-icon.png')}}" class="info-icon send-client-btn-geo cursor-pointer access_all_client_files " alt=""></a></span>
                        </label>
                        <div class="send-client-box-geo acces-client-file access_all_client_files_box" 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">
                                    To protect client privacy, health history, test results, prescriptions and treatment
                                    notes can only be accessed by the user who created them. A request can be made to
                                    access this data on an individual basis via the clients profile or use this setting
                                    to grant permission for access to all data of all clients in this business.
                                 </h5>
                              </div>
                           </div>
                        </div>
                        <ul class="age-title p-0">
                           <li><input type="radio" id="{{$unique = uniqid()}}" name="access_all_client_files" value="1" checked="checked" @if(isset($provider['permission']) && $provider['permission']->access_all_client_files == 1 ) checked : '' @endif>
                              <label for="{{$unique}}">Yes</label></li>
                           <li><input type="radio" id="{{$unique = uniqid()}}" name="access_all_client_files" value="0" @if(isset($provider['permission']) && $provider['permission']->access_all_client_files == 0 ) checked : '' @endif/>
                              <label for="{{$unique}}">No</label></li>
                        </ul>
                     </div>
                     <button type="submit" class="btn-fill w-100 mt-10">Save</button>
                  </form>
               </div>
               <!--- permission content end  -->
               <!--- hours content start  -->
               <div class="user-detail-form userdetail-padd hours-box">
                  <h2 class="text-blue font-bold">Hours
                     <a href="javascript:">
                        <span class="closeimg-icon"><img src="{{asset('assets/images/close-img.svg')}}" alt="" class="img-fluid closeimg"></span>
                     </a>
                  </h2>
                  <div class="day-datetime-area">
                     <div id="HoursDiv">
                        <div class="dayslabel-space hoursdaysDiv">
                           <div class="label-input">
                              <div class="row align-items-center">
                                 <div class="col-lg-4 col-md-6">
                                    <label>Location</label>
                                 </div>
                                 <div class="col-lg-8 col-md-6">
                                    <div class="form-group">
                                       <select name="location[]" class="form-control">
                                          <option value="">Select location</option>
                                          @foreach($practitionerLocation as $location)
                                          <option value={{$location->id}}>{{$location->name}}</option>
                                          @endforeach
                                       </select>
                                    </div>
                                 </div>
                              </div>
                           </div>

                           <div class="daydatetime-sarea">
                              <div class="daystime-area mb-15">
                                 <div class="row align-items-center">
                                    <div class="col-lg-7 col-md-7">
                                       <label class="text-blue msec">Day/s</label>
                                    </div>
                                 </div>
                              </div>
                              <div class="row">
                                 <div class="col-lg-12 col-md-12 pl-xl-0">
                                    <div class="health-history-checkbox selectdays-dropdown mb-0 tradingdays">
                                       <ul 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>

                           <div class="daydatetime-sarea monday" style="display: none;">
                              <div class="daystime-area mb-15">
                                 <h5 class="modal-title textday">Monday</h5>
                                 <div class="row align-items-center">
                                    <div class="col-lg-5 col-md-5 pr-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="09:30 AM">
                                       </div>
                                    </div>
                                    <div class="col-lg-2 col-md-2 text-center">
                                       <span class="text-blue msec">To:</span>
                                    </div>
                                    <div class="col-lg-5 col-md-5 pl-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="05:00 PM">
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="daystime-area">
                                 <label>Break time:</label>
                                 <div class="row align-items-center">
                                    <div class="col-lg-5 col-md-5 pr-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="01:00 PM">
                                       </div>
                                    </div>
                                    <div class="col-lg-2 col-md-2 text-center">
                                       <span class="text-blue msec">To:</span>
                                    </div>
                                    <div class="col-lg-5 col-md-5 pl-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="01:30 PM">
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>

                           <div class="daydatetime-sarea tuesday" style="display: none;">
                              <div class="daystime-area mb-15">
                                 <h5 class="modal-title textday">Tuesday</h5>
                                 <div class="row align-items-center">
                                    <div class="col-lg-5 col-md-5 pr-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="09:30 AM">
                                       </div>
                                    </div>
                                    <div class="col-lg-2 col-md-2 text-center">
                                       <span class="text-blue msec">To:</span>
                                    </div>
                                    <div class="col-lg-5 col-md-5 pl-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="05:00 PM">
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="daystime-area">
                                 <label>Break time:</label>
                                 <div class="row align-items-center">
                                    <div class="col-lg-5 col-md-5 pr-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="01:00 PM">
                                       </div>
                                    </div>
                                    <div class="col-lg-2 col-md-2 text-center">
                                       <span class="text-blue msec">To:</span>
                                    </div>
                                    <div class="col-lg-5 col-md-5 pl-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="01:30 PM">
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>

                           <div class="daydatetime-sarea wednesday" style="display: none;">
                              <div class="daystime-area mb-15">
                                 <h5 class="modal-title textday">Wednesday</h5>
                                 <div class="row align-items-center">
                                    <div class="col-lg-5 col-md-5 pr-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="09:30 AM">
                                       </div>
                                    </div>
                                    <div class="col-lg-2 col-md-2 text-center">
                                       <span class="text-blue msec">To:</span>
                                    </div>
                                    <div class="col-lg-5 col-md-5 pl-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="05:00 PM">
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="daystime-area">
                                 <label>Break time:</label>
                                 <div class="row align-items-center">
                                    <div class="col-lg-5 col-md-5 pr-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="01:00 PM">
                                       </div>
                                    </div>
                                    <div class="col-lg-2 col-md-2 text-center">
                                       <span class="text-blue msec">To:</span>
                                    </div>
                                    <div class="col-lg-5 col-md-5 pl-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="01:30 PM">
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>

                           <div class="daydatetime-sarea thursday" style="display: none;">
                              <div class="daystime-area mb-15">
                                 <h5 class="modal-title textday">Thursday</h5>
                                 <div class="row align-items-center">
                                    <div class="col-lg-5 col-md-5 pr-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="09:30 AM">
                                       </div>
                                    </div>
                                    <div class="col-lg-2 col-md-2 text-center">
                                       <span class="text-blue msec">To:</span>
                                    </div>
                                    <div class="col-lg-5 col-md-5 pl-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="05:00 PM">
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="daystime-area">
                                 <label>Break time:</label>
                                 <div class="row align-items-center">
                                    <div class="col-lg-5 col-md-5 pr-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="01:00 PM">
                                       </div>
                                    </div>
                                    <div class="col-lg-2 col-md-2 text-center">
                                       <span class="text-blue msec">To:</span>
                                    </div>
                                    <div class="col-lg-5 col-md-5 pl-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="01:30 PM">
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>

                           <div class="daydatetime-sarea friday" style="display: none;">
                              <div class="daystime-area mb-15">
                                 <h5 class="modal-title textday">Friday</h5>
                                 <div class="row align-items-center">
                                    <div class="col-lg-5 col-md-5 pr-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="09:30 AM">
                                       </div>
                                    </div>
                                    <div class="col-lg-2 col-md-2 text-center">
                                       <span class="text-blue msec">To:</span>
                                    </div>
                                    <div class="col-lg-5 col-md-5 pl-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="05:00 PM">
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="daystime-area">
                                 <label>Break time:</label>
                                 <div class="row align-items-center">
                                    <div class="col-lg-5 col-md-5 pr-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="01:00 PM">
                                       </div>
                                    </div>
                                    <div class="col-lg-2 col-md-2 text-center">
                                       <span class="text-blue msec">To:</span>
                                    </div>
                                    <div class="col-lg-5 col-md-5 pl-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="01:30 PM">
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="daydatetime-sarea saturday" style="display: none;">
                              <div class="daystime-area mb-15">
                                 <h5 class="modal-title textday">Saturday</h5>
                                 <div class="row align-items-center">
                                    <div class="col-lg-5 col-md-5 pr-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="09:30 AM">
                                       </div>
                                    </div>
                                    <div class="col-lg-2 col-md-2 text-center">
                                       <span class="text-blue msec">To:</span>
                                    </div>
                                    <div class="col-lg-5 col-md-5 pl-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="05:00 PM">
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="daystime-area">
                                 <label>Break time:</label>
                                 <div class="row align-items-center">
                                    <div class="col-lg-5 col-md-5 pr-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="01:00 PM">
                                       </div>
                                    </div>
                                    <div class="col-lg-2 col-md-2 text-center">
                                       <span class="text-blue msec">To:</span>
                                    </div>
                                    <div class="col-lg-5 col-md-5 pl-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="01:30 PM">
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>

                           <div class="daydatetime-sarea sunday" style="display: none;">
                              <div class="daystime-area mb-15">
                                 <h5 class="modal-title textday">Sunday</h5>
                                 <div class="row align-items-center">
                                    <div class="col-lg-5 col-md-5 pr-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="09:30 AM">
                                       </div>
                                    </div>
                                    <div class="col-lg-2 col-md-2 text-center">
                                       <span class="text-blue msec">To:</span>
                                    </div>
                                    <div class="col-lg-5 col-md-5 pl-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="05:00 PM">
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="daystime-area">
                                 <label>Break time:</label>
                                 <div class="row align-items-center">
                                    <div class="col-lg-5 col-md-5 pr-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="01:00 PM">
                                       </div>
                                    </div>
                                    <div class="col-lg-2 col-md-2 text-center">
                                       <span class="text-blue msec">To:</span>
                                    </div>
                                    <div class="col-lg-5 col-md-5 pl-xl-0">
                                       <div class="form-group">
                                          <input type="text" class="form-control timepicker" placeholder="01:30 PM">
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>

                     <div class="label-input">
                        <div class="row align-items-center">
                           <div class="col-lg-4">
                              <label>Add another location?</label>
                           </div>
                           <div class="col-md-8">
                              <div class="single-tittle">
                                 <ul class="age-title p-0">
                                    <li><input type="radio" class="addNewLocationForHoursDiv" id="addNewLocationYes1" name="newLocation" value="1">
                                       <label for="addNewLocationYes1">Yes</label></li>
                                    <li><input type="radio" class="addNewLocationForHoursDiv" id="addNewLocationNo1" name="newLocation" value="0">
                                       <label for="addNewLocationNo1">No</label></li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                     </div>

                     <div class="appendDivDaysInHoursDiv">

                     </div>


                  </div>
                  <button class="btn-fill w-100 mt-10">Save</button>
               </div>
               <!--- hours content end  -->
               <!--- payment content start  -->
               <div class="user-detail-form userdetail-padd payment-box">
                  <form class="bank_details" method="POST" action="{{route('practitioner.business.add_bank_details')}}">
                     <input type="hidden" name="practitioner_id" value="{{$provider['practitioner_id']}}">
                     <h2 class="text-blue font-bold">Payment <a href="javascript:">
                           <span class="closeimg-icon"><img src="{{asset('assets/images/close-img.svg')}}" alt="" class="img-fluid closeimg"></span></a>
                     </h2>
                     @if($provider['role'] !="admin")
                     <div class="single-tittle">
                        <label class="text-blue">Registered for GST</label>
                        <ul class="age-title p-0">
                           <li><input type="radio" id="{{$unique = uniqid()}}" name="registered_for_gst" value="1" checked="checked" @if(isset($provider['bank_details']) && $provider['bank_details']->registered_for_gst == 1 ) checked : '' @endif>
                              <label for="{{$unique}}">Yes</label></li>
                           <li><input type="radio" id="{{$unique = uniqid()}}" name="registered_for_gst" value="0" @if(isset($provider['bank_details']) && $provider['bank_details']->registered_for_gst == 0 ) checked : '' @endif/>
                              <label for="{{$unique}}">No</label></li>
                        </ul>
                     </div>
                     <div class="form-group form-control-g">
                        <label>ABN
                           <span class="required_span">*</span></label>
                        <input type="number" class="form-control" name="abn" value="{{$provider['bank_details']->abn ?? ''}}" placeholder="555 666 79000">
                     </div>
                     @endif
                     <!-- <div class="form-group form-control-g">
                     <label>Tax file number</label>
                     <input type="number" class="form-control" value="{{$provider['bank_details']->tax_file_number ?? ''}}" name="tax_file_number" placeholder="155 667 899">
                  </div> -->
                     <div class="form-group form-control-g">
                        <label>BSB
                           <span class="required_span">*</span></label>
                        <input type="text" class="form-control" name="bsb" value="{{$provider['bank_details']->bsb ?? ''}}" placeholder="677 889">
                     </div>
                     <div class="form-group form-control-g">
                        <label>Account number
                           <span class="required_span">*</span></label>
                        <input type="text" class="form-control" name="account_number" value="{{$provider['bank_details']->account_number ?? ''}}" placeholder="4445790">
                     </div>
                     <button type="submit" class="btn-fill w-100 mt-10">Save</button>
                  </form>
               </div>
               <!--- payment content end  -->
            </div>
         </div>

         @endforeach
      </div>
   </div>




</div>
@endsection

@section('modals')
<!-- Add user modal start -->
<div class="client-follow-popup login-modal bulk-popup customscroll user-popup clientabpopup profiledit-modal client-dahsboardfamiliy">
   <div class="modal fade" id="addUserModal" 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 font-400" id="exampleModalLabel13">Add user</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>
               <form class="storePractitoner" method="POST" action="{{route('practitioner.business.add_practitioner')}}">

                  <div class="modal-body p-0">
                     <div class="mCustomScrollbar">
                        <div class="boxwhite padd-sm m-25">
                           <div class="test-results-area">
                              <div class="label-input">
                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>First name <span class="required_span">*</span></label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" name="first_name" class="form-control">
                                          </div>
                                          <span class="invalid-feedback d-block"></span>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Last name</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" name="last_name" class="form-control">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Email <span class="required_span">*</span></label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" name="email" class="form-control">
                                          </div>
                                          <span class="invalid-feedback d-block"></span>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Mobile <span class="required_span">*</span></label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" name="mobile" class="form-control">
                                          </div>
                                          <span class="invalid-feedback d-block"></span>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="">
                                    <!-- <div class="definiterole-area"> -->
                                       <!-- <div class="product-info">
                                          <h4 class="text-blue font-15 font-bold">Define role
                                             <span class="notify_btn cursor-pointer"><img src='{{asset("assets/images/info-icon.png")}}' alt="" class="img-fluid info-icon "></span></h4>
                                          <div class="send-client-box-geo notify_toggle">
                                             <div class="media">
                                                <img src='{{asset("assets/images/round-n-icon.png")}}' class="align-self-start mr-2" alt="...">
                                                <div class="media-body">
                                                   <h5 class="mt-0 text-left">
                                                      Assigning your Service Providers an additional Admin role,will allow them to see appointments for the entire practice.Should you wish for them to only be able to see their own appointments, only grant them the role of Service Provider.
                                                   </h5>
                                                </div>
                                             </div>
                                          </div>
                                       </div> -->
                                       <!-- <div class="single-tittle">
                                          <ul class="age-title p-0"> -->
                                             <!-- <li><input type="radio" class="selectRole" id="dyes" name="role" value="service_provider" checked="">
                                                <label for="dyes">Service Provider</label></li> -->
                                             <!-- <li><input type="radio" class="selectRole" id="dno" name="role" value="admin">
                                                <label for="dno">Admin</label></li> -->
                                           
                                        <!--   </ul>
                                       </div> -->
                                    <!-- </div> -->
                                    <div class="userpermission-area">
                                       <h4 class="text-blue font-15 font-bold">User permissions</h4>
                                       <div class="row detail-form label-input align-items-center">
                                          <div class="col-md-6">
                                             <label>Allow user to adjust settings</label>
                                          </div>
                                          <div class="col-md-6">
                                             <div class="single-tittle">
                                                <ul class="age-title p-0">
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="adjust_setting" value="1" checked="">
                                                      <label for="{{$unique}}">Yes</label></li>
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="adjust_setting" value="0">
                                                      <label for="{{$unique}}">No</label></li>
                                                </ul>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row detail-form label-input align-items-center">
                                          <div class="col-md-6">
                                             <label>Allow user to view reports</label>
                                          </div>
                                          <div class="col-md-6">
                                             <div class="single-tittle">
                                                <ul class="age-title p-0">
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="view_report" value="1" checked="">
                                                      <label for="{{$unique}}">Yes</label></li>
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="view_report" value="0">
                                                      <label for="{{$unique}}">No</label></li>
                                                </ul>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row detail-form label-input align-items-center">
                                          <div class="col-md-6">
                                             <label>Allow user to add/edit users</label>
                                          </div>
                                          <div class="col-md-6">
                                             <div class="single-tittle">
                                                <ul class="age-title p-0">
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="add_edit_user" value="1" checked="">
                                                      <label for="{{$unique}}">Yes</label></li>
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="add_edit_user" value="0">
                                                      <label for="{{$unique}}">No</label></li>
                                                </ul>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row detail-form label-input align-items-center">
                                          <div class="col-md-6">
                                             <label>Allow user to export/import data</label>
                                          </div>
                                          <div class="col-md-6">
                                             <div class="single-tittle">
                                                <ul class="age-title p-0">
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="import_export_data" value="1" checked="">
                                                      <label for="{{$unique}}">Yes</label></li>
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="import_export_data" value="0">
                                                      <label for="{{$unique}}">No</label></li>
                                                </ul>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row detail-form label-input align-items-center">
                                          <div class="col-md-6">
                                             <label>Allow user to access all client files
                                                <span class="send-client-btn-geo client_access_file_btn cursor-pointer"><img src="{{asset('assets/images/info-icon.png')}}" alt="" class="img-fluid info-icon "></span></label>
                                             <div class="send-client-box-geo client_access_file_toggle">
                                                <div class="media">
                                                   <img src="{{asset('assets/images/round-n-icon.png')}}" class="align-self-start mr-2" alt="...">
                                                   <div class="media-body">
                                                      <h5 class="mt-0 text-left">To protect client privacy, health history,
                                                         test results, prescriptions and treatment notes can only be
                                                         accessed by the user who created them. A request can be made to
                                                         access this data on an individual basis via the clients profile or
                                                         use this setting to grant permission for access to all data of all
                                                         clients in this business.</h5>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-md-6">
                                             <div class="single-tittle">
                                                <ul class="age-title p-0">
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="access_all_client_files" value="1" checked="checked">
                                                      <label for="{{$unique}}">Yes</label></li>
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="access_all_client_files" value="0">
                                                      <label for="{{$unique}}">No</label></li>
                                                </ul>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="definiterole-permissionarea mt10">
                                    <div class="mb-0">
                                       <h4 class="text-blue font-15 font-bold mb-3">Send invite</h4>
                                       <div class="row detail-form align-items-center">
                                          <div class="col-md-6 label-input">
                                             <label>Send invite to user to complete profile</label>
                                          </div>
                                          <div class="col-md-6">
                                             <div class="single-tittle">
                                                <ul class="age-title p-0">
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="send_invite" value="1" checked="checked">
                                                      <label for="{{$unique}}" class="yesmshow">Yes</label></li>
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="send_invite" value="0">
                                                      <label for="{{$unique}}" class="nomshowadmin">No</label></li>
                                                </ul>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>

                              <div class="test-results-area yesboxshow brdr-top pt-4 mt-3" style="display: block;">
                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Title</label>
                                       </div>
                                       <div class="col-lg-2 col-md-3 col-sm-3 col-5">
                                          <div class="customdroppdown gray-brdr line-dropdown">
                                             <div class="form-group marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                                <div class="select"><select id="mounth500" class="form-control select-hidden">
                                                      <option hidden="">None </option>
                                                      <option>Mr</option>
                                                      <option>Mrs </option>
                                                      <option>Ms </option>
                                                      <option>Miss </option>
                                                   </select>
                                                   <div class="select-styled select-styled1">None </div>
                                                   <ul class="select-options" style="display: none;">
                                                      <li rel="None">None </li>
                                                      <li rel="Mr">Mr</li>
                                                      <li rel="Mrs">Mrs </li>
                                                      <li rel="Ms">Ms </li>
                                                      <li rel="Miss">Miss </li>
                                                   </ul>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>First name</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control" placeholder="Lenny">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Last name</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control" placeholder="Bronx">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Email</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control" placeholder="lenny@lennyb.com">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Mobile</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control" placeholder="0414 255 676">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input professionHideShow">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Profession</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Ph: Home</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Ph: Work</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Address</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>D.O.B.</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <!-- <div class="label-input">
                                 <div class="row align-items-center">
                                    <div class="col-lg-4 col-md-6">
                                       <label>Tax file number</label>
                                    </div>
                                    <div class="col-lg-8 col-md-6">
                                       <div class="form-group">
                                          <input type="text" class="form-control">
                                       </div>
                                    </div>
                                 </div>
                              </div> -->

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>ABN</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control">
                                          </div>
                                       </div>
                                    </div>
                                 </div>


                                 <div class="userpermission-area mt-30 mb-40">
                                    <div class="row detail-form label-input align-items-center">
                                       <div class="col-md-4">
                                          <label>Indemnity insurance</label>
                                       </div>
                                       <div class="col-md-8">
                                          <div class="single-tittle">
                                             <ul class="age-title p-0">
                                                <li><input type="radio" id="pyes111" value="" checked="">
                                                   <label for="pyes111">Yes</label></li>
                                                <li><input type="radio" id="pno111" value="">
                                                   <label for="pno111">No</label></li>
                                             </ul>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="row detail-form label-input align-items-center">
                                       <div class="col-md-4">
                                          <label>Registered for GST</label>
                                       </div>
                                       <div class="col-md-8">
                                          <div class="single-tittle">
                                             <ul class="age-title p-0">
                                                <li><input type="radio" id="pyes12" value="" checked="">
                                                   <label for="pyes12">Yes</label></li>
                                                <li><input type="radio" id="pno12" value="">
                                                   <label for="pno12">No</label></li>
                                             </ul>
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="userbank-detail">
                                    <h4 class="text-blue font-15 font-bold mb-20">Bank details </h4>
                                    <div class="row">
                                       <div class="col-md-6">
                                          <div class="form-group">
                                             <label class="text-blue">BSB</label>
                                             <input type="text" class="form-control full-brdrtxt" placeholder="000 000">
                                          </div>
                                       </div>
                                       <div class="col-md-6">
                                          <div class="form-group">
                                             <label class="text-blue">Account number</label>
                                             <input type="text" class="form-control full-brdrtxt" placeholder="00000000">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="dayslabel-space">
                                    <div class="dayslabel-box">
                                       <h4 class="text-blue font-15 font-bold mb-3">Working hours</h4>
                                       <!-- <div class="row">
                                       <div class="col-md-3">
                                          <label class="text-blue">Day/s</label>
                                       </div>
                                       <div class="col-md-9">
                                          <div class="health-history-checkbox selectdays-dropdown mb-0">
                                             <ul>
                                                <li>
                                                   <div class="rdio rdio-primary radio-inline">
                                                      <input id="radio701" type="checkbox">
                                                      <label for="radio701">Mon</label>
                                                   </div>
                                                </li>
                                                <li>
                                                   <div class="rdio rdio-primary radio-inline">
                                                      <input id="radio711" type="checkbox">
                                                      <label for="radio711">Tue</label>
                                                   </div>
                                                </li>
                                                <li>
                                                   <div class="rdio rdio-primary radio-inline">
                                                      <input id="radio721" type="checkbox" checked="">
                                                      <label for="radio721">Wed</label>
                                                   </div>
                                                </li>
                                                <li>
                                                   <div class="rdio rdio-primary radio-inline">
                                                      <input id="radio731" type="checkbox">
                                                      <label for="radio731">Thur</label>
                                                   </div>
                                                </li>
                                                <li>
                                                   <div class="rdio rdio-primary radio-inline">
                                                      <input id="radio741" type="checkbox">
                                                      <label for="radio741">Fri</label>
                                                   </div>
                                                </li>
                                                <li>
                                                   <div class="rdio rdio-primary radio-inline">
                                                      <input id="radio751" type="checkbox">
                                                      <label for="radio751">Sat</label>
                                                   </div>
                                                </li>
                                                <li>
                                                   <div class="rdio rdio-primary radio-inline">
                                                      <input id="radio761" type="checkbox">
                                                      <label for="radio761">Sun</label>
                                                   </div>
                                                </li>
                                             </ul>
                                          </div>
                                       </div>
                                    </div> -->
                                       <div class="row">
                                          <div class="col-lg-4 col-md-4">
                                             <label class="text-blue">Trading Day/s</label>
                                          </div>
                                          <div class="col-lg-8 col-md-8 pl-xl-0">
                                             <div class="health-history-checkbox selectdays-dropdown mb-0 tradingdays">
                                                <ul>
                                                   <li>
                                                      <div class="rdio rdio-primary radio-inline">
                                                         <input id="radio701" type="checkbox">
                                                         <label for="radio701">Monday</label>
                                                      </div>
                                                   </li>
                                                   <li>
                                                      <div class="rdio rdio-primary radio-inline">
                                                         <input id="radio711" type="checkbox">
                                                         <label for="radio711">Tuesday</label>
                                                      </div>
                                                   </li>
                                                   <li>
                                                      <div class="rdio rdio-primary radio-inline">
                                                         <input id="radio721" type="checkbox" checked="">
                                                         <label for="radio721">Wednesday</label>
                                                      </div>
                                                   </li>
                                                   <li>
                                                      <div class="rdio rdio-primary radio-inline">
                                                         <input id="radio731" type="checkbox">
                                                         <label for="radio731">Thursday</label>
                                                      </div>
                                                   </li>
                                                   <li>
                                                      <div class="rdio rdio-primary radio-inline">
                                                         <input id="radio741" type="checkbox">
                                                         <label for="radio741">Friday</label>
                                                      </div>
                                                   </li>
                                                   <li>
                                                      <div class="rdio rdio-primary radio-inline">
                                                         <input id="radio751" type="checkbox">
                                                         <label for="radio751">Saturday</label>
                                                      </div>
                                                   </li>
                                                   <li>
                                                      <div class="rdio rdio-primary radio-inline">
                                                         <input id="radio761" type="checkbox">
                                                         <label for="radio761">Sunday</label>
                                                      </div>
                                                   </li>
                                                </ul>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="dayslabel-box">
                                       <h4 class="text-blue font-15 font-bold mb-3">Wednesday</h4>
                                       <div class="row label-input">
                                          <div class="col-md-4">
                                             <label>Hours:</label>
                                          </div>
                                          <div class="col-md-8">
                                             <div class="row">
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                                <div class="col-md-1 col-sm-1">
                                                   <span class="text-blue mtopnone">To:</span>
                                                </div>
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="dayslabel-box">
                                       <div class="row label-input">
                                          <div class="col-md-4">
                                             <label>Break Time:</label>
                                          </div>
                                          <div class="col-md-8">
                                             <div class="row">
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                                <div class="col-md-1 col-sm-1">
                                                   <span class="text-blue mtopnone">To:</span>
                                                </div>
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="dayslabel-box">
                                       <h4 class="text-blue font-15 font-bold mb-3">Thursday</h4>
                                       <div class="row label-input">
                                          <div class="col-md-4">
                                             <label>Hours:</label>
                                          </div>
                                          <div class="col-md-8">
                                             <div class="row">
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                                <div class="col-md-1 col-sm-1">
                                                   <span class="text-blue mtopnone">To:</span>
                                                </div>
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row label-input">
                                          <div class="col-md-4">
                                             <label>Break Time:</label>
                                          </div>
                                          <div class="col-md-8">
                                             <div class="row">
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                                <div class="col-md-1 col-sm-1">
                                                   <span class="text-blue mtopnone">To:</span>
                                                </div>
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="dayslabel-box">
                                       <h4 class="text-blue font-15 font-bold mb-3">Friday</h4>
                                       <div class="row label-input">
                                          <div class="col-md-4">
                                             <label>Hours:</label>
                                          </div>
                                          <div class="col-md-8">
                                             <div class="row">
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                                <div class="col-md-1 col-sm-1">
                                                   <span class="text-blue mtopnone">To:</span>
                                                </div>
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row label-input">
                                          <div class="col-md-4">
                                             <label>Break Time:</label>
                                          </div>
                                          <div class="col-md-8">
                                             <div class="row">
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                                <div class="col-md-1 col-sm-1">
                                                   <span class="text-blue mtopnone">To:</span>
                                                </div>
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="profileimgs-area">
                                    <h4 class="text-blue font-15 font-bold mb-3">Profile image</h4>
                                    <div class="label-input client-upload-file">
                                       <div class="row align-items-center">
                                          <div class="col-xl-7 col-lg-7">
                                             <div class="browse-img-area text-center profile_upload">
                                                <div class="browse-img">
                                                   <img src="{{asset('assets/images/upload-icon-g.png')}}" alt="" class="img-fluid">
                                                </div>
                                                <div class="drag-drop-text">
                                                   <p class="mb-0 font-15">Drag and drop files here </p>
                                                </div>
                                                <div class="text-or">
                                                   - or -
                                                </div>
                                                <div class="browse-file">
                                                   <input type="file" style="display: block !important;" accept="image/*" onchange="loadFileForAdmin(event)">
                                                   <input type="button" class="yellow-btn" value="Browse files" onclick="openfileDialog();">
                                                   <img class="output-img" />
                                                   <div class="pdfFile">
                                                      <img src="{{asset('assets/images/pdf-img.png')}}" alt="">
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="labeltop-inputarea">
                                    <h4 class="text-blue font-15 font-bold mb-3 mt-4">Password</h4>
                                    <div class="row label-input">
                                       <div class="col-md-4">
                                          <div class="labelspace">
                                             <label>Set password</label>
                                          </div>
                                       </div>
                                       <div class="col-md-7">
                                          <div class="form-group brdrfull">
                                             <input type="password" class="form-control text-left" placeholder="">
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>

                              <!-- Invite Yes Popup Start -->
                              <div class="appendDivadmin">

                              </div>
                              <!-- Invite No Popup End   -->

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

<div class="client-follow-popup login-modal bulk-popup customscroll user-popup clientabpopup profiledit-modal client-dahsboardfamiliy">
   <div class="modal fade" id="modalserviceprovider" 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 font-400" id="exampleModalLabel13">Add user</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>
               <form class="storePractitoner" method="POST" action="{{route('practitioner.business.add_practitioner_service')}}">

                  <div class="modal-body p-0">
                     <div class="mCustomScrollbar">
                        <div class="boxwhite padd-sm m-25">
                           <div class="test-results-area">
                              <div class="label-input">
                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>First name <span class="required_span">*</span></label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" name="first_name" class="form-control">
                                          </div>
                                          <span class="invalid-feedback d-block"></span>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Last name</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" name="last_name" class="form-control">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Email <span class="required_span">*</span></label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" name="email" class="form-control">
                                          </div>
                                          <span class="invalid-feedback d-block"></span>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Mobile <span class="required_span">*</span></label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" name="mobile" class="form-control">
                                          </div>
                                          <span class="invalid-feedback d-block"></span>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="definiterole-permissionarea">
                                    <div class="definiterole-area">
                                       <!-- <div class="product-info">
                                          <h4 class="text-blue font-15 font-bold">Define role
                                             <span class="notify_btn cursor-pointer"><img src='{{asset("assets/images/info-icon.png")}}' alt="" class="img-fluid info-icon "></span></h4>
                                          <div class="send-client-box-geo notify_toggle">
                                             <div class="media">
                                                <img src='{{asset("assets/images/round-n-icon.png")}}' class="align-self-start mr-2" alt="...">
                                                <div class="media-body">
                                                   <h5 class="mt-0 text-left">
                                                      Assigning your Service Providers an additional Admin role,will allow them to see appointments for the entire practice.Should you wish for them to only be able to see their own appointments, only grant them the role of Service Provider.
                                                   </h5>
                                                </div>
                                             </div>
                                          </div>
                                       </div> -->
                                       <div class="single-tittle">
                                          <ul class="age-title p-0">
                                             <li><input type="radio" class="selectRole" id="dyes" name="role" value="service_provider" checked="">
                                             <!--    <label for="dyes">Service Provider</label></li> -->
                                             <!-- <li><input type="radio" class="selectRole" id="dno" name="role" value="admin">
                                                <label for="dno">Admin</label></li>
                                             <li><input type="radio" class="selectRole" id="dboth" name="role" value="both">
                                                <label for="dboth">Both</label></li> -->
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="userpermission-area">
                                       <h4 class="text-blue font-15 font-bold">User permissions</h4>
                                       <div class="row detail-form label-input align-items-center">
                                          <div class="col-md-6">
                                             <label>Allow user to adjust settings</label>
                                          </div>
                                          <div class="col-md-6">
                                             <div class="single-tittle">
                                                <ul class="age-title p-0">
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="adjust_setting" value="1" checked="">
                                                      <label for="{{$unique}}">Yes</label></li>
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="adjust_setting" value="0">
                                                      <label for="{{$unique}}">No</label></li>
                                                </ul>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row detail-form label-input align-items-center">
                                          <div class="col-md-6">
                                             <label>Allow user to view reports</label>
                                          </div>
                                          <div class="col-md-6">
                                             <div class="single-tittle">
                                                <ul class="age-title p-0">
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="view_report" value="1" checked="">
                                                      <label for="{{$unique}}">Yes</label></li>
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="view_report" value="0">
                                                      <label for="{{$unique}}">No</label></li>
                                                </ul>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row detail-form label-input align-items-center">
                                          <div class="col-md-6">
                                             <label>Allow user to add/edit users</label>
                                          </div>
                                          <div class="col-md-6">
                                             <div class="single-tittle">
                                                <ul class="age-title p-0">
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="add_edit_user" value="1" checked="">
                                                      <label for="{{$unique}}">Yes</label></li>
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="add_edit_user" value="0">
                                                      <label for="{{$unique}}">No</label></li>
                                                </ul>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row detail-form label-input align-items-center">
                                          <div class="col-md-6">
                                             <label>Allow user to export/import data</label>
                                          </div>
                                          <div class="col-md-6">
                                             <div class="single-tittle">
                                                <ul class="age-title p-0">
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="import_export_data" value="1" checked="">
                                                      <label for="{{$unique}}">Yes</label></li>
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="import_export_data" value="0">
                                                      <label for="{{$unique}}">No</label></li>
                                                </ul>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row detail-form label-input align-items-center">
                                          <div class="col-md-6">
                                             <label>Allow user to access all client files
                                                <span class="send-client-btn-geo client_access_file_btn cursor-pointer"><img src="{{asset('assets/images/info-icon.png')}}" alt="" class="img-fluid info-icon "></span></label>
                                             <div class="send-client-box-geo client_access_file_toggle">
                                                <div class="media">
                                                   <img src="{{asset('assets/images/round-n-icon.png')}}" class="align-self-start mr-2" alt="...">
                                                   <div class="media-body">
                                                      <h5 class="mt-0 text-left">To protect client privacy, health history,
                                                         test results, prescriptions and treatment notes can only be
                                                         accessed by the user who created them. A request can be made to
                                                         access this data on an individual basis via the clients profile or
                                                         use this setting to grant permission for access to all data of all
                                                         clients in this business.</h5>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-md-6">
                                             <div class="single-tittle">
                                                <ul class="age-title p-0">
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="access_all_client_files" value="1" checked="checked">
                                                      <label for="{{$unique}}">Yes</label></li>
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="access_all_client_files" value="0">
                                                      <label for="{{$unique}}">No</label></li>
                                                </ul>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="definiterole-permissionarea mt10">
                                    <div class="mb-0">
                                       <h4 class="text-blue font-15 font-bold mb-3">Send invite</h4>
                                       <div class="row detail-form align-items-center">
                                          <div class="col-md-6 label-input">
                                             <label>Send invite to user to complete profile</label>
                                          </div>
                                          <div class="col-md-6">
                                             <div class="single-tittle">
                                                <ul class="age-title p-0">
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="send_invite" value="1" checked="checked">
                                                      <label for="{{$unique}}" class="yesmshow">Yes</label></li>
                                                   <li><input type="radio" id="{{$unique = uniqid()}}" name="send_invite" value="0">
                                                      <label for="{{$unique}}" class="nomshow">No</label></li>
                                                </ul>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>

                              <div class="test-results-area yesboxshow brdr-top pt-4 mt-3" style="display: block;">
                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Title</label>
                                       </div>
                                       <div class="col-lg-2 col-md-3 col-sm-3 col-5">
                                          <div class="customdroppdown gray-brdr line-dropdown">
                                             <div class="form-group marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                                <div class="select"><select id="mounth500" class="form-control select-hidden">
                                                      <option hidden="">None </option>
                                                      <option>Mr</option>
                                                      <option>Mrs </option>
                                                      <option>Ms </option>
                                                      <option>Miss </option>
                                                   </select>
                                                   <div class="select-styled select-styled1">None </div>
                                                   <ul class="select-options" style="display: none;">
                                                      <li rel="None">None </li>
                                                      <li rel="Mr">Mr</li>
                                                      <li rel="Mrs">Mrs </li>
                                                      <li rel="Ms">Ms </li>
                                                      <li rel="Miss">Miss </li>
                                                   </ul>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <!-- <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>First name</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control" placeholder="Lenny">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Last name</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control" placeholder="Bronx">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Email</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control" placeholder="lenny@lennyb.com">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Mobile</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control" placeholder="0414 255 676">
                                          </div>
                                       </div>
                                    </div>
                                 </div>
 -->
                                 <div class="label-input professionHideShow">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Profession</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Ph: Home</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Ph: Work</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>Address</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>D.O.B.</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <!-- <div class="label-input">
                                 <div class="row align-items-center">
                                    <div class="col-lg-4 col-md-6">
                                       <label>Tax file number</label>
                                    </div>
                                    <div class="col-lg-8 col-md-6">
                                       <div class="form-group">
                                          <input type="text" class="form-control">
                                       </div>
                                    </div>
                                 </div>
                              </div> -->

                                 <div class="label-input">
                                    <div class="row align-items-center">
                                       <div class="col-lg-4 col-md-6">
                                          <label>ABN</label>
                                       </div>
                                       <div class="col-lg-8 col-md-6">
                                          <div class="form-group">
                                             <input type="text" class="form-control">
                                          </div>
                                       </div>
                                    </div>
                                 </div>


                                 <div class="userpermission-area mt-30 mb-40">
                                    <div class="row detail-form label-input align-items-center">
                                       <div class="col-md-4">
                                          <label>Indemnity insurance</label>
                                       </div>
                                       <div class="col-md-8">
                                          <div class="single-tittle">
                                             <ul class="age-title p-0">
                                                <li><input type="radio" id="pyes111" value="" checked="">
                                                   <label for="pyes111">Yes</label></li>
                                                <li><input type="radio" id="pno111" value="">
                                                   <label for="pno111">No</label></li>
                                             </ul>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="row detail-form label-input align-items-center">
                                       <div class="col-md-4">
                                          <label>Registered for GST</label>
                                       </div>
                                       <div class="col-md-8">
                                          <div class="single-tittle">
                                             <ul class="age-title p-0">
                                                <li><input type="radio" id="pyes12" value="" checked="">
                                                   <label for="pyes12">Yes</label></li>
                                                <li><input type="radio" id="pno12" value="">
                                                   <label for="pno12">No</label></li>
                                             </ul>
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="userbank-detail">
                                    <h4 class="text-blue font-15 font-bold mb-20">Bank details </h4>
                                    <div class="row">
                                       <div class="col-md-6">
                                          <div class="form-group">
                                             <label class="text-blue">BSB</label>
                                             <input type="text" class="form-control full-brdrtxt" placeholder="000 000">
                                          </div>
                                       </div>
                                       <div class="col-md-6">
                                          <div class="form-group">
                                             <label class="text-blue">Account number</label>
                                             <input type="text" class="form-control full-brdrtxt" placeholder="00000000">
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="dayslabel-space">
                                    <div class="dayslabel-box">
                                       <h4 class="text-blue font-15 font-bold mb-3">Working hours</h4>
                                       <!-- <div class="row">
                                       <div class="col-md-3">
                                          <label class="text-blue">Day/s</label>
                                       </div>
                                       <div class="col-md-9">
                                          <div class="health-history-checkbox selectdays-dropdown mb-0">
                                             <ul>
                                                <li>
                                                   <div class="rdio rdio-primary radio-inline">
                                                      <input id="radio701" type="checkbox">
                                                      <label for="radio701">Mon</label>
                                                   </div>
                                                </li>
                                                <li>
                                                   <div class="rdio rdio-primary radio-inline">
                                                      <input id="radio711" type="checkbox">
                                                      <label for="radio711">Tue</label>
                                                   </div>
                                                </li>
                                                <li>
                                                   <div class="rdio rdio-primary radio-inline">
                                                      <input id="radio721" type="checkbox" checked="">
                                                      <label for="radio721">Wed</label>
                                                   </div>
                                                </li>
                                                <li>
                                                   <div class="rdio rdio-primary radio-inline">
                                                      <input id="radio731" type="checkbox">
                                                      <label for="radio731">Thur</label>
                                                   </div>
                                                </li>
                                                <li>
                                                   <div class="rdio rdio-primary radio-inline">
                                                      <input id="radio741" type="checkbox">
                                                      <label for="radio741">Fri</label>
                                                   </div>
                                                </li>
                                                <li>
                                                   <div class="rdio rdio-primary radio-inline">
                                                      <input id="radio751" type="checkbox">
                                                      <label for="radio751">Sat</label>
                                                   </div>
                                                </li>
                                                <li>
                                                   <div class="rdio rdio-primary radio-inline">
                                                      <input id="radio761" type="checkbox">
                                                      <label for="radio761">Sun</label>
                                                   </div>
                                                </li>
                                             </ul>
                                          </div>
                                       </div>
                                    </div> -->
                                       <div class="row">
                                          <div class="col-lg-4 col-md-4">
                                             <label class="text-blue">Trading Day/s</label>
                                          </div>
                                          <div class="col-lg-8 col-md-8 pl-xl-0">
                                             <div class="health-history-checkbox selectdays-dropdown mb-0 tradingdays">
                                                <ul>
                                                   <li>
                                                      <div class="rdio rdio-primary radio-inline">
                                                         <input id="radio701" type="checkbox">
                                                         <label for="radio701">Monday</label>
                                                      </div>
                                                   </li>
                                                   <li>
                                                      <div class="rdio rdio-primary radio-inline">
                                                         <input id="radio711" type="checkbox">
                                                         <label for="radio711">Tuesday</label>
                                                      </div>
                                                   </li>
                                                   <li>
                                                      <div class="rdio rdio-primary radio-inline">
                                                         <input id="radio721" type="checkbox" checked="">
                                                         <label for="radio721">Wednesday</label>
                                                      </div>
                                                   </li>
                                                   <li>
                                                      <div class="rdio rdio-primary radio-inline">
                                                         <input id="radio731" type="checkbox">
                                                         <label for="radio731">Thursday</label>
                                                      </div>
                                                   </li>
                                                   <li>
                                                      <div class="rdio rdio-primary radio-inline">
                                                         <input id="radio741" type="checkbox">
                                                         <label for="radio741">Friday</label>
                                                      </div>
                                                   </li>
                                                   <li>
                                                      <div class="rdio rdio-primary radio-inline">
                                                         <input id="radio751" type="checkbox">
                                                         <label for="radio751">Saturday</label>
                                                      </div>
                                                   </li>
                                                   <li>
                                                      <div class="rdio rdio-primary radio-inline">
                                                         <input id="radio761" type="checkbox">
                                                         <label for="radio761">Sunday</label>
                                                      </div>
                                                   </li>
                                                </ul>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="dayslabel-box">
                                       <h4 class="text-blue font-15 font-bold mb-3">Wednesday</h4>
                                       <div class="row label-input">
                                          <div class="col-md-4">
                                             <label>Hours:</label>
                                          </div>
                                          <div class="col-md-8">
                                             <div class="row">
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                                <div class="col-md-1 col-sm-1">
                                                   <span class="text-blue mtopnone">To:</span>
                                                </div>
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="dayslabel-box">
                                       <div class="row label-input">
                                          <div class="col-md-4">
                                             <label>Break Time:</label>
                                          </div>
                                          <div class="col-md-8">
                                             <div class="row">
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                                <div class="col-md-1 col-sm-1">
                                                   <span class="text-blue mtopnone">To:</span>
                                                </div>
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="dayslabel-box">
                                       <h4 class="text-blue font-15 font-bold mb-3">Thursday</h4>
                                       <div class="row label-input">
                                          <div class="col-md-4">
                                             <label>Hours:</label>
                                          </div>
                                          <div class="col-md-8">
                                             <div class="row">
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                                <div class="col-md-1 col-sm-1">
                                                   <span class="text-blue mtopnone">To:</span>
                                                </div>
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row label-input">
                                          <div class="col-md-4">
                                             <label>Break Time:</label>
                                          </div>
                                          <div class="col-md-8">
                                             <div class="row">
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                                <div class="col-md-1 col-sm-1">
                                                   <span class="text-blue mtopnone">To:</span>
                                                </div>
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="dayslabel-box">
                                       <h4 class="text-blue font-15 font-bold mb-3">Friday</h4>
                                       <div class="row label-input">
                                          <div class="col-md-4">
                                             <label>Hours:</label>
                                          </div>
                                          <div class="col-md-8">
                                             <div class="row">
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                                <div class="col-md-1 col-sm-1">
                                                   <span class="text-blue mtopnone">To:</span>
                                                </div>
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row label-input">
                                          <div class="col-md-4">
                                             <label>Break Time:</label>
                                          </div>
                                          <div class="col-md-8">
                                             <div class="row">
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                                <div class="col-md-1 col-sm-1">
                                                   <span class="text-blue mtopnone">To:</span>
                                                </div>
                                                <div class="col-md-5 col-sm-5">
                                                   <div class="form-group brdrfull">
                                                      <input type="password" class="form-control" placeholder="00:00 AM">
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="profileimgs-area">
                                    <h4 class="text-blue font-15 font-bold mb-3">Profile image</h4>
                                    <div class="label-input client-upload-file">
                                       <div class="row align-items-center">
                                          <div class="col-xl-7 col-lg-7">
                                             <div class="browse-img-area text-center profile_upload">
                                                <div class="browse-img">
                                                   <img src="{{asset('assets/images/upload-icon-g.png')}}" alt="" class="img-fluid">
                                                </div>
                                                <div class="drag-drop-text">
                                                   <p class="mb-0 font-15">Drag and drop files here </p>
                                                </div>
                                                <div class="text-or">
                                                   - or -
                                                </div>
                                                <div class="browse-file">
                                                   <input type="file" style="display: block !important;" accept="image/*" onchange="loadFileForAdmin(event)">
                                                   <input type="button" class="yellow-btn" value="Browse files" onclick="openfileDialog();">
                                                   <img class="output-img" />
                                                   <div class="pdfFile">
                                                      <img src="{{asset('assets/images/pdf-img.png')}}" alt="">
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>

                                 <div class="labeltop-inputarea">
                                    <h4 class="text-blue font-15 font-bold mb-3 mt-4">Password</h4>
                                    <div class="row label-input">
                                       <div class="col-md-4">
                                          <div class="labelspace">
                                             <label>Set password</label>
                                          </div>
                                       </div>
                                       <div class="col-md-7">
                                          <div class="form-group brdrfull">
                                             <input type="password" class="form-control text-left" placeholder="">
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>

                              <!-- Invite Yes Popup Start -->
                              <div class="appendDiv">

                              </div>
                              <!-- Invite No Popup End   -->

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


<!-- Add user modal end -->
<!-- U Information Modal Start -->
<!-- for service provider -->
<div class="test-results-area serviceProvidershow brdr-top pt-4 mt-3" style="display: none;">

   <div class="label-input">
      <div class="row align-items-center">
         <div class="col-lg-4 col-md-6">
            <label>Profession</label>
         </div>
         <div class="col-lg-8 col-md-6">
            <div class="form-group">
               <select name="profession" class="form-control">
                  @foreach($professions as $profession)
                  <option value={{$profession->id}}>{{$profession->name}}</option>
                  @endforeach
               </select>
               <!-- <input type="text" name="profession" class="form-control"> -->
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
      </div>
   </div>

   <div class="label-input">
      <div class="row align-items-center">
         <div class="col-lg-4 col-md-6">
            <label>Ph: Home</label>
         </div>
         <div class="col-lg-8 col-md-6">
            <div class="form-group">
               <input type="text" name="phone_home" class="form-control">
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
      </div>
   </div>

   <div class="label-input">
      <div class="row align-items-center">
         <div class="col-lg-4 col-md-6">
            <label>Ph: Work</label>
         </div>
         <div class="col-lg-8 col-md-6">
            <div class="form-group">
               <input type="text" name="phone_work" class="form-control">
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
      </div>
   </div>

   <div class="label-input">
      <div class="row align-items-center">
         <div class="col-lg-4 col-md-6">
            <label>Address</label>
         </div>
         <div class="col-lg-8 col-md-6">
            <div class="form-group">
               <input type="text" name="address" class="form-control google_address">
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
      </div>
   </div>

   <div class="label-input">
      <div class="row align-items-center">
         <div class="col-lg-4 col-md-6">
            <label>D.O.B.</label>
         </div>
         <div class="col-lg-8 col-md-6">
            <div class="form-group">
               <input type="date" name="dob" class="form-control">
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
      </div>
   </div>

   <!-- <div class="label-input">
      <div class="row align-items-center">
         <div class="col-lg-4 col-md-6">
            <label>Tax file number</label>
         </div>
         <div class="col-lg-8 col-md-6">
            <div class="form-group">
               <input type="text" name="tax_file_number" class="form-control">
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
      </div>
   </div> -->

   <div class="label-input">
      <div class="row align-items-center">
         <div class="col-lg-4 col-md-6">
            <label>ABN <span class="required_span">*</span></label>
         </div>
         <div class="col-lg-8 col-md-6">
            <div class="form-group">
               <input type="text" name="abn" class="form-control">
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
      </div>
   </div>


   <div class="userpermission-area mt-30 mb-40">
      <div class="row detail-form label-input align-items-center">
         <div class="col-md-4">
            <label>Indemnity insurance</label>
         </div>
         <div class="col-md-8">
            <div class="single-tittle">
               <ul class="age-title p-0">
                  <li><input type="radio" id="{{$unique = uniqid()}}" name="indemnity_insurance" value="1" checked="">
                     <label for="{{$unique}}">Yes</label></li>
                  <li><input type="radio" id="{{$unique = uniqid()}}" name="indemnity_insurance" value="0">
                     <label for="{{$unique}}">No</label></li>
               </ul>
            </div>
         </div>
      </div>
      <div class="row detail-form label-input align-items-center">
         <div class="col-md-4">
            <label>Registered for GST</label>
         </div>
         <div class="col-md-8">
            <div class="single-tittle">
               <ul class="age-title p-0">
                  <li><input type="radio" id="{{$unique = uniqid()}}" name="registered_for_gst" value="1" checked="checked">
                     <label for="{{$unique}}">Yes</label></li>
                  <li><input type="radio" id="{{$unique = uniqid()}}" name="registered_for_gst" value="0">
                     <label for="{{$unique}}">No</label></li>
               </ul>
            </div>
         </div>
      </div>
   </div>

   <div class="userbank-detail">
      <h4 class="text-blue font-15 font-bold mb-20">Bank details </h4>
      <div class="row">
         <div class="col-md-6">
            <div class="form-group">
               <label class="text-blue">BSB <span class="required_span">*</span></label>
               <input type="text" name="bsb" class="form-control full-brdrtxt" placeholder="000 000">
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
         <div class="col-md-6">
            <div class="form-group">
               <label class="text-blue">Account number
                  <span class="required_span">*</span></label>
               <input type="text" name="account_number" class="form-control full-brdrtxt" placeholder="00000000">
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
      </div>
   </div>


   <h4 class="text-blue font-15 font-bold mb-3">Working hours</h4>
   <div id="workingHoursDiv">

      <div class="label-input">
         <div class="row align-items-center">
            <div class="col-lg-4 col-md-6">
               <label>Location</label>
            </div>
            <div class="col-lg-8 col-md-6">
               <div class="form-group">
                  <select name="location[]" class="form-control">
                     <option value="">Select location</option>
                     @foreach($practitionerLocation as $location)
                     <option value={{$location->id}}>{{$location->name}}</option>
                     @endforeach
                  </select>
                  <!-- <input type="text" name="profession" class="form-control"> -->
               </div>
               <span class="invalid-feedback d-block"></span>
            </div>
         </div>
      </div>

      <div class="dayslabel-space daysDiv">
         <div class="label-input daysinline">


            <div class="row">
               <div class="col-lg-4 col-md-4">
                  <label class="text-blue">Trading Day/s</label>
               </div>
               <div class="col-lg-8 col-md-8 pl-xl-0">
                  <div class="health-history-checkbox selectdays-dropdown mb-0 tradingdays">
                     <ul 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>
         <div class="monday" style=display:none>
            <h4 class="ml-0 businesstitle mb-3">
               Monday</h4>
            <div class="label-input">
               <div class="row align-items-center">
                  <div class="col-lg-5 col-md-4">
                     <label>Hours:</label>
                  </div>
                  <div class="col-lg-7 col-md-8">
                     <div class="row">
                        <div class="col-lg-4 col-md-4">
                           <div class="form-group brdrfull">
                              <input type="text" class="form-control timepicker" name="monday_start_time[]" placeholder="00:00 AM">
                           </div>
                        </div>
                        <div class="col-lg-1 col-md-1">
                           <span class="text-blue">To:</span>
                        </div>
                        <div class="col-lg-4 col-md-4">
                           <div class="form-group brdrfull">
                              <input type="text" class="form-control timepicker" name="monday_end_time[]" placeholder="00:00 PM">
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="label-input">
               <div class="row align-items-center">
                  <div class="col-lg-5 col-md-4">
                     <label>Break time:</label>
                  </div>
                  <div class="col-lg-7 col-md-8">
                     <div class="row">
                        <div class="col-lg-4 col-md-4">
                           <div class="form-group brdrfull">
                              <input type="text" class="form-control timepicker" name="monday_break_start_time[]" placeholder="00:00 PM">
                           </div>
                        </div>
                        <div class="col-lg-1 col-md-1">
                           <span class="text-blue">To:</span>
                        </div>
                        <div class="col-lg-4 col-md-4">
                           <div class="form-group brdrfull">
                              <input type="text" class="form-control timepicker" name="monday_break_end_time[]" placeholder="00:00 PM">
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>

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

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

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

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

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

         <div class="sunday" style=display:none>
            <h4 class="ml-0 businesstitle mb-3">
               Sunday</h4>
            <div class="label-input">
               <div class="row align-items-center">
                  <div class="col-lg-5 col-md-4">
                     <label>Hours:</label>
                  </div>
                  <div class="col-lg-7 col-md-8">
                     <div class="row">
                        <div class="col-lg-4 col-md-4">
                           <div class="form-group brdrfull">
                              <input type="text" class="form-control timepicker" name="sunday_start_time[]" placeholder="00:00 AM">
                           </div>
                        </div>
                        <div class="col-lg-1 col-md-1">
                           <span class="text-blue">To:</span>
                        </div>
                        <div class="col-lg-4 col-md-4">
                           <div class="form-group brdrfull">
                              <input type="text" class="form-control timepicker" name="sunday_end_time[]" placeholder="00:00 PM">
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="label-input">
               <div class="row align-items-center">
                  <div class="col-lg-5 col-md-4">
                     <label>Break time:</label>
                  </div>
                  <div class="col-lg-7 col-md-8">
                     <div class="row">
                        <div class="col-lg-4 col-md-4">
                           <div class="form-group brdrfull">
                              <input type="text" class="form-control timepicker" name="sunday_break_start_time[]" placeholder="00:00 PM">
                           </div>
                        </div>
                        <div class="col-lg-1 col-md-1">
                           <span class="text-blue">To:</span>
                        </div>
                        <div class="col-lg-4 col-md-4">
                           <div class="form-group brdrfull">
                              <input type="text" class="form-control timepicker" name="sunday_break_end_time[]" placeholder="00:00 PM">
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>

   <div class="label-input">
      <div class="row align-items-center">
         <div class="col-lg-4">
            <label>Add another location?</label>
         </div>
         <div class="col-md-8">
            <div class="single-tittle">
               <ul class="age-title p-0">
                  <li><input type="radio" class="addNewLocation" id="addNewLocationYes" name="addNewLocation" value="1">
                     <label for="addNewLocationYes">Yes</label></li>
                  <li><input type="radio" class="addNewLocation" id="addNewLocationNo" name="addNewLocation" value="0">
                     <label for="addNewLocationNo">No</label></li>
               </ul>
            </div>
         </div>
      </div>
   </div>

   <div class="appendDivDays">

   </div>

   <div class="profileimgs-area">
      <h4 class="text-blue font-15 font-bold mb-3">Profile image</h4>
      <div class="label-input client-upload-file">
         <div class="row align-items-center">
            <div class="col-xl-7 col-lg-7">
               <div class="browse-img-area text-center profile_upload">
                  <div class="browse-img">
                     <img src="{{asset('assets/images/upload-icon-g.png')}}" alt="" class="img-fluid">
                  </div>
                  <div class="drag-drop-text">
                     <p class="mb-0 font-15">Drag and drop files here </p>
                  </div>
                  <div class="text-or">
                     - or -
                  </div>
                  <div class="browse-file">
                     <input type="file" style="display: block !important;" name="profile_picture" accept="image/*" onchange="loadFileForProvider(event)" id="browseimgForProvider">
                     <input type="button" class="yellow-btn" value="Browse files" onclick="openfileDialog();">
                     <img id="outputForProvider" class="output-img" />
                     <div class="pdfFile">
                        <img src="{{asset('assets/images/pdf-img.png')}}" alt="">
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>

   <div class="labeltop-inputarea">
      <h4 class="text-blue font-15 font-bold mb-3 mt-4">Password</h4>
      <div class="row label-input">
         <div class="col-md-4">
            <div class="labelspace">
               <label>Set password <span class="required_span">*</span></label>
            </div>
         </div>
         <div class="col-md-7">
            <div class="form-group brdrfull">
               <input type="password" name="password" class="form-control text-left" placeholder="">
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
      </div>
   </div>
   <div class="labeltop-inputarea">
      <h4 class="text-blue font-15 font-bold mb-3 mt-4">Send user notification</h4>
      <div class="row detail-form">
         <div class="col-md-6">
            <div class="labelspace">
               <label class="text-blue">Send the new user their account information</label>
            </div>
         </div>
         <div class="col-md-6">
            <div class="single-tittle">
               <ul class="age-title p-0">
                  <li><input type="radio" id="{{$unique = uniqid()}}" name="send_account_information" value="1" checked="true">
                     <label for="{{$unique}}">Yes</label></li>
                  <li><input type="radio" id="{{$unique = uniqid()}}" name="send_account_information" value="0">
                     <label for="{{$unique}}">No</label></li>
               </ul>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- Invite Yes Popup End   -->

<!-- Invite No Popup Start -->
<div class="test-results-area adminShow brdr-top pt-4 mt-3" style="display: none;">


   <!-- <div class="label-input">
      <div class="row align-items-center">
         <div class="col-lg-4 col-md-6">
            <label>Profession</label>
         </div>
         <div class="col-lg-8 col-md-6">
            <div class="form-group">
               <select name="profession" class="form-control">
                  @foreach($professions as $profession)
                  <option value={{$profession->id}}>{{$profession->name}}</option>
                  @endforeach
               </select>
               <input type="text" name="profession" class="form-control">
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
      </div>
   </div> -->

   <div class="label-input">
      <div class="row align-items-center">
         <div class="col-lg-4 col-md-6">
            <label>Ph: Home</label>
         </div>
         <div class="col-lg-8 col-md-6">
            <div class="form-group">
               <input type="text" name="phone_home" class="form-control">
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
      </div>
   </div>

   <div class="label-input">
      <div class="row align-items-center">
         <div class="col-lg-4 col-md-6">
            <label>Ph: Work</label>
         </div>
         <div class="col-lg-8 col-md-6">
            <div class="form-group">
               <input type="text" name="phone_work" class="form-control">
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
      </div>
   </div>

   <div class="label-input">
      <div class="row align-items-center">
         <div class="col-lg-4 col-md-6">
            <label>Address</label>
         </div>
         <div class="col-lg-8 col-md-6">
            <div class="form-group">
               <input type="text" name="address" class="form-control google_address">
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
      </div>
   </div>

   <div class="label-input">
      <div class="row align-items-center">
         <div class="col-lg-4 col-md-6">
            <label>D.O.B.</label>
         </div>
         <div class="col-lg-8 col-md-6">
            <div class="form-group">
               <input type="date" name="dob" class="form-control">
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
      </div>
   </div>

   <!-- <div class="label-input">
      <div class="row align-items-center">
         <div class="col-lg-4 col-md-6">
            <label>Tax file number</label>
         </div>
         <div class="col-lg-8 col-md-6">
            <div class="form-group">
               <input type="text" name="tax_file_number" class="form-control">
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
      </div>
   </div> -->

   <div class="label-input">
      <div class="row align-items-center">
         <div class="col-lg-4 col-md-6">
            <label>ABN <span class="required_span">*</span></label>
         </div>
         <div class="col-lg-8 col-md-6">
            <div class="form-group">
               <input type="text" name="abn" class="form-control">
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
      </div>
   </div>

   <div class="userpermission-area mt-30 mb-40">
      <div class="row detail-form label-input align-items-center">
         <div class="col-md-4">
            <label>Indemnity insurance</label>
         </div>
         <div class="col-md-8">
            <div class="single-tittle">
               <ul class="age-title p-0">
                  <li><input type="radio" id="{{$unique = uniqid()}}" name="indemnity_insurance" value="1" checked="">
                     <label for="{{$unique}}">Yes</label></li>
                  <li><input type="radio" id="{{$unique = uniqid()}}" name="indemnity_insurance" value="0">
                     <label for="{{$unique}}">No</label></li>
               </ul>
            </div>
         </div>
      </div>
      <div class="row detail-form label-input align-items-center">
         <div class="col-md-4">
            <label>Registered for GST</label>
         </div>
         <div class="col-md-8">
            <div class="single-tittle">
               <ul class="age-title p-0">
                  <li><input type="radio" id="{{$unique = uniqid()}}" name="registered_for_gst" value="1" checked="checked">
                     <label for="{{$unique}}">Yes</label></li>
                  <li><input type="radio" id="{{$unique = uniqid()}}" name="registered_for_gst" value="0">
                     <label for="{{$unique}}">No</label></li>
               </ul>
            </div>
         </div>
      </div>
   </div>

   <div class="userbank-detail">
      <h4 class="text-blue font-15 font-bold mb-20">Bank details </h4>
      <div class="row">
         <div class="col-md-6">
            <div class="form-group">
               <label class="text-blue">BSB <span class="required_span">*</span></label>
               <input type="text" name="bsb" class="form-control full-brdrtxt" placeholder="000 000">
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
         <div class="col-md-6">
            <div class="form-group">
               <label class="text-blue">Account number <span class="required_span">*</span></label>
               <input type="text" name="account_number" class="form-control full-brdrtxt" placeholder="00000000">
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
      </div>
   </div>
   <div class="profileimgs-area">
      <h4 class="text-blue font-15 font-bold mb-3">Profile image</h4>
      <div class="label-input client-upload-file">
         <div class="row align-items-center">
            <div class="col-xl-7 col-lg-7">
               <div class="browse-img-area text-center profile_upload">
                  <div class="browse-img">
                     <img src="{{asset('assets/images/upload-icon-g.png')}}" alt="" class="img-fluid">
                  </div>
                  <div class="drag-drop-text">
                     <p class="mb-0 font-15">Drag and drop files here </p>
                  </div>
                  <div class="text-or">
                     - or -
                  </div>
                  <div class="browse-file">
                     <input type="file" style="display: block !important;" name="profile_picture" accept="image/*" onchange="loadFileForAdmin(event)" id="browseimgForAdmin">
                     <input type="button" class="yellow-btn" value="Browse files" onclick="openfileDialog();">
                     <img id="outputForAdmin" class="output-img" />
                     <div class="pdfFile">
                        <img src="{{asset('assets/images/pdf-img.png')}}" alt="">
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>

   <div class="labeltop-inputarea">
      <h4 class="text-blue font-15 font-bold mb-3 mt-4">Password</h4>
      <div class="row label-input">
         <div class="col-md-4">
            <div class="labelspace">
               <label>Set password <span class="required_span">*</span></label>
            </div>
         </div>
         <div class="col-md-7">
            <div class="form-group brdrfull">
               <input type="password" name="password" class="form-control text-left" placeholder="">
            </div>
            <span class="invalid-feedback d-block"></span>
         </div>
      </div>
   </div>

   <div class="labeltop-inputarea">
      <h4 class="text-blue font-15 font-bold mb-3 mt-4">Send user notification</h4>
      <div class="row detail-form">
         <div class="col-md-6">
            <div class="labelspace">
               <label class="text-blue">Send the new user their account information</label>
            </div>
         </div>
         <div class="col-md-6">
            <div class="single-tittle">
               <ul class="age-title p-0">
                  <li><input type="radio" id="{{$unique = uniqid()}}" name="send_account_information" value="1" checked="true">
                     <label for="{{$unique}}">Yes</label></li>
                  <li><input type="radio" id="{{$unique = uniqid()}}" name="send_account_information" value="0">
                     <label for="{{$unique}}">No</label></li>
               </ul>
            </div>
         </div>
      </div>
   </div>
</div>


<div class="client-follow-popup login-modal settingwaitlist customscroll calenderinterval-modal customscroll clientabpopup businessdetails smsalison-modal" id="myclienthide">
   <div class="modal fade show" id="sendMessage" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel13">
      <div class="modal-dialog modal-dialog-centered" role="document">
         <div class="modal-content">
            <form action="{{route('practitioner.business.send_sms_to_provider')}}" method="POST">
               @csrf
               <div class="popup-marg">
                  <div class="modal-header">
                     <h5 class="modal-title text-center eagle-font" id="exampleModalLabel13">Send SMS message</h5>
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"><img src="{{asset('assets/images/close-img.png')}}" alt="" class="img-fluid"></span>
                     </button>
                  </div>
                  <div class="modal-body p-0">
                     <div class="mCustomScrollbar">
                        <div class="mt-30 customformcontrol-form">
                           <div class="form-group custom-textarea mb-1">
                              <input type="text" readonly="readonly" name="sendSmsProviderName" value="" placeholder="Enter name" class="form-control">
                              <input type="hidden" name="sendSmsProviderId" value="">
                           </div>
                           <div class="form-group custom-textarea mb-1">
                              <textarea name="newProviderMsg" class="newProviderMsg" rows='1' placeholder='Message' class="autoExpand"></textarea>
                           </div>
                           <div class="text-right light-grey sms_firsttext"> <span class="credit-btn-geo cursor-pointer"><img src="{{asset('assets/images/info-icon.png')}}" alt="" class="img-fluid info-icon"></span>
                           </div>
                           <div class="credit-box-geo">
                              <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>
                     </div>
                  </div>
                  <div class="modal-footer">
                     <div class="text-center">
                        <!-- <a href="#" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Send</a> -->
                        <button type="submit" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Send</button>
                     </div>
                  </div>
               </div>
            </form>
         </div>
      </div>
   </div>
</div>

<!--- Service Provider Popup Start ---->
<!-- <div class="todo-list-modal clientabpopup sentmodal closeaccountmodal modalserviceprovider">
   <div class="modal fade" id="modalserviceprovider" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
         <div class="modal-content mdashboard-client-followuparea">
            <div class="modal-header">
               <button type="button" class="close bttn-close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true"><img src='{{asset("assets/images/close-img.png")}}' alt="" class="img-fluid"></span>
               </button>
            </div>
            <div class="modal-body text-center">
               <div class="danger-img">
                  <img src='{{asset("assets/images/appointment-img.png")}}' alt="" class="img-fluid">
               </div>
               <h3 class="font-bold font-15 text-blue mb-20">You have used your 2 included calendars</h3>
               <div class="lisiting-text">
                  <ul>
                     <li>1. Lenny Bronx</li>
                     <li>2. Jennifer Friend</li>
                  </ul>
               </div>
               <div class="modalservice-text">
                  <h4>You can purchase calendars for an additional $11 p/m each or $99 p/m unlimited. </h4>
                  <p>How many calendars would you like to add?</p>
                  <div class="row justify-content-center">
                     <div class="col-2">
                        <div class="form-group marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                           <select id="mounth1" class="form-control selectboxli noboxshdw">
                              <option hidden>1</option>
                              <option>1</option>
                              <option>2</option>
                              <option>3</option>
                              <option>4</option>
                              <option>5</option>
                           </select>
                        </div>
                     </div>
                  </div>
                  <h6>Total monthly cost <span class="d-block">$36</span></h6>
               </div>
               <div class="text-center mt-30">
                  <a href="#" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0" data-toggle="modal" data-target="#calenderactive" data-dismiss="modal">Purchase</a>
               </div>
            </div>
         </div>
      </div>
   </div>
</div> -->
<!--- Service Provider Popup End   ---->

<!--- Calender Active Popup Start ---->
<div class="todo-list-modal clientabpopup sentmodal closeaccountmodal modalserviceprovider">
   <div class="modal fade" id="calenderactive" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
         <div class="modal-content mdashboard-client-followuparea">
            <div class="modal-header">
               <button type="button" class="close bttn-close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true"><img src='{{asset("assets/images/close-img.png")}}' alt="" class="img-fluid"></span>
               </button>
            </div>
            <div class="modal-body text-center">
               <div class="danger-img">
                  <img src='{{asset("assets/images/green-tick-circle.png")}}' alt="" class="img-fluid">
               </div>
               <h3 class="font-bold font-15 text-blue mb-20">3 calendars are now active</h3>
               <div class="modalservice-text">
                  <p>Your monthly fee will increase as of your next billing cycle.</p>
               </div>
               <div class="text-center mt-30">
                  <a href="#" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0">Ok</a>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<!--- Calender Active Popup End   ---->



@endsection

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

@endsection

@section('js')
<script>
   $(document).ready(function() {
         // $(".details-box-show").addClass('d-none');
         // $(".permission-box").addClass('d-none');
         // $(".payment-box").addClass('d-none');
         // $(".hours-box").addClass('d-none');

         $(".user-role-info").hover(function() {
            $(this).closest('div').find('.user-role-info-box').toggle();
         });

         $(".access_all_client_files").hover(function() {
            $(this).closest('div').find('.access_all_client_files_box').toggle();
         });


         $(".detail-box").hide();
         $(".permission-box").hide();
         $(".hours-box").hide();
         $(".payment-box").hide();

         // $(".yesmshow").click(function() {
         //    $(".serviceProvidershow").toggle();
         //    $(".adminShow").hide();
         // });

          $(".nomshowadmin").click(function() {

            $('.yesboxshow').addClass('hide');
            $(".adminShow").clone().attr('style', '').appendTo('.appendDivadmin');
                  $(".serviceProvidershow").hide();
          }

         );


        /* $(".nomshowsend").click(function() {

            $('.yesboxshow').addClass('hide');
            $(".adminShow").clone().attr('style', '').appendTo('.appendDiv');
                  $(".serviceProvidershow").hide();
          }

         );*/

         $(".nomshow").click(function() {
               $('.yesboxshow').addClass('hide');

               if ('service_provider' == 'service_provider' ||
                  $('input[name="role"]:checked').val() == 'both') {

                  if ($(".serviceProvidershow").length == 1) {
                     $(".serviceProvidershow").clone().attr('style', '').appendTo('.appendDiv');
                  }

                  // $(".serviceProvidershow").toggle();
                  $(".adminShow").hide();
               } else if ($('input[name="role"]:checked').val() == 'admin') {
                  $(".adminShow").clone().attr('style', '').appendTo('.appendDiv');
                  $(".serviceProvidershow").hide();
                  // $(".adminShow").toggle();
               }
            }

         );

         $(".yesmshow").click(function() {

            if ($('input[name="role"]:checked').val() == 'service_provider' ||
               $('input[name="role"]:checked').val() == 'both') {
               $('.professionHideShow').removeClass('hide');
            } else {
               $('.professionHideShow').addClass('hide');
            }

            $('.yesboxshow').removeClass('hide');
            $('.appendDiv').children('.adminShow').remove();
            $('.appendDiv').children('.serviceProvidershow').remove();
            //$(".adminShow").hide();        
            // $(".serviceProvidershow").hide();
         });

         $('.closeimg').on("click", function(e) {
            $('.user-detail-form').css('display', 'none');
         });

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

         $(".detailbox-show").click(function() {
            $(".permission-box").hide();
            $(".hours-box").hide();
            $(".payment-box").hide();
            var details = $(this).parent().parent().parent().parent().parent().parent().parent().parent().next().find(".detail-box");
            details.toggle();
            //details.toggleClass('d-block');
         });

         $(".permissionbox-show").click(function() {
               $(".detail-box").hide();
               $(".hours-box").hide();
               $(".payment-box").hide();
               var permission = $(this).parent().parent().parent().parent().parent().parent().parent().parent().next().find(".permission-box");
               permission.toggle();
               //permission.toggleClass('d-block');
            }

         );

         $(".hoursbox-show").click(function() {
            $(".permission-box").hide();
            $(".detail-box").hide();
            $(".payment-box").hide();
            var hours = $(this).parent().parent().parent().parent().parent().parent().parent().parent().next().find(".hours-box");
            hours.toggle();
            //hours.toggleClass('d-block');
         });

         $(".paymentbox-show").click(function() {
               $(".permission-box").hide();
               $(".detail-box").hide();
               $(".hours-box").hide();
               //$(".details-box-show")
               var payment = $(this).parent().parent().parent().parent().parent().parent().parent().parent().next().find(".payment-box");
               //payment.toggleClass('d-block');
               payment.toggle();
            }

         );
      }

   );

   // profile image upload for provider
   var loadFileForProvider = function(event) {
      var reader = new FileReader();
      reader.onload = function() {
         var output = document.getElementById('outputForProvider');
         output.src = reader.result;
         $('#outputForProvider').css({
            "background-color": "#ffffff"
         });
      };
      reader.readAsDataURL(event.target.files[0]);
   };

   $('#browseimgForProvider').on('change', function() {
      Object.values(this.files).forEach(function(file) {
         if (file.type == 'application/pdf') {
            $('.pdfFile').addClass('d-flex');
            $('#outputForProvider').addClass('d-none');
         } else {
            $('.pdfFile').removeClass('d-flex');
            $('#outputForProvider').removeClass('d-none');
         }
      })
   });

   // for admin
   var loadFileForAdmin = function(event) {
      var reader = new FileReader();
      reader.onload = function() {
         var output = document.getElementById('outputForAdmin');
         output.src = reader.result;
         $('#outputForAdmin').css({
            "background-color": "#ffffff"
         });
      };
      reader.readAsDataURL(event.target.files[0]);
      $('#outputForAdmin')[0].files[0].name;

   };

   $('#browseimgForAdmin').on('change', function() {
      Object.values(this.files).forEach(function(file) {
         if (file.type == 'application/pdf') {
            $('.pdfFile').addClass('d-flex');
            $('#outputForAdmin').addClass('d-none');
         } else {
            $('.pdfFile').removeClass('d-flex');
            $('#outputForAdmin').removeClass('d-none');
         }
      })
   });

   $(".details").submit(function(e) {
      e.preventDefault();
      $(".profile-form-error").hide();

      if ($(this).parsley().isValid()) {
         $.ajax({
               url: $(this).attr("action"),
               data: $(this).serialize(),
               type: 'POST',
            }

         ).done(function(response) {
            if (response.status == "success") {
               Swal.fire({

                  icon: response.status,
                  title: 'Success!',
                  text: response.msg,
                  showClass: {
                     popup: 'animate__animated animate__fadeInDown'
                  },
                  hideClass: {
                     popup: 'animate__animated animate__fadeOutUp'
                  }
               });
            } else {
               $.each(response.errors, function(key, value, i) {
                  var input = $('input[name=' + key + ']');
                  var parent = input.parent().next('.invalid-feedback').text(value[0]);
                  input.addClass('is-invalid');
               });
            }
         });
      }
   });

   $(".permission").submit(function(e) {
      e.preventDefault();
      $(".profile-form-error").hide();

      if ($(this).parsley().isValid()) {
         $.ajax({
               url: $(this).attr("action"),
               data: $(this).serialize(),
               type: 'POST',
            }

         ).done(function(response) {
            if (response.status == "success") {
               Swal.fire({

                     icon: response.status,
                     title: 'Success!',
                     text: response.msg,
                     showClass: {
                        popup: 'animate__animated animate__fadeInDown'
                     }

                     ,
                     hideClass: {
                        popup: 'animate__animated animate__fadeOutUp'
                     }
                  }

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

               );
            }
         });
      }
   });

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

   $(".storePractitoner").submit(function(e) {
      var selectedDays = new Array();
      // if ($(this).find('.be-select').length == 1) {
      //    $(this).find('.be-select').find("input").each(function(index) {
      //          if ($(this).is(":checked")) {
      //             selectedDays.push(1);
      //          } else {
      //             selectedDays.push(0);
      //          }
      //       }

      //    );
      // }

      console.log(selectedDays);

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

      e.preventDefault();
      $(".profile-form-error").hide();

      if ($(this).parsley().isValid()) {
         $.ajax({
            url: $(this).attr("action"),
            data: datas,
            type: 'POST',
            processData: false,
            contentType: false,
         }).done(function(response) {
            if (response.status == "success") {
               Swal.fire({
                  icon: response.status,
                  title: 'Sent!',
                  text: response.msg,
                  showClass: {
                     popup: 'animate__animated animate__fadeInDown'
                  },
                  hideClass: {
                     popup: 'animate__animated animate__fadeOutUp'
                  }
               });

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

   $("body").on('input', '.google_address1', function() {
         var input = $(this);

         var options = {
            types: ['geocode'] //    componentRestrictions: { country: 'uk' } //Turkey only
         }

         ;
         var autocomplete = new google.maps.places.Autocomplete(input[0]);

         google.maps.event.addListener(autocomplete, 'place_changed', function() {
               var place = autocomplete.getPlace();
               // $("#latitude").val(place.geometry.location.lat());
               // $("#longitude").val(place.geometry.location.lng());
            }

         );
      }

   );

   $("#add-user-modal").click(function() {
         $(".storePractitoner")[0].reset();
         $('.appendDiv').children('.adminShow').remove();
         $('.appendDiv').children('.serviceProvidershow').remove();
         $('#addUserModal').modal('show');
      }

   );

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

   $(document).on('click', '.be-select', function(event) {
         if (event.target.value == 'monday') {
            var monday = $(this).closest('div').parent().parent().parent().next();
            resetValue(monday, 'monday_');
         }

         if (event.target.value == 'tuesday') {
            var tuesday = $(this).closest('div').parent().parent().parent().next().next();
            resetValue(tuesday, 'tuesday_');
         }

         if (event.target.value == 'wednesday') {
            var wednesday = $(this).closest('div').parent().parent().parent().next().next().next();
            resetValue(wednesday, 'wednesday_');
         }

         if (event.target.value == 'thursday') {
            var thursday = $(this).closest('div').parent().parent().parent().next().next().next().next();
            resetValue(thursday, 'thursday_');
         }

         if (event.target.value == 'friday') {
            var friday = $(this).closest('div').parent().parent().parent().next().next().next().next().next();
            resetValue(friday, 'friday_');
         }

         if (event.target.value == 'saturday') {
            var saturday = $(this).closest('div').parent().parent().parent().next().next().next().next().next().next();
            resetValue(saturday, 'saturday_');
         }

         if (event.target.value == 'sunday') {
            var sunday = $(this).closest('div').parent().parent().parent().next().next().next().next().next().next().next();
            resetValue(sunday, 'sunday_');
         }
      }

   );

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

   $(document).on('click', '.addNewLocation', function(event) {
      var flag = 'ForAddUser';
      daysSelection($(this), flag);
   });

   $(document).on('click', '.addNewLocationForHoursDiv', function(event) {
      var flag = 'ForAddHours';
      daysSelection($(this), flag);
   });



   function daysSelection(_this, flag) {

      if (_this.val() == 1) {
         if (flag == 'ForAddUser') {
            var row = $('#workingHoursDiv').clone();
         } else {
            var row = $('#HoursDiv').clone();
         }
         row.find('input[type=checkbox]').prop('checked', false);
         row.find("input[name*='_time']").each(function(element) {
            $(this).parent().parent().parent().parent().parent().parent().parent().css('display', 'none')
            return $(this).val('12:00 AM');
         });

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

         if (flag == 'ForAddUser') {
            var row = $('#workingHoursDiv').clone();
            row.find('#workingHoursDiv').attr('id', '');
            $('.appendDivDays').append(row);
         } else {
            row.find('#HoursDiv').attr('id', '');
            $('.appendDivDaysInHoursDiv').append(row);
         }

      } else {
         if (flag == 'ForAddUser') {
            $("#workingHoursDiv:last-child").remove();
         } else {
            $("#HoursDiv:last-child").remove();
         }
      }
   };

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

   $(document).on('click', '.selectRole', function(event) {
      $('.appendDiv').children('.adminShow').remove();
      $('.appendDiv').children('.serviceProvidershow').remove();
      $('input:radio[name=send_invite]')[0].checked = true;

      if ($('input[name="role"]:checked').val() == 'service_provider' ||
         $('input[name="role"]:checked').val() == 'both') {
         $('.professionHideShow').removeClass('hide');
      } else {
         $('.professionHideShow').addClass('hide');
      }
   });

   //block user
   $(document).on('click', '.blockUser', function(event) {
      var row = $(this);
      var url = "{{route('practitioner.my_team.block_provider')}}";
      $(".loading").show();
      $.ajax({
         url: url,
         data: {
            id: $(this).data("id")
         },
         type: 'POST',
      }).done(function(response) {
         if (response.status == "success") {
            Swal.fire({
               icon: response.status,
               title: 'Success!',
               text: response.msg,
               showClass: {
                  popup: 'animate__animated animate__fadeInDown'
               },
               hideClass: {
                  popup: 'animate__animated animate__fadeOutUp'
               }
            });
         }

         if (response.data == "active") {
            var url = "{{asset('assets/images/block-icon.svg')}}";
            row.children().attr('src', url);
         } else {
            var url = "{{asset('assets/images/unlock.png')}}";
            row.children().attr('src', url);
         }


         $(".loading").hide();

      }).fail(function(error) {
         $(".loading").hide();
         alert('something went wrong error.');
      });
   });

   $(document).on('click', '.sendSmsToProvider', function() {
      $("input[name='sendSmsProviderName']").val($(this).data('clientname'));
      $("input[name='sendSmsProviderId']").val($(this).data('data'));
      $("#sendMessage").modal('show');
   });


   $(".newProviderMsg").on('input', function() {
      //console.log($(this).val().length);
      $(".sms_firsttext").text(countString($(this).val().length));
   });

   $(".notify_btn").hover(function() {
      $(".notify_toggle").toggle();
   });

   $(".client_access_file_btn").hover(function() {
      $(".client_access_file_toggle").toggle();
   });
</script>@endsection