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

{{-- {{Session::get('message', 'info')}} --}}

@section('content')

<style>
   .payment-page .card {
      max-width: 620px;
      padding: 30px 25px;
   }
   i.latpay-credit-card-brand {display: none !important;}
   ul.radioli {
      padding-left: 0px;
   }
   .radioli label {
      border: 1px solid #969696;
   }
 
    .label-input {
        margin-top: 30px;
    }
    .label-input .row {
        margin-bottom: 15px;
        align-items: center;
    }
   .radioli label:after{
      content: '';
      position: absolute;
      left: 14px;
      top: 10px;
      background: url(../images/blue_tick_icon.svg) no-repeat center center !important;
      width: 18px;
      height: 18px;
      display: none;
   }
   .check-tik input:checked~label:before {
      display: block;
      background: url(../images/blue_tick_icon.svg) no-repeat center center !important;
      min-height: 18px;
    border-radius: 9px;
      background-color: #ffffff;
      border: 0.5px solid #969696;
      margin-bottom: 15px;
   }
   .check-tik label {background-color: #ffffff;margin-bottom: 5px;padding: 3px 50px 5px 20px;min-height: 30px;}
   .check-tik label:before {
      content: '';
      position: absolute;
      right: 14px !important;
      top: 6px;
      left: auto;
   }
   .check-tik label:after {
      right: 14px;
      top: 6px;
      left: auto;
   }
   .check-tik {
      margin-bottom: 12px !important;
   }
   .bankdetails-area {margin-bottom:25px;}
   .select-custom-class span {
      margin-left: 0px;
      margin-bottom: 0px;
      font-size: 13px;
      letter-spacing: 0px;
      line-height: 15px;
      color: #24303f;
   }
   .select-custom-class .select2-selection__arrow {position: absolute !important;}
   .select-custom-class .select2-selection__arrow:after {top: 11px !important;right: 13px !important;}
   span.select2.select2-container.select2-container--default.select2-container--below {
      padding-left: 0px;
   }
   .select-custom-class .select2-selection__rendered {
    font-size: 13px;
   }
   .select-custom-class span.select2.select2-container.select2-container--default{padding-left: 0px;}
</style>

<div class="page-content dashboard-wrapper mdashboard-wrapper">
   <div class="row align-items-center d-none">
      <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> Dashboard</h1>
      </div>
      {{-- @include('front.inner-layout.header') --}}
   </div>
   <div class="container-fluid">
      <div class="row">
         <nav class="navbar navbar-light bg-light invoice-page-menu notes-menu w-100">
            <a class=" p-0" href="{{ url()->previous() }}"><img src="{{asset('assets/images/My Appointments back icon.svg')}}" alt="" class="img-flude" style="min-width: 40px"></a>
            <a class="navbar-brand p-0" href="{{ route('practitioner.plans') }}"><img src="{{asset('assets/images/MA Icon Colour.svg')}}" alt="" class="img-flude" style="min-width: 43px"></a>
            <h1 class="page-title eagle-font font-400">Activate <span class="arca-font">My</span> Payment Gateway</h1>
            <ul class="list-inline icons-listing mr-auto my-auto"></ul>
            <a href="{{Common::getLogoutLink()}}" class="btn  text-center">Logout</a>
         </nav>
      </div>
   </div>

   <div class="brdr-bttm"></div>
   <div class="payment-page find-myappoint">
      {{--<h2>Activate<b> My</b> Payment Gateway </h1>--}}
         <div class="card m-auto">
           <div class="whitecardbox">

            <p class="text-center text-blue">In order to activate your payment gateway, our payment
            partners Latpay require the following information.</p>
            <form id="addmydetailafter0planpage" method="POST" enctype="multipart/form-data" autocomplete="off">
               <input type="hidden" name="force_back" id="force_back" value="{{$force_back}}">
               <input type="hidden" name="prev_url" id="prev_url" value="{{ $getPrevUrl }}">
               <input type="hidden" name="tap_payment_flag" id="tap_payment_flag" value="{{Request::get('flag')}}">
               <input type="hidden" name="mail_tap_payment_flag" id="mail_tap_payment_flag" value="{{Request::get('flag')}}">

               <div class="pricing-area">

                  <div class="label-input">
                     <div class="row">
                        <div class="col-lg-5 col-md-6">
                           <label>Business name <span style="color:red;">*</span></label>
                        </div>
                        <div class="col-lg-7 col-md-6">
                           <div class="form-group">
                              <input type="text" class="form-control" name="name" value="{{$user->businessProfile->name ?? ''}}">
                           </div>
                           <span class="invalid-feedback d-block" id="div-name"></span>
                        </div>
                     </div>
                  </div>

                  <div class="label-input">
                     <div class="row">
                        <div class="col-lg-5 col-md-6">
                           <label>ABN <span style="color:red;">*</span></label>
                        </div>
                        <div class="col-lg-7 col-md-6">
                           <div class="form-group">
                              <input type="text" class="form-control numeric-only" name="abn" value="@isset($tappayform){{$tappayform->abn ?? ''}} @endisset">

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

                  <div class="label-input">
                     <div class="row">
                        <div class="col-lg-5 col-md-6">
                           <label>Type of entity <span style="color:red;">*</span> </label>
                        </div>
                        <div class="col-lg-7 col-md-6">
                           <div class="custom-dropdown form-group border-section">
                              <select class="custom-select custom-select-lg" name="type_of_entity_id">
                                 <option value="">Select</option>
                                 @foreach($entity as $e)
                                 <option value="{{$e->id}}">{{$e->name}}</option>
                                 @endforeach
                              </select>
                           </div>
                           <span class="invalid-feedback d-block" id="div-type_of_entity_id"></span>

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

                  <div class="label-input">
                     <div class="row">
                        <div class="col-lg-5 col-md-6">
                           <label>Owners first name <span style="color:red;">*</span></label>
                        </div>
                        <div class="col-lg-7 col-md-6">
                           <div class="form-group">
                              <input type="text" class="form-control" name="first_name" value="{{$user->first_name ?? ''}}">
                           </div>
                           <span class="invalid-feedback d-block" id="div-first_name"></span>
                        </div>
                     </div>
                  </div>
                  <!-- *****comment 29-11-2021 ronak***** -->
                  <!-- <div class="label-input">
                     <div class="row">
                        <div class="col-lg-5 col-md-6">
                           <label>Owners middle name <span style="color:red;">*</span></label>
                        </div>
                        <div class="col-lg-7 col-md-6">
                           <div class="form-group">
                              <input type="text" class="form-control" name="first_name" value="{{$user->first_name ?? ''}}">
                           </div>
                           <span class="invalid-feedback d-block" id="div-first_name"></span>
                        </div>
                     </div>
                  </div> -->
                  <!-- *****comment 29-11-2021 ronak***** -->
                  <div class="label-input">
                     <div class="row">
                        <div class="col-lg-5 col-md-6">
                           <label>Owners last name <span style="color:red;">*</span></label>
                        </div>
                        <div class="col-lg-7 col-md-6">
                           <div class="form-group">
                              <input type="text" class="form-control" name="last_name" value="{{$user->last_name ?? ''}}">
                           </div>
                           <span class="invalid-feedback d-block" id="div-last_name"></span>

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

                  <div class="label-input">
                     <div class="row">
                        <div class="col-lg-5 col-md-6">
                           <label>D.O.B. <span style="color:red;">*</span></label>
                        </div>
                        <div class="col-lg-7 col-md-6">
                           <div class="form-group datepicker no-brdr-radius" id="positiondatepicker">
                              <input  type="text" id="maskdatepicker" class="form-control" name="dob" @if(isset($user->personalProfile) && $user->personalProfile->dob !='') value="{{date('d/m/Y', strtotime($user->personalProfile->dob))}}" @endif>
                           </div>
                           <span class="invalid-feedback d-block" id="div-dob"></span>

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

                  <div class="label-input">
                     <div class="row">
                        <div class="col-lg-5 col-md-6">
                           <label>Email <span style="color:red;">*</span></label>
                        </div>
                        <div class="col-lg-7 col-md-6">
                           <div class="form-group">
                              <input type="text" class="form-control" name="email" value="{{$user->email ?? '' }}">
                           </div>
                           <span class="invalid-feedback d-block" id="div-email"></span>

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

                  <div class="label-input">
                     <div class="row">
                        <div class="col-lg-5 col-md-6">
                           <label>Mobile number <span style="color:red;">*</span></label>
                        </div>
                        <div class="col-lg-7 col-md-6">
                           <div class="form-group">
                              <input type="text" class="form-control" name="phone" value="{{$user->phone ?? ''}}">
                           </div>
                           <span class="invalid-feedback d-block" id="div-phone"></span>

                        </div>
                     </div>
                  </div>
                  <hr class="d-none" id="owner-seperator">
                  <div class="label-input" id="append25data">
                     <div class="row align-items-center">
                        <div class="col-lg-5 col-md-6">
                           <label>Are there any other owners of this business that have a
                              25% or more share? <span style="color:red;">*</span></label>
                        </div>
                        <div class="col-lg-7 col-md-6">
                           <!-- <ul class="radioli">
                              <li id="addOwner"><input type="radio" id="yes" class="25add" name="is_more_share" value="1" />
                                 <label for="yes">Yes</label>
                              </li>
                              <span class="invalid-feedback d-block"></span>

                              <li><input type="radio" id="no" name="is_more_share" value="0" />
                                 <label for="no">No</label>
                              </li>
                              <span class="invalid-feedback d-block"></span>
                           </ul> -->

                           <div class="row gstyn-txt age-title">
                              <div class=" col-4">
                                 <ul class="radioli">
                                    <li id="addOwner"><input type="radio" id="yes" class="25add" name="is_more_share" value="1" />
                                       <label for="yes">Yes</label>
                                    </li>
                                    <!-- <span class="invalid-feedback d-block"></span> -->
                                 </ul>
                              </div>
                              <div class=" col-4">
                                 <ul class="radioli">
                                    <li><input type="radio" id="no" name="is_more_share" class="remove_owner" value="0" />
                                       <label for="no">No</label>
                                    </li>
                                    <!-- <span class="invalid-feedback d-block"></span> -->
                                 </ul>
                              </div>
                              <span class="invalid-feedback d-block" id="div-is_more_share"></span>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div id="append25Div"></div>

                     <div class="label-input">
                        <div class="row align-items-center">
                           <div class="col-lg-5 col-md-6">
                              <label>GST registered <span style="color:red;">*</span></label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                              <div class="row gstyn-txt age-title">
                                 <div class=" col-4">
                                    <ul class="radioli">
                                       <li><input type="radio" id="yes1" name="registered_for_gst" value="1" />
                                          <label for="yes1">Yes</label>
                                       </li>
                                       <!-- <span class="invalid-feedback d-block"></span> -->
                                    </ul>
                                 </div>
                                 <div class="col-4">
                                    <ul class="radioli">
                                       <li><input type="radio" id="no1" name="registered_for_gst" value="0" />
                                          <label for="no1">No</label>
                                       </li>
                                       <!-- <span class="invalid-feedback d-block"></span> -->
                                    </ul>
                                 </div>
                                 <span class="invalid-feedback d-block" id="div-registered_for_gst"></span>
                              </div>
                              <!-- <ul class="radioli">
                                 <li><input type="radio" id="yes1" name="registered_for_gst" value="1" />
                                    <label for="yes1">Yes</label>
                                 </li>
                                 <span class="invalid-feedback d-block"></span>
                                 <li><input type="radio" id="no1" name="registered_for_gst" value="0" />
                                    <label for="no1">No</label>
                                 </li>
                                 <span class="invalid-feedback d-block"></span>
                              </ul> -->
                           </div>
                        </div>
                     </div>
                     <!-- add design in 25-05-2022 -->
                     <!-- <div class="label-input">
                        <div class="row">
                           <div class="col-lg-5 col-md-6">
                              <label>Business address line 1 <span style="color:red;">*</span></label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                              <div class="form-group">
                              <input type="hidden" class="form-control" name="latitude">
                              <input type="hidden" class="form-control" name="longitude">
                                 <input type="text" class="form-control google_address" name="address" value="{{$user->businessProfile->address ?? ''}}">
                              </div>
                              <span class="invalid-feedback d-block" id="div-address"></span>

                           </div>
                        </div>
                     </div>
                     <div class="label-input">
                        <div class="row">
                           <div class="col-lg-5 col-md-6">
                              <label>Business address line 2<span style="color:red;">*</span></label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                              <div class="form-group">
                              <input type="hidden" class="form-control" name="latitude">
                              <input type="hidden" class="form-control" name="longitude">
                                 <input type="text" class="form-control google_address" name="address" value="{{$user->businessProfile->address ?? ''}}">
                              </div>
                              <span class="invalid-feedback d-block" id="div-address"></span>

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

                     <div class="label-input">
                        <div class="row">
                           <div class="col-lg-5 col-md-6">
                              <label>Suburb <span style="color:red;">*</span></label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                              <div class="form-group">
                              <input type="hidden" class="form-control" name="latitude">
                              <input type="hidden" class="form-control" name="longitude">
                                 <input type="text" class="form-control " name="suburb" value="">
                              </div>
                              <span class="invalid-feedback d-block" ></span>

                           </div>
                        </div>
                     </div>
                     <div class="label-input">
                        <div class="row">
                           <div class="col-lg-5 col-md-6">
                              <label>State<span style="color:red;">*</span></label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                              <div class="form-group">
                              <input type="hidden" class="form-control" name="latitude">
                              <input type="hidden" class="form-control" name="longitude">
                                 <input type="text" class="form-control " name="state" value="">
                              </div>
                              <span class="invalid-feedback d-block" ></span>

                           </div>
                        </div>
                     </div>
                     <div class="label-input">
                        <div class="row">
                           <div class="col-lg-5 col-md-6">
                              <label>Postcode <span style="color:red;">*</span></label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                              <div class="form-group">
                              <input type="hidden" class="form-control" name="latitude">
                              <input type="hidden" class="form-control" name="longitude">
                                 <input type="text" class="form-control" name="postcode" value="">
                              </div>
                              <span class="invalid-feedback d-block"></span>

                           </div>
                        </div>
                     </div>
                     <div class="label-input">
                        <div class="row">
                           <div class="col-lg-5 col-md-6">
                              <label>Country<span style="color:red;">*</span></label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                              <div class="form-group">
                              <input type="hidden" class="form-control" name="latitude">
                              <input type="hidden" class="form-control" name="longitude">
                                 <input type="text" class="form-control" name="country" value="">
                              </div>
                              <span class="invalid-feedback d-block" ></span>

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

                     <!-- add design in 25-05-2022 -->

                     <div class="label-input">
                        <div class="row">
                           <div class="col-lg-5 col-md-6">
                              <label>Business address line 1<span style="color:red;">*</span></label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                              <div class="form-group">
                              <input type="hidden" class="form-control" name="latitude">
                              <input type="hidden" class="form-control" name="longitude">
                                 <input type="text" class="form-control google_address" name="address" value="{{$user->businessProfile->address != '' ? str_replace(',', '', $user->businessProfile->address) : ''}}">
                              </div>
                              <span class="invalid-feedback d-block" id="div-address"></span>

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

                   <div class="label-input">
                       <div class="row">
                           <div class="col-lg-5 col-md-6">
                               <label>Business address line 2</label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                               <div class="form-group">
                                   <input type="text" class="form-control" name="address2" value="{{$user->businessProfile->address_2 != '' ? str_replace(',', '', $user->businessProfile->address_2) : ''}}">
                               </div>
                               <span class="invalid-feedback d-block" id="div-address2"></span>

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

                   <div class="label-input">
                       <div class="row">
                           <div class="col-lg-5 col-md-6">
                               <label>Suburb</label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                               <div class="form-group">
                                   <input type="text" class="form-control" name="suburb" value="{{$user->businessProfile->suburb != '' ? str_replace(',', '', $user->businessProfile->suburb) : ''}}">
                               </div>
                               <span class="invalid-feedback d-block" id="div-suburb"></span>

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

                   <div class="label-input">
                       <div class="row">
                           <div class="col-lg-5 col-md-6">
                               <label>State</label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                               <div class="form-group">
                                   <input type="text" class="form-control" name="state" value="{{$user->businessProfile->state != '' ? str_replace(',', '', $user->businessProfile->state) : ''}}">
                               </div>
                               <span class="invalid-feedback d-block" id="div-state"></span>
                           </div>
                       </div>
                   </div>

                   <div class="label-input">
                       <div class="row">
                           <div class="col-lg-5 col-md-6">
                               <label>Country</label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                               <div class="form-group">
                                   <input type="text" class="form-control" name="country" value="{{$user->businessProfile->country != '' ? str_replace(',', '', $user->businessProfile->country) : ''}}">
                               </div>
                               <span class="invalid-feedback d-block" id="div-country"></span>
                           </div>
                       </div>
                   </div>

                   <div class="label-input">
                       <div class="row">
                           <div class="col-lg-5 col-md-6">
                               <label>Postcode</label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                               <div class="form-group">
                                   <input type="text" class="form-control" name="postcode" value="{{$user->businessProfile->postcode ?? ''}}">
                               </div>
                               <span class="invalid-feedback d-block" id="div-postcode"></span>
                           </div>
                       </div>
                   </div>

                     <div class="label-input">
                        <div class="row">
                           <div class="col-lg-5 col-md-6">
                              <label>Business phone number <span style="color:red;">*</span></label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                              <div class="form-group">
                                 <input type="text" class="form-control" name="office_phone" value="{{$user->businessProfile->office_phone ?? ''}}">
                              </div>
                              <span class="invalid-feedback d-block" id="div-office_phone"></span>

                           </div>
                        </div>
                     </div>
<!-- *****comment 29-11-2021 ronak***** -->
                     <!-- <div class="label-input">
                        <div class="row align-items-center">
                           <div class="col-lg-5 col-md-6">
                              <label>Do you work from more than one location? <span style="color:red;">*</span></label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                              <div class="row gstyn-txt age-title">
                                 <div class=" col-4">
                                    <ul class="radioli">
                                       <li><input type="radio"  id="wfmtol_yes1" class="26add" name="wfmt_one_location" value="1" />
                                          <label for="wfmtol_yes1">Yes</label>
                                       </li>
                                    </ul>
                                 </div>
                                 <div class="col-4">
                                    <ul class="radioli">
                                       <li><input type="radio" id="wfmtol_no1" name="wfmt_one_location" value="0" />
                                          <label for="wfmtol_no1">No</label>
                                       </li>
                                    </ul>
                                 </div>
                                 <span class="invalid-feedback d-block" id="div-registered_for_gst"></span>
                              </div>

                           </div>
                        </div>
                        <div id="append26Div"></div>
                     </div> -->
<!-- *****comment 29-11-2021 ronak***** -->
                     <div class="label-input">
                        <div class="row">
                           <div class="col-lg-5 col-md-6">
                              <label>Business email <span style="color:red;">*</span></label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                              <div class="form-group">
                                 <input type="text" class="form-control" name="bemail" value="{{$user->businessProfile->email ?? ''}}">
                              </div>
                              <span class="invalid-feedback d-block" id="div-bemail"></span>

                           </div>
                        </div>
                     </div>
                     <div class="label-input">
                        <div class="row align-items-center">
                           <div class="col-lg-5 col-md-6">
                              <label>Do you work from more than one location?</label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                              <div class="row gstyn-txt age-title">
                                 <div class=" col-4">
                                    <ul class="radioli">
                                       <li><input type="radio"  id="wfmtol_yes1" class="26add" name="wfmt_one_location" value="1" />
                                          <label for="wfmtol_yes1">Yes</label>
                                       </li>
                                    </ul>
                                 </div>
                                 <div class="col-4">
                                    <ul class="radioli">
                                       <li><input type="radio" id="wfmtol_no1" name="wfmt_one_location" value="0" />
                                          <label for="wfmtol_no1">No</label>
                                       </li>
                                    </ul>
                                 </div>
                                 <span class="invalid-feedback d-block" id="div-registered_for_gst"></span>
                              </div>

                           </div>
                        </div>
                        <div id="append26Div"></div>
                     </div>
                     @if((Request::get('flag') == base64_encode('tappaycharge')))
                        <div class="bankdetails-area">
                           <div class="" id="terminal_delivery_address">
                           <h3>Tap terminal delivery address</h3>
                           <div class="form-group  marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child select-arrow-none select-custom-class">
                              <select name="tap_address" id="tap_address" class="form-control single-select2 w-100 ">
                                 <option value="">Select Address</option>
                                 @foreach($addresses as $address)
                                 <option value="{{$address->id}}">
                                       {{$address->address}},
                                    @if(isset($address->address2))
                                       {{$address->address2}},
                                    @endif
                                    @if(isset($address->suburb) && $address->suburb != "-")
                                       {{$address->suburb}},
                                    @endif
                                    @if(isset($address->state) && $address->state != "-")
                                       {{$address->state}}, 
                                    @endif
                                    
                                    @if(isset($address->country) && $address->country != "-")
                                       {{$address->country}}
                                    @endif

                                 </option>
                                 @endforeach
                              </select>
                           </div>
                           <span id="address_filed" style="color:#f70e0e;"></span>
                           <p style="color:#457379; cursor:pointer;text-align:left;" id="add_delivery_address">Add a different delivery address</p>
                        </div>
                        
                        <div class="bankdetails-area" >
                           <div class="label-input d-none " id="delivery_address">
                              <div class="row">
                                 <div class="col-lg-5 col-md-6">
                                    <label>Address Line 1 <span style="color:red;">*</span></label>
                                 </div>
                                 <div class="col-lg-7 col-md-6">
                                    <div class="form-group">
                                       <input type="text" class="form-control google_address_tap_pay" name="tap_address_line1" id="tap_address_line1" >
                                    </div>
                                    <span class="invalid-feedback d-block" id="tap_address_line1_filed"></span>
                                 </div>
                              </div>
                              <div class="row">
                                 <div class="col-lg-5 col-md-6">
                                 <label>Address Line 2</label>
                                 </div>
                                 <div class="col-lg-7 col-md-6">
                                 <div class="form-group">
                                       <input type="text" class="form-control" name="tap_address_line2" >
                                 </div>

                                 </div>
                              </div>
                              <div class="row">
                                 <div class="col-lg-5 col-md-6">
                                 <label>Suburb</label>
                                 </div>
                                 <div class="col-lg-7 col-md-6">
                                 <div class="form-group">
                                       <input type="text" class="form-control" name="tap_suburb" >
                                 </div>

                                 </div>
                              </div>
                              <div class="row">
                                 <div class="col-lg-5 col-md-6">
                                 <label>State</label>
                                 </div>
                                 <div class="col-lg-7 col-md-6">
                                 <div class="form-group">
                                       <input type="text" class="form-control" name="tap_state" >
                                 </div>

                                 </div>
                              </div>
                              <div class="row">
                                 <div class="col-lg-5 col-md-6">
                                 <label>Postcode</label>
                                 </div>
                                 <div class="col-lg-7 col-md-6">
                                 <div class="form-group">
                                       <input type="text" class="form-control" name="tap_postcode" >
                                 </div>

                                 </div>
                              </div>
                              <div class="row">
                                 <div class="col-lg-5 col-md-6">
                                 <label>Country</label>
                                 </div>
                                 <div class="col-lg-7 col-md-6">
                                 <div class="form-group">
                                       <input type="text" class="form-control" name="tap_country" >
                                 </div>
                                 </div>
                              </div>
                           </div>

                     </div>
                    @endif
                     <div class="label-input">
                        <div class="row">
                           <div class="col-lg-5 col-md-6">
                              <label>Profession/s <span style="color:red;">*</span></label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                              <div class="marg-bttm online-dropdown select-dropdown avalable-drop mdetaildrop">
                                 <select multiple name="profession[]" class="form-control single-select2 profession" data-placeholder="Profession">
                                    <option></option>
                                    @foreach(@$professions as $profession)
                                    <option value="{{$profession->id}}"
                                        @if(in_array($profession->id,$professionAr))
                                        selected
                                         @endif
                                         >{{ucwords(@$profession->name)}}</option>
                                    @endforeach
                                 </select>
                              </div>

                              <span class="invalid-feedback d-block profession_err" id="div-profession"></span>

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

                     <div class="label-input">
                        <div class="row">
                           <div class="col-lg-5 col-md-6">
                              <label>Nature of business</label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                              <div class="form-group">
                                 <input type="text" class="form-control" name="about">
                              </div>
                              <span class="invalid-feedback d-block" id="div-about"></span>

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

                     <div class="label-input">
                        <div class="row">
                           <div class="col-lg-5 col-md-6">
                              <label>Association/s <span style="color:red;">*</span></label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                              <div class="marg-bttm online-dropdown select-dropdown avalable-drop mdetaildrop">
                                 <select multiple name="association_id[]" class="form-control single-select2 association_id" data-placeholder="Association">
                                    <option></option>
                                    @foreach(@$associations as $association)
                                    <option value="{{$association->id}}"
                                        @if(in_array($association->id,$associationIdArr))
                                        selected
                                         @endif
                                         >
                                        {{ucwords(@$association->name)}}</option>
                                    @endforeach
                                 </select>
                              </div>
                              <span class="invalid-feedback d-block association_id_err" id="div-association_id"></span>

                           </div>
                        </div>

                     </div>

                     <div class="label-input">
                        <div class="row">
                           <div class="col-lg-5 col-md-6">
                              <label>Website</label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                              <div class="form-group">
                                 <input type="text" class="form-control" name="website">
                              </div>
                              <span class="invalid-feedback d-block" id="div-website"></span>

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

                     <div class="label-input">
                        <div class="row align-items-center">
                           <div class="col-lg-5 col-md-6">
                              <label style="word-break: break-word;">Do you use social media in your business? <span style="color:red;">*</span></label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                              <div class="row gstyn-txt age-title">
                                 <div class="col-4">
                                    <ul class="radioli">
                                       <li id="socialmediabox"><input type="radio" id="yes2" name="is_social_media_business" value="1" />
                                          <label for="yes2">Yes</label>
                                       </li>
                                       <!-- <span class="invalid-feedback d-block"></span> -->
                                    </ul>
                                 </div>
                                 <div class="col-4">
                                    <ul class="radioli">
                                       <li id="removesocialmediabox"><input type="radio" id="no2" name="is_social_media_business" value="0" />
                                          <label for="no2">No</label>
                                       </li>
                                       <!-- <span class="invalid-feedback d-block"></span> -->
                                    </ul>
                                 </div>
                                 <span class="invalid-feedback d-block" id="div-is_social_media_business"></span>
                              </div>

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

                     <div class="label-input" id="socialmediashow">
                        <div class="row">
                           <div class="col-lg-5 col-md-6">
                              <label>Please provide a link to at least one </label>
                           </div>
                           <div class="col-lg-7 col-md-6">
                              <ul class="socialmedia-li">
                                 <li>
                                    <div class="form-group">
                                       <input type="text" class="form-control" placeholder="Facebook" name="facebook_link" id="facebook_link">
                                       <span><i class="fa fa-facebook" aria-hidden="true"></i></span>
                                    </div>
                                    <span class="invalid-feedback d-block" id="div-facebook_link"></span>
                                 </li>
                                 <li>
                                    <div class="form-group">
                                       <input type="text" class="form-control" placeholder="Instagram" name="instragram_link" id="instragram_link">
                                       <span><i class="fa fa-instagram" aria-hidden="true"></i></span>
                                    </div>
                                    <span class="invalid-feedback d-block" id="div-instragram_link"></span>
                                 </li>
                                 <li>
                                    <div class="form-group">
                                       <input type="text" class="form-control" placeholder="Linkedin" name="linkedin_link" id="linkedin_link">
                                       <span><i class="fa fa-linkedin" aria-hidden="true"></i></span>
                                    </div>
                                    <span class="invalid-feedback d-block" id="div-linkedin_link"></span>
                                 </li>
                                 <span style="color:red" id="div-socialmedia"></span>
                              </ul>
                             
                           </div>
                        </div>
                     </div>

                     {{-- <div class="bankdetails-area">
                        <h3>Payment Processing</h3>
                        <div class="check-tik">
                           <input type="checkbox" class="d-none" id="in-person-check_10">
                           <label class="text-navy" for="in-person-check_10">Online Payment Processing - no terminal required</label>
                           
                        </div>

                        <div class="check-tik">
                           <input type="checkbox" class="d-none" id="in-person-check_11">
                           <label class="text-navy payment_model" for="in-person-check_11">Tap machine $68 (inc GST & shipping) for fast on the spot payments</label>
                           
                        </div>

                        <div class="check-tik">
                           <input type="checkbox" class="d-none" id="in-person-check_12">
                           <label class="text-navy" for="in-person-check_12">Payment processing for products you sell on your website</label>
                           
                        </div>
                     </div> --}}

                     {{-- {{dd($addresses)}} --}}
                     {{-- <div class="bankdetails-area">
                        <h3>Tap terminal delivery address</h3>
                        <div class="form-group  marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child select-arrow-none select-custom-class">
                           <select name="address" id="address" class="form-control single-select2 w-100 ">
                              <option>Select Address</option>
                              @foreach(@$addresses as $address)
                              <option value="{{$address->id}}">
                                    {{$address->address}},
                                 @if(isset($address->address2))
                                    {{$address->address2}},
                                 @endif
                                 @if(isset($address->suburb) && $address->suburb != "-")
                                    {{$address->suburb}},
                                 @endif
                                 @if(isset($address->state) && $address->state != "-")
                                    {{$address->state}}, 
                                 @endif
                                 
                                 @if(isset($address->country) && $address->country != "-")
                                    {{$address->country}}
                                 @endif

                              </option>
                              @endforeach
                           </select>
                       </div>
                        <p style="color:#457379; cursor:pointer;" id="add_delivery_address">Add a different delivery address</p>
                        <div id="delivery_address" class="label-input d-none">
                           <div class="row">
                              <div class="col-lg-5 col-md-6">
                                 <label>Address line 1 <span style="color:red;">*</span></label>
                              </div>
                              <div class="col-lg-7 col-md-6">
                                 <div class="form-group">
                                    <input type="text" class="form-control" name="office_phone1">
                                 </div>
                              </div>
                           </div>
   
                           <div class="label-input">
                              <div class="row">
                                 <div class="col-lg-5 col-md-6">
                                    <label>Address line 2 <span style="color:red;">*</span></label>
                                 </div>
                                 <div class="col-lg-7 col-md-6">
                                    <div class="form-group">
                                       <input type="text" class="form-control" name="office_phone1">
                                    </div>
                                    <span class="invalid-feedback d-block" id="div-office_phone1"></span>
      
                                 </div>
                              </div>
                           </div>
   
                           <div class="label-input">
                              <div class="row">
                                 <div class="col-lg-5 col-md-6">
                                    <label>Suburb <span style="color:red;">*</span></label>
                                 </div>
                                 <div class="col-lg-7 col-md-6">
                                    <div class="form-group">
                                       <input type="text" class="form-control" name="office_phone1">
                                    </div>
                                    <span class="invalid-feedback d-block" id="div-office_phone1"></span>
      
                                 </div>
                              </div>
                           </div>
   
                           <div class="label-input">
                              <div class="row">
                                 <div class="col-lg-5 col-md-6">
                                    <label>State<span style="color:red;">*</span></label>
                                 </div>
                                 <div class="col-lg-7 col-md-6">
                                    <div class="form-group">
                                       <input type="text" class="form-control" name="office_phone1">
                                    </div>
                                    <span class="invalid-feedback d-block" id="div-office_phone1"></span>
      
                                 </div>
                              </div>
                           </div>
   
                           <div class="label-input">
                              <div class="row">
                                 <div class="col-lg-5 col-md-6">
                                    <label>Postcode<span style="color:red;">*</span></label>
                                 </div>
                                 <div class="col-lg-7 col-md-6">
                                    <div class="form-group">
                                       <input type="text" class="form-control" name="office_phone1">
                                    </div>
                                    <span class="invalid-feedback d-block" id="div-office_phone1"></span>
      
                                 </div>
                              </div>
                           </div>
   
                           <div class="label-input">
                              <div class="row">
                                 <div class="col-lg-5 col-md-6">
                                    <label>Country<span style="color:red;">*</span></label>
                                 </div>
                                 <div class="col-lg-7 col-md-6">
                                    <div class="form-group">
                                       <input type="text" class="form-control" name="office_phone1">
                                    </div>
                                    <span class="invalid-feedback d-block" id="div-office_phone1"></span>
      
                                 </div>
                              </div>
                           </div>
                        </div>

                     </div> --}}

                     <div class="bankdetails-area">
                        <h3>Bank Details</h3>
                        <p class="mb-4">Account where you would like funds deposited (must be in
                        name of owner or business).</p>
                        <div class="label-input">
                           <div class="row">
                              <div class="col-lg-5 col-md-6">
                                 <label>Account name <span style="color:red;">*</span></label>
                              </div>
                              <div class="col-lg-7 col-md-6">
                                 <div class="form-group">
                                    <input type="text" class="form-control" name="account_name" >
                                 </div>
                                 <span class="invalid-feedback d-block" id="div-account_name"></span>

                              </div>
                           </div>
                        </div>
                        <div class="label-input brdrfull">
                           <div class="row align-items-center">
                              <div class="col-lg-5 col-md-6">
                                 <label>BSB <span style="color:red;">*</span></label>
                              </div>
                              <div class="col-lg-7 col-md-6">
                                 <div class="form-group border-0">
                                    <input type="text" class="form-control numeric-only" placeholder="000 000" name="bsb" style="max-width: 243px;border-radius: 5px; background-color: #ffffff;border: 0.5px solid #969696;">
                                 </div>
                                 <span class="invalid-feedback d-block" id="div-bsb"></span>
                              </div>
                           </div>
                        </div>
                        <div class="label-input brdrfull">
                           <div class="row align-items-center">
                              <div class="col-lg-5 col-md-6">
                                 <label>Account number <span style="color:red;">*</span></label>
                              </div>
                              <div class="col-lg-7 col-md-6">
                                 <div class="form-group border-0">
                                    <input type="text" class="form-control numeric-only" placeholder="00000000" name="account_number" style="max-width: 243px;border-radius: 5px; background-color: #ffffff;border: 0.5px solid #969696;">
                                 </div>
                                 <span class="invalid-feedback d-block" id="div-account_number"></span>
                              </div>
                           </div>
                        </div>
                     </div>

                     <div class="label-input">
                        <div class="row align-items-center">
                           <div class="col-lg-5 col-md-6">
                              <label>Deposit funds frequency <span style="color:red;">*</span>
                                 <span class="tooltip">
                                    <span><img src="{{asset('assets/images/bg-info-icon-black.png')}}" alt="" alt="" class="img-fluid w-12"></span>
                                    <span class="tooltiptext">
                                       <div class="media">
                                          <img src="{{asset('assets/images/bg-info-icon-black.png')}}" class="align-self-start mr-2 w-12" alt="...">
                                          <div class="media-body">
                                             <h5 class="mt-0 text-left">The frequency you would like payments you process (minus transaction fees) deposited into your nominated bank account. A 25c fee will apply with each deposit.</h5>
                                          </div>
                                       </div>
                                    </span>
                                 </span>
                              </label>
                              <div class="send-client-box-geo">
                                 <div class="media">
                                    <img src="images/info-icon.png" class="align-self-start mr-2 w-12" alt="...">
                                    <div class="media-body">
                                       <h5 class="mt-0 text-left">Adds clients to your 'overdue appointments' list when
                                       they have not visited for an appointment in the specified time.</h5>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="col-lg-7 col-md-6 age-title">
                              <ul class="radioli mb-xl-0">
                                 <li><input type="radio" id="daily" name="deposit_funds_frequency" value="Daily" />
                                    <label for="daily">Daily</label>
                                 </li>
                                 <li><input type="radio" id="weekly" name="deposit_funds_frequency" value="Weekly" />
                                    <label for="weekly">Weekly</label>
                                 </li>
                                 <span class="invalid-feedback d-block" id="div-deposit_funds_frequency"></span>

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

                     <div class="bankdetails-area">
                        <h3>Proof of identity</h3>
                        <p class="mb-4">In order to activate your in-built payment gateway, our
                        payment partners require you to provide proof of identity.</p>
                        <div class="label-input">
                           <div class="row align-items-center">
                              <div class="col-lg-7 col-md-7">
                                 <label>Owners drivers licence <label class="d-block"> *Front & back required</label></label>
                              </div>

                              <div class="col-lg-3 col-md-3">
                                 <div class="greenradio cgreenradio">
                                    <div class="custom-control custom-checkbox">
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>

                     <div class="row">
                        <div class="col-lg-6 col-md-6">
                           <div class="label-input">
                              <div class="file-upload3">
                                 <div class="image-upload-wrap3">
                                    <input class="file-upload-input3" type='file' onchange="readURLowner(this);" accept="image/*" name="owner_f_photo" id="owner_f_photo" />
                                    <div class="drag-text">
                                       <img src="{{asset('assets/images/upload-icon-g.png')}}" alt="" class="img-fluid browsebox">
                                       <h3>Drag and drop image here </h3>
                                       <span class="d-block textor">- or -</span>
                                    </div>

                                    <button class="file-upload-btn btn-transp" type="button" onclick="$('.file-upload-input3').trigger( 'click' )">Browse files</button>
                                 </div>
                                 <span class="invalid-feedback d-block" id="div-owner_f_photo"></span>

                                 <div class="file-upload-content3">
                                    <img class="file-upload-image3" src="#" alt="your image" />
                                    <input type="hidden" id="o_front_photo" name="o_front_photo" value="">
                                    <div class="image-title-wrap3">
                                       <button type="button" onclick="removeUploadowner()" class="remove-image3 remove-pic-text">Remove </button>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="col-lg-6 col-md-6">
                           <div class="label-input">
                              <div class="file-upload4">
                                 <div class="image-upload-wrap4">
                                    <input class="file-upload-input4" type='file' onchange="readURLowner1(this)" accept="image/*" name="owner_b_photo" id="owner_b_photo" />
                                    <div class="drag-text">
                                       <img src="{{asset('assets/images/upload-icon-g.png')}}" alt="" class="img-fluid browsebox">
                                       <h3>Drag and drop image here </h3>
                                       <span class="d-block textor">- or -</span>
                                    </div>
                                    <button class="file-upload-btn btn-transp" type="button" onclick="$('.file-upload-input4').trigger( 'click' )">Browse
                                    files</button>
                                 </div>
                                 <span class="invalid-feedback d-block" id="div-owner_b_photo"></span>
                                 <div class="file-upload-content4">
                                    <img class="file-upload-image4" src="#" alt="your image" />
                                    <input type="hidden" id="o_back_photo" name="o_back_photo" value="">
                                    <div class="image-title-wrap4">
                                       <button type="button" onclick="removeUploadowner1()" class="remove-image4 remove-pic-text">Remove </button>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>

                     <!--- Upload div start --->
                     <!--- Upload div end --->

                     <div id="addmoreon25add">
                        <!-- <div class="label-input">
                           <div class="row align-items-center">
                              <div class="col-lg-5 col-md-6">
                                 <label>Second owner’s drivers licence
                                 *Front & back required</label>
                              </div>
                              <div class="col-lg-7 col-md-6">
                                 <button type="button" class="cursor-pointer btn-transp" id="fileupload">Upload</button>
                              </div>
                           </div>
                        </div> -->
                     </div>

                     <!-- <p class="mt-5">Proof of association membership</p> -->
                     <div class="acceptance-area mt-3">
                        <h3 class="">Acceptance</h3>
                        <p>I accept Latpay’s <a class="d-greentxt" target="new" href="https://www.latpay.com/terms-condition/">Terms and Conditions.</a> </p>
                        <div class="label-input brdrfull mb-0">
                           <div class="row align-items-center accepttxt">
                              <div class="col-lg-7 col-md-6">
                                 <div class="form-group" style="border-bottom:none">
                                    <label>Name <span style="color:red;">*</span></label>
                                    <input type="text" class="form-control" style="color:#24303f" placeholder="Type full name" name="acceptance_name">
                                 </div>
                                 <span class="invalid-feedback d-block" id="div-acceptance_name"></span>
                              </div>
                              <div class="col-lg-5 col-md-6">
                                 <label>I accept</label>
                                 <ul class="nav radioli mb-0">
                                    <li><input type="radio" id="yes5" name="is_accept_acceptance" value="1" />
                                       <label for="yes5">Yes</label>
                                    </li>
                                    <!-- <li class="cursor-pointer" data-toggle="modal" data-target="#acceptancereq">
                                       <input type="radio" id="no5" name="is_accept_acceptance" value="0" />
                                       <label for="no5">No</label>
                                    </li> -->
                                    <span class="invalid-feedback d-block" id="div-is_accept_acceptance"></span>
                                 </ul>
                              </div>
                           </div>
                        </div>
                     </div>

                     <div class="form-gruop">
                     
                        @if(Request::get('flag') != '')
                           <button class="btn  text-center btn-block form-control tap_pay_submit" >Continue</button>
                        @else
                           <button class="btn  text-center btn-block form-control tap_pay_submit" >Continue</button>
                        @endif
                  
                     </div>
                  </div>
               </div>
            </div>
         </div>



   <!-- $25 after latpay payment model start -->
   <div class="payment-getway-model">
      <div class="modal fade show" id="payment-getway-model" tabindex="-1" role="dialog">
         <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
               <div class="popup-marg">
                  <div class="modal-header row">
                     <h5 class="europa-font-mend modal-title text-center col-12 afterPaymentPopUpTitle" id="exampleModalLabel2">Thank you</h5>
                     <div class="img col-12 text-center">
                        <img src="{{asset('assets/images/thumbs-up-icon.svg')}}" alt="" class="img-fluid img-thums text-center" />
                     </div>
                  </div>
                  <div class="modal-body p-0 text-center europa-font-mend" id="afterPaymentPopUpText"></div>
                  <div class="modal-footer justify-content-center">
                     <a href="" id="afterPaymentPopUpBtn" class="cursor-pointer d-g-btn europa-font-mend">Next</a>
                     <!-- <button type="submit" class="cursor-pointer d-g-btn " data-toggle="modal" data-target="#accountactivemodal" data-dismiss="modal">Next</button> -->
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <!-- $25 after latpay payment model end -->
{{-- payment model start --}}
<div class=" login-modal clientintakeModal customscroll clientabpopup invoicemodal">
    <div class="modal fade AddCardModalPopup" id="PayNowForCaledarPurchaseModal" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="popup-marg">
             <form id="newform">
             </form>
            <!-- <div class="modal-header">
              <h5 class="modal-title text-center eagle-font paytitle ">Pay today</h5>
            </div> -->
            {{-- <button type="button" class="close" data-dismiss="modal" aria-label="Close" id="close_button">
              <span aria-hidden="true"><img src='{{asset("assets/images/close-img.png")}}' alt="" class="img-fluid"></span>
            </button> --}}
            <div class="modal-body">
              <form id="paid_plan_latpay_froms">
                <div id="payment-meth-main" class="">
                  <div class="shipping-method-area comm-form">
                    <div class="payment-meth-box" id="display_amount">
                      <p class="payment-amount"></p>
                    </div>

                      <!--<hr class="payment_hr" />-->

                    <p class="hidewhennomerchantid" id="payment_text">Once off terminal charge. Your terminal will be sent to your nominated address. </p>

                    <input type="hidden" name="payment_option_type" value="">
                    <div class="payment-card-main" style="display:none" id="ifNoCardFound">
                      <input type="hidden" name="paid_amount" id="paid_amount" value="">
                      <input type="hidden" name="isSubscribed" id="isSubscribed" value="0">
                      <input type="hidden" name="paybleAmount" id="paybleAmount" value="">
                      <input type="hidden" name="latpayAmount" id="latpayAmount" value="">
                      <input type="hidden" name="tap_pay_charge" id="tap_pay_charge" value="0">
                      <input type="hidden" name="latpayUserFirstName" value="{{ $practitioner->first_name }}">
                      <input type="hidden" name="latpayUserLastName" value="{{ $practitioner->last_name }}">
                      <input type="hidden" name="latpayUserEmail" value="{{ $practitioner->email }}">
                      <input type="hidden" name="merchant_id" value="{{ $settings->merchant_id }}">
                      <input type="hidden" name="merchant_password" value="{{ $settings->merchant_password }}">
                      <input type="hidden" name="merchant_public_key" value="{{ $settings->merchant_public_key }}">
                      <input type="hidden" name="cardHolderName" value="{{ $practitioner->first_name.' '.$practitioner->last_name }}">
                      <input type="hidden" name="practitioner_id" value="{{ $practitioner->id }}">
                      @csrf
                      <div id="latpay-element"> </div>
                      <center><input style="display: none;" type="submit" id="button-confirm" class="btn btn-success" value="Pay"></center>
                    </div>

                    <div class="choose-saved-card" style="display:none" id="ifCardFound">
                      <p class="removeforinvoice">Choose payment method</p>
                      <div id="appendPaymentCard"></div>
                    </div>

                    <div id="custom-store-label" class="showwheninvoice hidewheninvoice save_card_primary d-none" >
                      <input type="hidden" name="forClientadd" />
                      <input type="hidden" name="forClientid" />
                      <input type="checkbox" class="custom-control-input" name="save_card_primary" value="1" id="save_card_primary1" checked>
                      <label class="custom-control-label " for="save_card_primary1">Save card for faster payment next time?</label>
                    </div>

                    <a href="#" class="addNewCartForSubscription add-new-cart-link" role="button">Add a new card</a>
                    
                  </div>
                </div>
              </form>
            </div>
            <div class="modal-footer">
              <button id="PaymentButton" type="button" class=" mt-0 btn-fill cursor-pointer w-100 d-block">Process payment</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


</div>

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

@endsection

@section('modals')




@endsection

@section('css')
<style>
#main-section{
   display: none;
}
.navbar {
    padding: 0rem 1rem;
}

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

.welcome-page-menu a.btn{
   color: #457379;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0px 20px 0px;
}
.welcome-page-menu a.navbar-brand img {
    max-width: 49px;
    margin: 8px 20px;
}

</style>
@endsection
@section('js')

<script src="https://lateralpayments.com/checkout/scripts/latpay2.js"></script>

<script>
 
   $(document).ready(function() {
 
      var userdata = @json($user);
      if(userdata.personal_profile.back_photo){
          $('.image-upload-wrap4').hide();
         $('.file-upload-image4').attr('src', '{{asset("storage")}}'+ '/' +userdata.personal_profile.back_photo);
         $("#o_back_photo").val(userdata.personal_profile.back_photo);
         $('.file-upload-content4').show();
      }
      if(userdata.personal_profile.front_photo){
         $('.image-upload-wrap3').hide();
         $('.file-upload-image3').attr('src', '{{asset("storage")}}'+ '/' +userdata.personal_profile.front_photo);
         $("#o_front_photo").val(userdata.personal_profile.front_photo);
         $('.file-upload-content3').show();
      }
      $("#socialmediabox").click(function() {
         $("#socialmediashow").show();
      });
   });
   /* 31-05-2021 Jaypal Raj */
   var cnt_more_fld = 0;
   /* 31-05-2021 Jaypal Raj */
   $(".25add").on('click', function(e) {
      var ownername = $("#append25Div").find('.removeonclick').length == 0 ? 'Second' : $("#append25Div").find('.removeonclick').length == 1 ? 'Third' : $("#append25Div").find('.removeonclick').length == 2 ? 'Fourth' : '';
      if ($("#append25Div").find('.removeonclick').length < 3) {

         if( $("#append25Div").find('.removeonclick').length >= 0 ) {
            $("#owner-seperator").removeClass('d-none');
         }

         var dateParent = ownername + '_dobdatepicker123';
         var date_of_brith = ownername + '_dobdatepicker';
         // <i class="fa fa-remove"></i>
         $("#append25Div").append('<div class="removeonclick remove_section_owner mt-10"><a class="removeThisOwner cursor-pointer" data-id="'+cnt_more_fld+'" style="float:right;color:#45747a !important"></a><input type="hidden" name="partner_id[]" value=""><div class="label-input"><div class="row"><div class="col-lg-5 col-md-6"><label>' + ownername + ' Owners first name</label></div><div class="col-lg-7 col-md-6"><div class="form-group"><input type="text" class="form-control" name="first_name1[]"></div><span class="invalid-feedback d-block" id="div-first_name1_'+cnt_more_fld+'"></span></div></div></div><div class="label-input"><div class="row"><div class="col-lg-5 col-md-6"><label>' + ownername + ' Owners last name</label></div><div class="col-lg-7 col-md-6"><div class="form-group"><input type="text" class="form-control" name="last_name1[]" ></div><span class="invalid-feedback d-block" id="div-last_name1_'+cnt_more_fld+'"></span></div></div></div><div class="label-input"><div class="row"><div class="col-lg-5 col-md-6"><label>D.O.B.</label></div><div class="col-lg-7 col-md-6"><div class="form-group ' + dateParent + '"><input type="text" class="form-control ' + date_of_brith + '" autocomplete="off" name="dob1[]" ></div><span class="invalid-feedback d-block" id="div-dob1_'+cnt_more_fld+'"></span></div></div></div><div class="label-input"><div class="row"><div class="col-lg-5 col-md-6"><label>Email</label></div><div class="col-lg-7 col-md-6"><div class="form-group"><input type="text" class="form-control" name="email1[]" ></div><span class="invalid-feedback d-block" id="div-email1_'+cnt_more_fld+'"col-lg-5 col-md-6"></span></div></div></div><div class="label-input"><div class="row"><div class="col-lg-5 col-md-6"><label>Mobile number</label></div><div class="col-lg-7 col-md-6"><div class="form-group"><input type="text" class="form-control" name="phone1[]" ></div><span class="invalid-feedback d-block" id="div-phone1_'+cnt_more_fld+'"></span></div></div></div><hr></div>');
         var today2 = new Date();

         var dateParent = '.' + ownername + '_dobdatepicker123';
         var date_of_brith = '.' + ownername + '_dobdatepicker';
         $('#append25Div').find(date_of_brith).mask('99/99/9999',{placeholder:"dd/mm/yyyy"});
         // $('#append25Div').find(date_of_brith).datepicker({
         //    format: "dd/mm/yyyy",
         //    weekStart: 1,
         //    todayHighlight: false,
         //    autoclose: true,
         //    clearBtn: false,
         //    container: dateParent,
         //    orientation: "auto",
         //    startDate: '01/01/1940',
         //    endDate: today2,
         // });

         $("#addmoreon25add").append('<div class="fileDiv" id="owner-file-'+cnt_more_fld+'"><div class="removeonclick"><div class="label-input"><div class="row align-items-center"><div class="col-lg-7 col-md-7"><label>' + ownername + ' owner’s drivers licence <label class="d-block">*Front & back required</label></label></div><div class="col-lg-3 col-md-3"></div></div></div></div><div class="row removeonclick removeonclose"><div class="col-lg-6 col-md-6"><div class="label-input"><div class="file-upload"><div class="image-upload-wrap"><input class="file-upload-input" type="file" name="front_photo[]" id="img_front_photo" onchange="readURL2(this);" accept="image/*" /><div class="drag-text"><img src="{{asset("assets/images/upload-icon-g.png")}}" alt="" class="img-fluid browsebox"><h3>Drag and drop image here </h3><span class="d-block textor">- or -</span></div><button class="file-upload-btn btn-transp" type="button">Browse files</button></div><span class="invalid-feedback d-block"></span><div class="file-upload-content"><img class="file-upload-image" src="#" alt="your image" /> <input type="hidden" class="s_front_photo" name="s_front_photo[]" value=""><div class="image-title-wrap"><button type="button" onclick="removeUpload(this);" class="remove-image remove-pic-text">Remove </button></div></div><span class="invalid-feedback d-block" id="div-s_front_photo_'+cnt_more_fld+'"></div></div></div><div class="col-lg-6 col-md-6"><div class="label-input"><div class="file-upload1"><div class="image-upload-wrap1"><input class="file-upload-input1" type="file" name="back_photo[]"  onchange="readURL1(this);" accept="image/*" /><div class="drag-text"><img src="{{asset("assets/images/upload-icon-g.png")}}" alt="" class="img-fluid browsebox"><h3>Drag and drop image here </h3><span class="d-block textor">- or -</span></div><button class="file-upload-btn btn-transp clickbtn" type="button">Browse files</button> </div><span class="invalid-feedback d-block"></span> <div class="file-upload-content1"><img class="file-upload-image1" src="#" alt="your image" /><input type="hidden"  name="s_back_photo[]" value="" class="s_back_photo"><div class="image-title-wrap1"> <button type="button" onclick="removeUpload1(this);" class="remove-image1 remove-pic-text">Remove </button> </div></div><span class="invalid-feedback d-block" id="div-s_back_photo_'+cnt_more_fld+'"> </div> </div></div> </div></div>');
         if ($("#append25Div").find('.removeonclick').length >= 3) {
            $("#append25data").hide();
         }
      } else {
         // alert('If you have more than 4 owners, please contact us with their details.');
      }
      cnt_more_fld++;
   });
   $('#addmydetailafter0planpage').parsley();
   $("#addmydetailafter0planpage").submit(function(e){
         tappayform(e);
   });
   function tappayform(e){
   $('.profession_err').text('');
   $('.association_id_err').text('');

   e.preventDefault();
   $(".profile-form-error").hide();
   // if ( $(this).parsley().isValid() ) {
      var modal = $('#addmydetailafter0planpage');
      var formData = new FormData($('#addmydetailafter0planpage')[0]);
      $.ajax({
         url: "{{route('practitioner.add.mydetail')}}",
         data: formData,
         type:'POST',
         enctype:"multipart/form-data" ,
         processData: false,
         contentType: false,
         beforeSend: function(msg){
            if($('#tap_payment_flag') != btoa('tappaycharge')){
               $(".loading").addClass("d-block");
            }
         },
      }).done(function(response){
         console.log( response );
         $(".loading").removeClass("d-block");
         if(response.status == "success") {
            if($('input[name="is_social_media_business"]:checked').val() == 1){
                if($('#facebook_link').val() == '' && $('#instragram_link').val() == '' && $('#linkedin_link').val() == ''){
                   $('#div-socialmedia').removeClass('d-none');
                   $('#div-socialmedia').text('Please provide a link to at least one');
                   $('#div-socialmedia').attr("tabindex",-1).focus();
                   return false;
                }else{
                  $('#div-socialmedia').addClass('d-none')
               }
            }
            var isSetupWizardCompleted = "{{ $isSetupWizardCompleted }}";
            var tap_pay_flag = "{{ Request::get('flag') }}";
            if(response.tap_flag == 'tappaycharge'){
               payment(e);
               return false;
            }
            if(tap_pay_flag == btoa('tappaycharge')){
               var address_formData = new FormData();
               address_formData.append('practitioner_id', practitioner_id);
               address_formData.append('tap_address', $('#tap_address').val());
               address_formData.append('tap_address_line1', $('input[name="tap_address_line1"').val());
               address_formData.append('tap_address_line2', $('input[name="tap_address_line2"').val());
               address_formData.append('tap_suburb', $('input[name="tap_suburb"').val());
               address_formData.append('tap_state', $('input[name="tap_state"').val());
               address_formData.append('tap_postcode', $('input[name="tap_postcode"').val());
               address_formData.append('tap_country', $('input[name="tap_country"').val());
               address_formData.append('wfmt_one_location', $('input[name="wfmt_one_location"]:checked').val());
               address_formData.append('is_more_share', $('input[name="is_more_share"]:checked').val());
               
               $.ajax({
                  url: "{{route('practitioner.tappaymentaddress')}}",
                  data: address_formData,
                  type: 'POST',
                  contentType: false,
                  processData: false,
               }).done(function(response) {
                  if(response.status == 'success'){
                     callAfterLatpaySubscriptionSuccess(e);
                  }else{
                  Swal.fire({
                        icon: "error",
                        title: 'Somthing went wrong',
                        showClass: {
                          popup: 'animate__animated animate__fadeInDown'
                        },
                        hideClass: {
                          
                          popup: 'animate__animated animate__fadeOutUp'
                        }
                      });
                }
               });
            }
            
            if( isSetupWizardCompleted == 1 ) {
               $(".afterPaymentPopUpTitle").empty();
               $(".afterPaymentPopUpTitle").text("Application received");

               var body_text = "<p class='europa-font-mend'>Thank you, your application for  payment processing is now under review.</p>";
               body_text += "<p class='europa-font-mend'>Once approved, we'll email to advise when your payment processor is active (please allow 24 business hours). Until then, you can continue using your account as normal.</p>";
               $("#afterPaymentPopUpText").empty();
               $("#afterPaymentPopUpText").html(body_text);

               $("#afterPaymentPopUpBtn").text("Done");
               if(tap_pay_flag == ''){
                   var redirectUrl = "{{ route('practitioner.tapPayForm') }}";
               }else{
                  var redirectUrl = "{{ route('practitioner.appointments.index') }}";
               }
               
              

               $("#afterPaymentPopUpBtn").attr( "href", redirectUrl );

            } else {
               $(".afterPaymentPopUpTitle").empty();
               $(".afterPaymentPopUpTitle").text("Thank you");

               var body_text = "<p class='europa-font-mend'>Your application for online payment processing is now under review. Please allow up to 24 business hours for your application to be approved.</p>";
               body_text += "<p class='europa-font-mend'>To customise your My Appointments account, we require a few more details. This includes setting your availability and adding at least 1 service. Any other sections you choose to skip can be revisited any time via the My Settings tab.</p>";
               body_text += "<p class='europa-font-mend'>It’s great to have you onboard during our Beta testing phase. Please reach out anytime via live chat or email if you have any feedback, suggestions or questions.</p>";
               $("#afterPaymentPopUpText").empty();
               $("#afterPaymentPopUpText").html(body_text);
               $("#afterPaymentPopUpBtn").text("Next");
               if(tap_pay_flag == ''){
                  var redirectUrl = "{{route('practitioner.tapPayForm')}}";
               }else{
                  var redirectUrl = "{{route('practitioner.mysetupwizard')}}";
               }
               

               var force_back = $("#force_back").val();

               if( force_back == 1 ) {
                  redirectUrl = $("#prev_url").val();
               }
               $("#afterPaymentPopUpBtn").attr( "href", redirectUrl );
            }
            /*if( response.plan_id == 1 ) {
               $(".afterPaymentPopUpTitle").empty();
               $(".afterPaymentPopUpTitle").text("Application received");

               var body_text = "<p>Thank you, your application for online payment processing is now under review.</p>";
               body_text += "<p>Once approved, we'll email to advise when your online payment processor is active (please allow 24 business hours). Until then, you can continue using your account as normal.</p>";
               $("#afterPaymentPopUpText").empty();
               $("#afterPaymentPopUpText").html(body_text);

               $("#afterPaymentPopUpBtn").text("Done");
            } else {
               $(".afterPaymentPopUpTitle").empty();
               $(".afterPaymentPopUpTitle").text("Thank you");

               var body_text = "<p>Your application for online payment processing is now under review. Please allow up to 24 business hours for your application to be approved.</p>";
               body_text += "<p>To customise your My Appointments account, we require a few more details. This includes setting your availability and adding at least 1 service. Any other sections you choose to skip can be revisited any time via the My Settings tab.</p>";
               body_text += "<p>It’s great to have you onboard during our Beta testing phase. Please reach out anytime via live chat or email if you have any feedback, suggestions or questions.</p>";
               $("#afterPaymentPopUpText").empty();
               $("#afterPaymentPopUpText").html(body_text);
               $("#afterPaymentPopUpBtn").text("Next");
            }*/
            var tap_pay_flag = "{{ Request::get('flag') }}";
           
            if(tap_pay_flag == ''){
               var redirectUrl = "{{route('practitioner.tapPayForm')}}";
               window.location.href = redirectUrl;
               // $('#payment-getway-model').modal({
               //    backdrop: 'static',
               //    keyboard: false
               // });
               // $("#payment-getway-model").modal('show');
            }

            // modal.find(".invalid-feedback").text("");
         }else{

            /*if( response.errors == '' ) {
               Swal.fire({
                  icon: 'error',
                  title: 'Error: '+response.file,
                  text: response.msg,
                  showClass: {
                     popup: 'animate__animated animate__fadeInDown'
                  },
                  hideClass: {
                     popup: 'animate__animated animate__fadeOutUp'
                  }
               });
            }*/

            /* 31-05-2021 Jaypal Raj */
            $(".invalid-feedback").text('');
            $(".invalid-feedback").removeClass('d-block');
            /* 31-05-2021 Jaypal Raj */


            var flag= false;
            $.each(response.errors, function(key, value) {
               var [before, after] = key.split(".");


               if(flag==false && before=='abn'){
                  $('input[name=abn]').focus();
                  flag = true;
               }else if(flag==false && before=='office_phone'){
                  $('input[name=office_phone]').focus();
                  flag = true;
               }else if(flag==false && before=='name'){
                  $('input[name=name]').focus();
                  flag = true;
               }else if(flag==false && before=='first_name'){
                  $('input[name=first_name]').focus();
                  flag = true;
               }else if(flag==false && before=='last_name'){
                  $('input[name=last_name]').focus();
                  flag = true;
               }else if(flag==false && before=='email'){
                  $('input[name=email]').focus();
                  flag = true;
               }else if(flag==false && before=='phone'){
                  $('input[name=phone]').focus();
                  flag = true;
               }else if(flag==false && before=='address'){
                  $('input[name=address]').focus();
                  flag = true;
               }else if(flag==false && before=='office_phone'){
                  $('input[name=office_phone]').focus();
                  flag = true;
               }else if(flag==false && before=='bemail'){
                  $('input[name=bemail]').focus();
                  flag = true;
               }else if(flag==false && before=='account_name'){
                  $('input[name=account_name]').focus();
                  flag = true;
               }else if(flag==false && before=='bsb'){
                  $('input[name=bsb]').focus();
                  flag = true;
               }else if(flag==false && before=='account_number'){
                  $('input[name=account_number]').focus();
                  flag = true;
               }else if(flag==false && before=='acceptance_name'){
                  $('input[name=acceptance_name]').focus();
                  flag = true;
               }
               else if(flag==false && before=='dob'){
                  $('input[name=dob]').focus();
                  flag = true;
               }
               


               /* 31-05-2021 Jaypal Raj */
               var err_div = '#div-'+key;
               $(err_div).addClass('d-block');
               /* 31-05-2021 Jaypal Raj */

               if(before == 'first_name1' || before == 'last_name1' || before == 'dob1' || before == 'email1' || before == 'phone1' || before == 's_back_photo' || before == 's_front_photo'){
                  var input = modal.find('input[name="' + before + '[]"]');

                  var span = modal.find('input[name="' + before + '[]"]').parent().next();
                  var da = span[after];

                  var err_div_t = '#div-'+before+'_'+after;
                  $(err_div_t).addClass('d-block');
                  $('#div-'+before+'_'+after).attr("tabindex",-1).focus();
                  da.append(value[0].replace(key, before));

                  // input.parent().next('.invalid-feedback').text(value[0]);
                  // setTimeout(function() {
                  // $('.invalid-feedback').text('');

                  // }, 4000);
               } else if( before == 'is_more_share' ) {
                  $('#div-is_more_share').attr("tabindex",-1).focus();
                  var err_div = $('#div-is_more_share');
                  err_div.text( value[0] );
               } else if( before == 'type_of_entity_id' ) {
                  $('#div-type_of_entity_id').attr("tabindex",-1).focus();
                  var err_div = $('#div-type_of_entity_id');
                  err_div.text( value[0] );
               } else if( before == 'registered_for_gst' ) {
                  $('#div-registered_for_gst').attr("tabindex",-1).focus();
                  var err_div = $('#div-registered_for_gst');
                  err_div.text( value[0] );
               } else if( before == 'is_social_media_business' ) {
                  $('#div-is_social_media_business').attr("tabindex",-1).focus();
                  var err_div = $('#div-is_social_media_business');
                  err_div.text( value[0] );
               } else if( before == 'is_accept_acceptance' ) {
                  var err_div = $('#div-is_accept_acceptance');
                  err_div.text("This field is required.");
               } else if( before == 'association_id' ) {
                  $('.association_id').attr("tabindex",-1).focus();
                  var input = $('.association_id');
                  var parent = input.parent().next('.invalid-feedback').text(value[0]);
                  input.addClass('is-invalid');

               } else if( before == 'profession' ) {
                  $('.profession').attr("tabindex",-1).focus();
                  var input = $('.profession');
                  var parent = input.parent().next('.invalid-feedback').text(value[0]);
                  input.addClass('is-invalid');
               }else {
                  var input = $('select[name=' + before + ']');
                  var parent = input.parent().next('.invalid-feedback').text(value[0]);
                  input.addClass('is-invalid');


                  var input = $('input[name=' + before + ']');
                  var parent = input.parent().next('.invalid-feedback').text(value[0]);
                  input.addClass('is-invalid');

                  var input = $('textarea[name=' + before + ']');
                  var parent = input.parent().next('.invalid-feedback').text(value[0]);
                  input.addClass('is-invalid');
                  // setTimeout(function() {
                  // $('.invalid-feedback').text('');

                  // }, 4000);
               }
               
            });
            if($('input[name="is_social_media_business"]:checked').val() == 1){
                if($('#facebook_link').val() == '' && $('#instragram_link').val() == '' && $('#linkedin_link').val() == ''){
                  $('#div-socialmedia').removeClass('d-none');
                   $('#div-socialmedia').text('Please provide a link to at least one');
                   $('#div-socialmedia').attr("tabindex",-1).focus();
                   return false;
                }else{
                  $('#div-socialmedia').addClass('d-none')
               }
            }
         }
      }).fail(function (error) {

         $(".loading").removeClass("d-block");
   });
   }
   // };
  

   $("body").on('input', '.google_address1', function() {
      var input = $(this);
      var options = {
         types: ['geocode'] //    componentRestrictions: { country: 'uk' } //Turkey only
      };
      var autocomplete = new google.maps.places.Autocomplete(input[0]);
      google.maps.event.addListener(autocomplete, 'place_changed', function() {
         var place = autocomplete.getPlace();
         $("input[name='latitude']").val(place.geometry.location.lat());
         $("input[name='longitude']").val(place.geometry.location.lng());

          var address1 = ""; var address2 = "";

          $("[name='suburb']").val(""); $("[name='state']").val("");
          $("[name='country']").val(""); $("[name='postcode']").val("");

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

          $("[name='address']").val(address1);
          $("[name='address2']").val(address2);
      });
   });

   $("body").on('input', '.google_address_tap_pay1', function() {
      var input = $(this);
      var options = {
         types: ['geocode'] //    componentRestrictions: { country: 'uk' } //Turkey only
      };
      var autocomplete = new google.maps.places.Autocomplete(input[0]);
      google.maps.event.addListener(autocomplete, 'place_changed', function() {
         var place = autocomplete.getPlace();
         $("input[name='latitude']").val(place.geometry.location.lat());
         $("input[name='longitude']").val(place.geometry.location.lng());

          var address1 = ""; var address2 = "";

          $("[name='tap_suburb']").val(""); $("[name='tap_state']").val("");
          $("[name='tap_country']").val(""); $("[name='tap_postcode']").val("");

          $.each(place.address_components, function (key, value){
              if($.inArray("street_number", value.types) !== -1){
                  address1 += value.long_name + " ";
              }
              if($.inArray("route", value.types) !== -1 || $.inArray("premise", value.types) !== -1){
                  address1 += value.long_name + " ";
              }
              if($.inArray("sublocality_level_2", value.types) !== -1){
                  address1 += value.long_name + " ";
              }
              /*if($.inArray("sublocality_level_1", value.types) !== -1){
                  address2 += value.long_name + " ";
              }
              if($.inArray("administrative_area_level_2", value.types) !== -1){
                  address2 += value.long_name + " ";
              }*/
              if($.inArray("locality", value.types) !== -1){
                  $("[name='tap_suburb']").val(value.long_name);
              }
              if($.inArray("administrative_area_level_1", value.types) !== -1){
                  $("[name='tap_state']").val(value.long_name);
              }
              if($.inArray("country", value.types) !== -1){
                  $("[name='tap_country']").val(value.long_name);
              }
              if($.inArray("postal_code", value.types) !== -1){
                  $("[name='tap_postcode']").val(value.long_name);
              }
          });

          $("[name='tap_address_line1']").val(address1);
          $("[name='tap_address_line2']").val(address2);
      });
   });

   $("body").on('input', '.google_address_multi', function() {
      var input = $(this);
      var options = {
         types: ['geocode'] //    componentRestrictions: { country: 'uk' } //Turkey only
      };
      var autocomplete = new google.maps.places.Autocomplete(input[0]);
      google.maps.event.addListener(autocomplete, 'place_changed', function() {
         var place = autocomplete.getPlace();
         $("input[name='latitude']").val(place.geometry.location.lat());
         $("input[name='longitude']").val(place.geometry.location.lng());

          var address1 = ""; var address2 = "";

          //$("[name='suburb']").val(""); $("[name='state']").val("");
         // $("[name='country']").val(""); $("[name='postcode']").val("");

          $.each(place.address_components, function (key, value){
              if($.inArray("street_number", value.types) !== -1){
                  address1 += value.long_name + " ";
              }
              if($.inArray("route", value.types) !== -1 || $.inArray("premise", value.types) !== -1){
                  address1 += value.long_name + " ";
              }
              if($.inArray("sublocality_level_2", value.types) !== -1){
                  address1 += value.long_name + " ";
              }
              /*if($.inArray("sublocality_level_1", value.types) !== -1){
                  address2 += value.long_name + " ";
              }
              if($.inArray("administrative_area_level_2", value.types) !== -1){
                  address2 += value.long_name + " ";
              }*/
              if($.inArray("locality", value.types) !== -1){
               input.closest('.multoplelocation').find('.suburb_multi').val(value.long_name);
              }
              if($.inArray("administrative_area_level_1", value.types) !== -1){
                 
               input.closest('.multoplelocation').find('.state_multi').val(value.long_name);
              }
              if($.inArray("country", value.types) !== -1){
               input.closest('.multoplelocation').find('.country_multi').val(value.long_name);
              }
              if($.inArray("postal_code", value.types) !== -1){
              
              }

              if($.inArray("postal_code", value.types) !== -1){
               input.closest('.multoplelocation').find('.postcode_multi').val(value.long_name);
           }
          });

          //input.closest('.multoplelocation').find('.google_address_multi').val(address1);
         // input.closest('.multoplelocation').find('.google_address2_multi').val(address2);
      });
   });

   /* 09-06-2021 Jaypal Raj */
   $(document).on('click', '.removeThisOwner', function(event) {
      var data_id = $(this).attr("data-id");
      var owner_file_section = '#owner-file-'+data_id;

      $(this).parent().remove();
      $(owner_file_section).remove();

      if( $("#append25Div").find('.removeonclick').length == 0 ) {
         $("#owner-seperator").addClass('d-none');
      }

      if ($("#append25Div").find('.removeonclick').length < 3) {
         $("#append25data").show();
      }
   });
   /* 09-06-2021 Jaypal Raj */
   $('#maskdatepicker').mask('99/99/9999',{placeholder:"dd/mm/yyyy"});



// 29-11-2021 Ronak
$(".26add").on('click', function(e) {

   //if ($("#append26Div").find('.removeonclick').length < 3) {

      //if( $("#append26Div").find('.removeonclick').length >= 0 ) {
        // $("#owner-seperator").removeClass('d-none');
     // }

     // 23-09-2022 $("#append26Div").append('<div class="removeonclick mt-10"> <a class="removeThisOwner cursor-pointer" data-id="'+cnt_more_fld+'" style="float:right;color:#45747a !important"><i class="fa fa-remove"></i></a><br><br><input type="hidden" name="partner_id[]" value=""> <div class="label-input"> <div class="row"> <div class="col-lg-5 col-md-6"><label>Business address</label></div> <div class="col-lg-7 col-md-6"> <div class="form-group"><input type="text" class="form-control" name="business_address1[]"></div> <span class="invalid-feedback d-block" id="business-address'+cnt_more_fld+'"></span> </div> </div> </div> <div class="label-input"> <div class="row"> <div class="col-lg-5 col-md-6"><label>Business email address</label></div> <div class="col-lg-7 col-md-6"> <div class="form-group"><input type="text" class="form-control" name="business_email_address1[]"></div> <span class="invalid-feedback d-block" id="business-email-address'+cnt_more_fld+'"></span> </div> </div> </div> <div class="label-input"> <div class="row"> <div class="col-lg-5 col-md-6"><label>Business phone number</label></div> <div class="col-lg-7 col-md-6"> <div class="form-group"><input type="text" class="form-control numeric-only" name="business_phone_number1[]" ></div> <span class="invalid-feedback d-block" id="business-phone-number'+cnt_more_fld+'"></span> </div> </div> </div> <hr></div>');
      $("#append26Div").append('<div class="mt-10 multoplelocation removeonclick_1"><a class="cursor-pointer removeThisOwner"data-id="'+cnt_more_fld+'"style=float:right;color:#45747a!important></a><input name=partner_id[] type=hidden><div class=label-input><div class=row><div class="col-md-6 col-lg-5"><label>Business address line 1</label></div><div class="col-md-6 col-lg-7"><div class=form-group><input name=business_address1[] class="form-control google_address_multi"></div><span class="d-block invalid-feedback"id="business-address'+cnt_more_fld+'"></span></div></div></div><div class=label-input><div class=row><div class="col-md-6 col-lg-5"><label>Business address line 2</label></div><div class="col-md-6 col-lg-7"><div class=form-group><input name=business_address2[] class="form-control google_address2_multi"></div><span class="d-block invalid-feedback"id="business-address2'+cnt_more_fld+'"></span></div></div></div><div class=label-input><div class=row><div class="col-md-6 col-lg-5"><label>Suburb</label></div><div class="col-md-6 col-lg-7"><div class=form-group><input name=suburb_multi[] class="form-control suburb_multi"></div><span class="d-block invalid-feedback suburb_multi"id="suburb_multi'+cnt_more_fld+'"></span></div></div></div><div class=label-input><div class=row><div class="col-md-6 col-lg-5"><label>State</label></div><div class="col-md-6 col-lg-7"><div class=form-group><input name=state_multi[] class="form-control state_multi"></div><span class="d-block invalid-feedback"id="state_multi'+cnt_more_fld+'"></span></div></div></div><div class=label-input><div class=row><div class="col-md-6 col-lg-5"><label>Country</label></div><div class="col-md-6 col-lg-7"><div class=form-group><input name=country_multi[] class="form-control country_multi"></div><span class="d-block invalid-feedback"id="country_multi'+cnt_more_fld+'"></span></div></div></div><div class=label-input><div class=row><div class="col-md-6 col-lg-5"><label>Postcode</label></div><div class="col-md-6 col-lg-7"><div class=form-group><input name=postcode_multi[] class="form-control postcode_multi"></div><span class="d-block invalid-feedback country_multi"id="country_multi'+cnt_more_fld+'"></span></div></div></div><div class=label-input><div class=row><div class="col-md-6 col-lg-5"><label>Business email address</label></div><div class="col-md-6 col-lg-7"><div class=form-group><input name=business_email_address1[] class=form-control></div><span class="d-block invalid-feedback"id="business-email-address'+cnt_more_fld+'"></span></div></div></div><div class=label-input><div class=row><div class="col-md-6 col-lg-5"><label>Business phone number</label></div><div class="col-md-6 col-lg-7"><div class=form-group><input name=business_phone_number1[] class="form-control numeric-only"></div><span class="d-block invalid-feedback"id="business-phone-number'+cnt_more_fld+'"></span></div></div></div><hr></div>');
      var today2 = new Date();
      // $("#addmoreon25add").append('<div class="fileDiv" id="owner-file-'+cnt_more_fld+'"><div class="removeonclick"><div class="label-input"><div class="row align-items-center"><div class="col-lg-7 col-md-7"><label>' + ownername + ' owner’s drivers licence <label class="d-block">*Front & back required</label></label></div><div class="col-lg-3 col-md-3"></div></div></div></div><div class="row removeonclick removeonclose"><div class="col-lg-6 col-md-6"><div class="label-input"><div class="file-upload"><div class="image-upload-wrap"><input class="file-upload-input" type="file" name="front_photo[]" id="img_front_photo" onchange="readURL2(this);" accept="image/*" /><div class="drag-text"><img src="{{asset("assets/images/upload-icon-g.png")}}" alt="" class="img-fluid browsebox"><h3>Drag and drop image here </h3><span class="d-block textor">- or -</span></div><button class="file-upload-btn btn-transp" type="button">Browse files</button></div><span class="invalid-feedback d-block"></span><div class="file-upload-content"><img class="file-upload-image" src="#" alt="your image" /> <input type="hidden" class="s_front_photo" name="s_front_photo[]" value=""><div class="image-title-wrap"><button type="button" onclick="removeUpload(this);" class="remove-image remove-pic-text">Remove </button></div></div><span class="invalid-feedback d-block" id="div-s_front_photo_'+cnt_more_fld+'"></div></div></div><div class="col-lg-6 col-md-6"><div class="label-input"><div class="file-upload1"><div class="image-upload-wrap1"><input class="file-upload-input1" type="file" name="back_photo[]"  onchange="readURL1(this);" accept="image/*" /><div class="drag-text"><img src="{{asset("assets/images/upload-icon-g.png")}}" alt="" class="img-fluid browsebox"><h3>Drag and drop image here </h3><span class="d-block textor">- or -</span></div><button class="file-upload-btn btn-transp clickbtn" type="button">Browse files</button> </div><span class="invalid-feedback d-block"></span> <div class="file-upload-content1"><img class="file-upload-image1" src="#" alt="your image" /><input type="hidden"  name="s_back_photo[]" value="" class="s_back_photo"><div class="image-title-wrap1"> <button type="button" onclick="removeUpload1(this);" class="remove-image1 remove-pic-text">Remove </button> </div></div><span class="invalid-feedback d-block" id="div-s_back_photo_'+cnt_more_fld+'"> </div> </div></div> </div></div>');
   //} else {
      // alert('If you have more than 4 owners, please contact us with their details.');
   //}
   //cnt_more_fld++;
});
// 29-11-2021 Ronak
$("#wfmtol_no1").on('click', function(e) {
   $(".removeonclick_1").remove();
});
$(".remove_owner").on('click', function(e) {
   $(".remove_section_owner").remove();
   $(".fileDiv").remove();
});

$('#add_delivery_address').on('click', function(e) {
   var className = $('#delivery_address').attr('class');
   if(className === "label-input d-none") {
      $('#delivery_address').removeClass('d-none');
   } else {
      $('#delivery_address').addClass('d-none');
   }
})
        var practitioner_id = "{{ $practitioner->id }}";
      //   $(document).on('click', '.tap_pay_submit', function(e) {
          function payment(e){
           
            if(($('#tap_address').val() == '') && ($('#tap_address_line1').val() == '')){
                $('#address_filed').attr("tabindex",-1).focus();
                $('#address_filed').text('Please add tap terminal delivery address');
                return false;
            }
                  var user = @json($practitioner);

                  $('.payment-amount').text("Terminal payment $68.00");
                  $('#paid_amount').val(68);
                  $("#paybleAmount").val(68);
                  $("#latpayAmount").val(68);
                  $('#tap_pay_charge').val(1);
                  $('#latpay-element').empty();
                  var merchantId = $("input[name='merchant_id']").val();

                  var url = "{{route('get.practitioner.getPaymentCard',':id')}}";
                  url = url.replace(':id', user.id);

                  LatpayCheckout.open({
                    merchantid: merchantId,
                    publickey: $("input[name='merchant_public_key']").val(),
                    merchantuserid: merchantId,
                    'status': function(status) {
                      if (status == 'success') {
                        $.ajax({
                          url: url,
                          type: 'get',
                        }).done(function(response) {

                          $("#service-provider-modal").modal("hide");
                          // $("#number_of_days_left").text(diffInDays);
                          $(".loading").hide();
                          $('#PayNowForCaledarPurchaseModal').modal('show');

                          if (response.status == 'success') {
                            $("#appendPaymentCard").empty();
                            $.each(response.data, function(key, value) {
                              var html = '';
                              var checkDefault = '';
                              var src = '{{asset("assets/images/credit-img/visa-card.png")}}';
                              if (value.card_type == 'MASTERCARD') {
                                src = '{{asset("assets/images/credit-img/master-card.png")}}';
                              } else if (value.card_type == 'VISA') {
                                src = '{{asset("assets/images/credit-img/visa-card.png")}}';
                              }

                              if (value.is_for_monthly_payment == 1) {
                                checkDefault = 'Checked';
                              }
                              html += '<div class="popup-more-filter "> <div class="popup-label position-relative"> <div class="custom-control custom-checkbox"> <input ' + checkDefault + ' type="radio" class="custom-control-input shipping_charge payment_option" value="' + value.card_token + '" name="choose-card" id="' + value.card_token + '"> <label class="custom-control-label" for="' + value.card_token + '"> <span><img class="img-fluid" src="' + src + '"></span> •••• •••• •••• ' + value.card_no + ' </label> </div> <button type="button" class="close d-none removeclientcard" data-cardid=' + value.id + ' aria-label="Close"><span aria-hidden="true">&times;</span></button> </div> </div>';
                              $("#appendPaymentCard").append(html);
                            });

                            if ($("input[name='LatPayflag']").val() == 'create_invoice_new') {
                              $(".removeclientcard").removeClass('d-none');
                            }
                            $('#ifNoCardFound').css('display', 'none');
                            $('#ifCardFound').css('display', 'block');
                            $('.addNewCartForSubscription').css('display', 'block');
                          } else {


                            $('#ifNoCardFound').css('display', 'block');
                            $('#ifCardFound').css('display', 'none');
                            $('.addNewCartForSubscription').css('display', 'none');
                            $('.save_card_primary').removeClass('d-none');
                          }
                        });
                      } else {
                        if (merchantId) {
                          var title = 'Invalid merchant id, please contact administrator.';
                        } else {
                          if ($("input[name='LatPayflag']").val() != 'create_invoice_new') {
                            title = 'Details not found for this merchant, please contact administrator.';
                          }
                        }
                        if (title) {
                          Swal.fire({
                            icon: "error",
                            title: title,
                            showClass: {
                              popup: 'animate__animated animate__fadeInDown'
                            },
                            hideClass: {
                              
                              popup: 'animate__animated animate__fadeOutUp'
                            }
                          });
                        } else {
                          $('#PayNowForCaledarPurchaseModal').modal('show');
                        }
                      }
                    }
                  });
             
      //   });
      }
      // Add new card
        $('.addNewCartForSubscription').on('click', function(e) {
            $('.save_card_primary').removeClass('d-none');
            $('#latpay-element').empty();
            var merchantId = $("input[name='merchant_id']").val();
            $("input[name='choose-card']").prop('checked', false);

            LatpayCheckout.open({
            merchantid: merchantId,
            publickey: $("input[name='merchant_public_key'").val(),
            merchantuserid: merchantId,
            'status': function(status) {
                if (status == 'success') {
                $('#ifNoCardFound').css('display', 'block');
                $(".addNewCartForSubscription").addClass('d-none');
                $('#ifCardFound').css('display', 'none');
                $("#payment-online").prop('checked', true);
                $("input[name='payment_option_type']").val(2);
                } else {
                if (merchantId) {
                    var title = 'Invalid merchant id, please contact administrator.';
                } else {
                    title = 'Details not found for this merchant, please contact administrator.';
                }

                Swal.fire({
                    icon: "error",
                    title: title,
                    showClass: {
                    popup: 'animate__animated animate__fadeInDown'
                    },
                    hideClass: {
                    popup: 'animate__animated animate__fadeOutUp'
                    }
                });
                }
            }
            });
        });
        $('#PaymentButton').on('click', function(e) {
            if ($("input[name='paybleAmount']").val() == '') {
              Swal.fire({
                title: '',
                text: "Please add amount to pay",
                icon: 'warning',
                showCancelButton: false,
                confirmButtonText: 'Ok',
              });
              return false;
            }

        var checkval = $('input[name="payment_option_type"]').val();

        if ($('input[name="payment_option_type"]').val() == '' && $("input[name='choose-card']:checked").val() == undefined && $("#appendPaymentCard").html() !== "") {
          Swal.fire({
            title: '',
            text: "Please select a payment method",
            icon: 'warning',
            showCancelButton: false,
            confirmButtonText: 'Ok',
          });
          return false;
        }

      $("input[name='cardHolderName']").val($("#lpscardcardholder").val());
        var val = $("input[name='choose-card']:checked").val();
        if (val) {
          callLatpayForCardSubscription(val,e);
        } else {
          $(".loading").show();
          LatpayCheckout.processpayment({
            "amount": $("input[name='latpayAmount']").val(),
            "currency": "AUD",
            "reference": "3811b2a16309ba9f20d8e51ebce782b8a09962eb",
            "description": "3811b2a16309ba9f20d8e51ebce782b8a09962eb",
            "firstname": $("input[name='latpayUserFirstName']").val(),
            "lastname": $("input[name='latpayUserLastName']").val(),
            "email": $("input[name='latpayUserEmail']").val(),
            "status": function(status) {
              if (status == "success") {
                $(".loading").show();
                var TransToken = $('#TransToken').val();

                //Once you got the transtoken, submit the latpay_from by using jquery.
                if (TransToken) {
                  callLatpayForNewSubscriptions(e);
                }
              } else {
                $(".loading").hide();
                $("#button-confirm").val('Submit Payment');
                e.preventDefault();
              }
            }
          });
        }
      });
      function callLatpayForCardSubscription(val,e) {
        $(".loading").show();
        var formData = new FormData();
        
        formData.append('save_card_primary', $('input[name="save_card_primary"').val());
        formData.append('paid_amount', $('input[name="paid_amount"').val());
        formData.append('isSubscribed', $('input[name="isSubscribed"').val());
        formData.append('latpayAmount', $('input[name="latpayAmount"').val());
        formData.append('tap_pay_charge', $('input[name="tap_pay_charge"').val());
        formData.append('latpayUserFirstName', $('input[name="latpayUserFirstName"').val());
        formData.append('latpayUserLastName', $('input[name="latpayUserLastName"').val());
        formData.append('latpayUserEmail', $('input[name="latpayUserEmail"').val());
        formData.append('merchant_id', $('input[name="merchant_id"').val());
        formData.append('merchant_password', $('input[name="merchant_password"').val());
        formData.append('merchant_public_key', $('input[name="merchant_public_key"').val());
        formData.append('cardToken', val);
        formData.append('practitioner_id', practitioner_id);
        formData.append('tap_address', $('#tap_address').val());
        formData.append('tap_address_line1', $('input[name="tap_address_line1"').val());
        formData.append('tap_address_line2', $('input[name="tap_address_line2"').val());
        formData.append('tap_suburb', $('input[name="tap_suburb"').val());
        formData.append('tap_state', $('input[name="tap_state"').val());
        formData.append('tap_postcode', $('input[name="tap_postcode"').val());
        formData.append('tap_country', $('input[name="tap_country"').val());

        $.ajax({
          url: "{{route('practitioner.latpayPaymentUpgradePlan')}}",
          data: formData,
          type: 'POST',
          contentType: false,
          processData: false,
        }).done(function(response) {
         
          if (response.status == "success") {
            $('#tap_payment_flag').val('');
            tappayform(e);
          } else {
            if (response.status_code == "1003") {
              Swal.fire({
                icon: 'warning',
                title: 'Transaction limit exceeded',
                text: "Amount cannot exceed $1000",
                showClass: {
                  popup: 'animate__animated animate__fadeInDown'
                },
                hideClass: {
                  popup: 'animate__animated animate__fadeOutUp'
                }
              });
            } else {
              if (response.status_code == "14" || response.status_code == "54" || response.status_code == "82") {
                $(".latpay-error").html('<span style="color:red">' + response.msg + '</span>');
              } else {
                Swal.fire({
                  icon: response.status,
                  //title: 'Error!',
                  //text: response.msg,
                  title: 'Unable to process card payment',
                  text: 'Please check card details & try again',
                  showClass: {
                    popup: 'animate__animated animate__fadeInDown'
                  },
                  hideClass: {
                    popup: 'animate__animated animate__fadeOutUp'
                  }
                });
              }
            }
          }
        });
      }
      // Payment with new card and save it as default card to make monthly payment
      
      function callLatpayForNewSubscriptions(e) {
        $(".loading").show();
        var modal = $("#PayNowNew");
        var formData = new FormData($('#paid_plan_latpay_froms')[0]);
        formData.append('tap_address', $('#tap_address').val());
        formData.append('tap_address_line1', $('input[name="tap_address_line1"').val());
        formData.append('tap_address_line2', $('input[name="tap_address_line2"').val());
        formData.append('tap_suburb', $('input[name="tap_suburb"').val());
        formData.append('tap_state', $('input[name="tap_state"').val());
        formData.append('tap_postcode', $('input[name="tap_postcode"').val());
        formData.append('tap_country', $('input[name="tap_country"').val());
      
        $.ajax({
          url: "{{route('practitioner.latpayPaymentUpgradePlan')}}",
          data: formData,
          type: 'POST',
          contentType: false,
          processData: false,
        }).done(function(response) {
         
          if (response.status == "success") {
            $('#tap_payment_flag').val('');
            tappayform(e);
            
          } else {
            if (response.status_code == "1003") {
              Swal.fire({
                icon: 'warning',
                title: 'Transaction limit exceeded',
                text: "Amount cannot exceed $1000",
                showClass: {
                  popup: 'animate__animated animate__fadeInDown'
                },
                hideClass: {
                  popup: 'animate__animated animate__fadeOutUp'
                }
              });
            } else {
              if (response.msg == "Prescreen Failed") {
                Swal.fire({
                  icon: "error",
                  title: "Invalid Card",
                  text: "Please check the card details and try again",
                  showClass: {
                    popup: 'animate__animated animate__fadeInDown'
                  },
                  hideClass: {
                    popup: 'animate__animated animate__fadeOutUp'
                  }
                });
              } else {
                if (response.status_code == "14" || response.status_code == "54" || response.status_code == "82") {
                  $(".latpay-error").html('<span style="color:red">' + response.msg + '</span>');
                } else {
                  Swal.fire({
                    icon: response.status,
                    //title: 'Error!',
                    //text: response.msg,
                    title: 'Unable to process card payment',
                    text: 'Please check card details & try again',
                    showClass: {
                      popup: 'animate__animated animate__fadeInDown'
                    },
                    hideClass: {
                      popup: 'animate__animated animate__fadeOutUp'
                    }
                  });
                }
              }
            }
          }
        });
      }

      // Save details after payment is successfull
      function callAfterLatpaySubscriptionSuccess(e) {
        var paid_amount = $('input[name="paid_amount"').val();
        var tap_pay_charge = $('input[name="tap_pay_charge"').val();
        $.ajax({
          type: "POST",
          url: "{{ route('practitioner.latpayPaymentUpgradeSuccess') }}",
          data: {
            tap_pay_charge:tap_pay_charge,
            id: practitioner_id,
            paid_amount:paid_amount,
            isSubscribed: $("#isSubscribed").val(),
          },
          success: function(response) {
            $(".loading").hide();
            if (response.error == false) {
               $(".loading").hide();
               $(".loading").removeClass("d-block");
               $('#tap_payment_flag').val('');
               Swal.fire({
                  icon: 'success',
                  title: response.msg,
                  timer: 2000,
                  showClass: {
                     popup: 'animate__animated animate__fadeInDown'
                  },
                  hideClass: {
                     popup: 'animate__animated animate__fadeOutUp'
                  },
                  confirmButtonText: 'Ok',
               }).then((result) => {
                  $('#PayNowForCaledarPurchaseModal').hide('show');
                  $('#payment-getway-model').modal({
                     backdrop: 'static',
                     keyboard: false
                  });
                  $("#payment-getway-model").modal('show');
               });
              
           
            //   setTimeout(function() {
            //     var url = '{{ route("practitioner.appointments.index") }}';
            //     window.location.href = url;
              
            //   },2000);
              // window.location.href = "{{route('practitioner.business.addTeamMember')}}";
            } else {
              Swal.fire({
                icon: 'error',
                title: 'Error!',
                text: response.message,
                showClass: {
                  popup: 'animate__animated animate__fadeInDown'
                },
                hideClass: {
                  popup: 'animate__animated animate__fadeOutUp'
                }
              });
            }
          }
        });
      }
      
      $("#removesocialmediabox").click(function() {
         $("#socialmediashow").hide();
      });
     

   function removeUploadowner() {
   $('#o_front_photo').val('');
   $('#owner_f_photo').val('');

   $('.file-upload-input3').replaceWith($('.file-upload-input3').clone());
   $('.file-upload-content3').hide();
   $('.image-upload-wrap3').show();
}

function removeUploadowner1() {
   $('.file-upload-input4').replaceWith($('.file-upload-input4').clone());
   $('.file-upload-content4').hide();
   $('#o_back_photo').val('');
   $('#owner_b_photo').val('');

   $('.image-upload-wrap4').show();
}
function readURLowner(input) {

if (input.files && input.files[0]) {
   var reader = new FileReader();
   reader.onload = function(e) {
      $('.image-upload-wrap3').hide();
      $('.file-upload-image3').attr('src', e.target.result);
      $('.file-upload-content3').show();
   };
   reader.readAsDataURL(input.files[0]);
}

}
function readURLowner1(input) {
   if (input.files && input.files[0]) {
      var reader = new FileReader();
      reader.onload = function(e) {
         $('.image-upload-wrap4').hide();
         $('.file-upload-image4').attr('src', e.target.result);
         $('.file-upload-content4').show();
      };
      reader.readAsDataURL(input.files[0]);
   }
}
function removeUpload(input) {

$(input).parent().parent().parent().find(".file-upload-input").replaceWith($('.file-upload-input').clone());
$(input).parent().parent().find('.s_front_photo').val('');
$(input).parent().parent().parent().find('.file-upload-content').hide();
$(input).parent().parent().parent().find('.image-upload-wrap').show();
}

/*======= input type 2nd =======*/
function readURL1(input) {
if (input.files && input.files[0]) {
   var reader = new FileReader();

   reader.onload = function(e) {
      $(input).closest(".file-upload1").find('.image-upload-wrap1').hide();

      $(input).closest(".file-upload1").find(".file-upload-content1").find('.file-upload-image1').attr('src', e.target.result);
      $(input).closest(".file-upload1").find('.file-upload-content1').show();
      $(input).closest(".file-upload1").find('.image-title1').html(input.files[0].name);
   };
   reader.readAsDataURL(input.files[0]);
}
}
function readURL2(input) {
if (input.files && input.files[0]) {
   var reader = new FileReader();

   reader.onload = function(e) {
      $(input).closest(".file-upload").find('.image-upload-wrap').hide();

      $(input).closest(".file-upload").find(".file-upload-content").find('.file-upload-image').attr('src', e.target.result);
      $(input).closest(".file-upload").find('.file-upload-content').show();
      $(input).closest(".file-upload").find('.image-title').html(input.files[0].name);
   };
   reader.readAsDataURL(input.files[0]);
}
}
function removeUpload1(input) {
   $(input).parent().parent().parent().find('.file-upload-input1').replaceWith($('.file-upload-input1').clone());
   $(input).parent().parent().find('.s_back_photo').val('');
   $(input).parent().parent().parent().find('.file-upload-content1').hide();
   $(input).parent().parent().parent().find('.image-upload-wrap1').show();
}

$(document).on('click', '.ownerRemove', function(event) {
$("#append25Div").find(".removeonclick").last().remove();
$("#addmoreon25add").find(".fileDiv").last().remove();ss
$("#append25data").find("#addOwner").show();
});

</script>
@endsection