@extends('front.frontLayout')
@section('title',strtoupper(app('request')->input('test')))
@section('content')
@php
if(app('request')->input('test') == 'lft'){
$test_price = ($covid->price) ? $covid->price : config('app.covid_antigen_price');
}
if(app('request')->input('test') == 'pcr'){
$test_price = ($covid->price) ? $covid->price : config('app.covid_rt_pcr_price');
}
if(app('request')->input('form_type') == 2){
$qty = 1;
}else{
$qty = app('request')->input('quantity');
}
$price = $test_price * app('request')->input('quantity');
@endphp
<div class="site-content">
   <section class="product-form section-padding">
      <div class="container">
         <div class="selected-kits-wrapper">
            <h1 class="main-title text-center">Your Selected Test</h1>
            <div class="banner-section selected-product">
               <div class="selected-product-box">
                  <div class="selected-product-details">
                     <div class="qty-box-wraper">
                        {{--
                        @if(!empty($sale_price))
                        <span class="old-orice">{{config('app.covid_currency')}}{{$sale_price}}</span>
                        @endif
                        --}}
                        <span class="current-orice">
                        <label>
                           Price: <span>{{config('app.covid_currency')}}{{$price}}</span>
                     </div>
                     <div class="qty-box-wraper ml-5">
                     <label>Quantity: <span>{{app('request')->input('quantity')}}</span></label>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="product-accordian">
            <p class="product-note">Please fill in the questionnaire below to continue adding your test.</p>
         </div>
         <!-- MultiStep Form -->
         <div class="container-fluid" id="grad1">
            <div class="select_kit_form">
               <div class="wizard">
                  <div class="row">
                     <div class="col-md-12 mx-0">
                        <!-- <small class="ml-3">(Fields marked with <span class="error">*</span> are mandatory)</small> -->
                        @if(app('request')->input('qty_type') == 1 && app('request')->input('quantity') > 1)
                        <div class="row">
                           <div class="form-type col-md-6 ">
                              <select name="form_type" class="form-control " id="form-type">
                              <option value="1" {{ app('request')->input('form_type') == 1 ? 'selected' : '' }}>Multiple</option>
                              <option value="2" {{ app('request')->input('form_type') == 2 ? 'selected' : '' }}>Single</option>                    
                              </select> 
                           </div>
                        </div>
                        @endif
                        <input type="hidden" name="formno" id="formno" value="1" class="form-control">
                        <form id="msform" action="{{route('product.save')}}" method="post">
                           <div class="form-wrapper">
                              @csrf
                              <input type="hidden" name="kittype" value="{{ app('request')->input('test') }}">
                              <input type="hidden" name="qty_type" value="{{ app('request')->input('qty_type') }}">
                              <input type="hidden" name="form_type" value="{{ app('request')->input('form_type') }}">
                              <input type="hidden" name="quantity" value="{{ app('request')->input('quantity') }}">
                              @for($i=1;$i<=$qty;$i++)
                              <fieldset class="form-{{$i}}">
                                 <div class="form-card row">
                                    <div class="form-group col-md-6">
                                       <label>First Name<span class="error">*</span></label>
                                       <input class="form-control" type="text" name="fname[]" value="{{!empty(old('fname')) ? old('fname')[$i-1] : ''}}" placeholder="First Name" maxlength="10" />
                                    </div>
                                    <div class="form-group col-md-6">
                                       <label>Middle Name<span class="error">*</span></label>
                                       <input class="form-control" type="text" name="mname[]" value="{{!empty(old('mname')) ? old('mname')[$i-1] : ''}}" placeholder="Middle Name" maxlength="10"/>
                                    </div>
                                    <div class="form-group col-md-6">
                                       <label>Last Name<span class="error">*</span></label>
                                       <input class="form-control" type="text" name="lname[]" value="{{!empty(old('lname')) ? old('lname')[$i-1] : ''}}" placeholder="Last Name" maxlength="10"/>
                                    </div>
                                    <div class="form-group col-md-6">
                                       <label>Date of birth<span class="error">*</span></label>
                                       <div class="dob">
                                          <div>
                                             <select name="dobm[]" class="dobm" id="dobm-{{$i}}">
                                                <option value="">Month</option>
                                                @for($m=1;$m<=12;$m++)
                                                <option value="{{$m}}" {{!empty(old('dobm')) && old('dobm')[$i-1] == $m ? 'selected' : ''}}>{{date('F', mktime(0, 0, 0, $m, 1))}}</option>
                                                @endfor
                                             </select>
                                          </div>
                                          <div>
                                             <select name="dobd[]" class="dobd" id="dobd-{{$i}}">
                                                <option value="">Date</option>
                                                @for($d=1;$d<=31;$d++)
                                                <option value="{{$d}}" {{!empty(old('dobd')) && old('dobd')[$i-1] == $d ? 'selected' : ''}}>{{$d}}</option>
                                                @endfor
                                             </select>
                                          </div>
                                          <div>
                                             <select name="doby[]" class="doby" id="doby-{{$i}}">
                                                <option value="">Year</option>
                                                @for($y=1950;$y<=2022;$y++)
                                                <option value="{{$y}}" {{!empty(old('doby')) && old('doby')[$i-1] == $y ? 'selected' : ''}}>{{$y}}</option>
                                                @endfor
                                             </select>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="form-group col-md-6">
                                       <label>Phone Number<span class="error">*</span></label>
                                       <input class="form-control" type="text" name="phno[]" value="{{!empty(old('phno')) ? old('phno')[$i-1] : ''}}" placeholder="Phone Number" maxlength="12" />
                                    </div>
                                    <div class="form-group col-md-6">
                                       <label>Email<span class="error">*</span></label>
                                       <input class="form-control" type="email" name="email[]" value="{{!empty(old('email')) ? old('email')[$i-1] : ''}}" placeholder="Email" />
                                    </div>
                                    <div class="form-group col-md-6 gender-group">
                                       <label>Select Gender</label>
                                       <div class="form-check">
                                          <input class="form-check-input" type="radio" name="gender[{{$i-1}}]" id="male{{$i}}" value="1" {{!empty(old('gender')) && old('gender')[$i-1] == 1 ? 'checked' : ''}}>
                                          <label class="form-check-label" for="male{{$i}}">
                                          Male
                                          </label>
                                       </div>
                                       <div class="form-check">
                                          <input class="form-check-input" type="radio" name="gender[{{$i-1}}]" id="female{{$i}}" value="2" {{!empty(old('gender')) && old('gender')[$i-1] == 2 ? 'checked' : ''}} {{empty(old('gender')) ? 'checked' : ''}}>
                                          <label class="form-check-label" for="female{{$i}}">Female</label>
                                       </div>
                                    </div>
                                    <div class="form-group col-md-6 gender-group">
                                       <label>Identification Type</label>
                                       <div class="form-check">
                                          <input class="form-check-input" type="radio" name="idtype[{{$i-1}}]" id="drivlic{{$i}}" value="1" {{!empty(old('idtype')) && old('idtype')[$i-1] == 1 ? 'checked' : ''}}>
                                          <label class="form-check-label" for="drivlic{{$i}}">
                                          Driver license
                                          </label>
                                       </div>
                                       <div class="form-check">
                                          <input class="form-check-input" type="radio" name="idtype[{{$i-1}}]" id="passpno{{$i}}" value="2" {{!empty(old('idtype')) && old('idtype')[$i-1] == 2 ? 'checked' : ''}} {{empty(old('idtype')) ? 'checked' : ''}}>
                                          <label class="form-check-label" for="passpno{{$i}}">
                                          Passport number
                                          </label>
                                       </div>
                                    </div>
                                    <div class="form-group col-md-6">
                                       <label>ID Number<span class="error">*</span></label>
                                       <input class="form-control" type="text" name="id_number[]" value="{{!empty(old('id_number')) ? old('id_number')[$i-1] : ''}}" placeholder="ID Number" maxlength="16"/>
                                    </div>
                                    <div class="form-group col-md-6" style="display: none;">
                                       <label>Referring Travel agent or Airline<span class="error">*</span></label>
                                       <input class="form-control" type="text" name="travel_agent[]" value="{{!empty(old('travel_agent')) ? old('travel_agent')[$i-1] : ''}}" placeholder="Referring Travel agent or Airline" maxlength="25"/>
                                    </div>
                                    <div class="form-group col-md-12">
                                       <label>Address<span class="error">*</span></label>
                                       <textarea class="form-control" name="address[]" placeholder="Address">{{!empty(old('address')) ? old('address')[$i-1] : ''}}</textarea>
                                    </div>
                                    <div class="form-group col-md-4">
                                       <label>State<span class="error">*</span></label>
                                       <input class="form-control" type="text" name="state[]" value="{{!empty(old('state')) ? old('state')[$i-1] : ''}}" placeholder="State" maxlength="15"/>
                                    </div>
                                    <div class="form-group col-md-4">
                                       <label>City<span class="error">*</span></label>
                                       <input class="form-control" type="text" name="city[]" value="{{!empty(old('city')) ? old('city')[$i-1] : ''}}" placeholder="City"  maxlength="15"/>
                                    </div>
                                    <div class="form-group col-md-4">
                                       <label>Zip Code<span class="error">*</span></label>
                                       <input class="form-control" type="text" name="zipcode[]" value="{{!empty(old('zipcode')) ? old('zipcode')[$i-1] : ''}}" placeholder="Zip Code"  maxlength="10"/>                
                                    </div>
                                    <div class="col-md-12" style="display:none;">
                                       <label>Are you currently experiencing?</label>
                                       <div class="form-check mb-3" >
                                          <input class="form-check-input travelling" type="radio" name="travelling[{{$i-1}}]" id="travellingy{{$i}}" value="1" {{!empty(old('travelling')) && old('travelling')[$i-1] == '1' ? 'checked' : ''}} {{empty(old('travelling')) ? 'checked' : ''}}>
                                          <label class="form-check-label mb-0" for="travellingy{{$i}}">
                                          No
                                          </label>
                                       </div>
                                       <div class="form-check mb-3" >
                                          <input class="form-check-input exposed" type="radio" name="travelling[{{$i-1}}]" id="travellingno{{$i}}" value="2" {{!empty(old('travelling')) && old('travelling')[$i-1] == '2' ? 'checked' : ''}} >
                                          <label class="form-check-label" for="expsympno{{$i}}">
                                          Yes
                                          </label>
                                       </div>
                                    </div>
                                    @if(!empty(old('expsymp')) && old('expsymp')[$i-1] == '1')
                                    @php
                                    $show = "display:block;";
                                    @endphp
                                    @else
                                    @php
                                    $show = "display:none;";
                                    @endphp
                                    @endif
                                    <div class=" gender-group col-md-12">
                                       <label>Are you currently experiencing any of the following?
                                       fever, cough, shortness of breath, the new loss of taste or smell or any other COVID-19 symptoms?</label>
                                       <div class="form-check mb-3">
                                          <input class="form-check-input expsymp-yes" type="radio" name="expsymp[{{$i-1}}]" id="expsympy{{$i}}" value="1" {{!empty(old('expsymp')) && old('expsymp')[$i-1] == '1' ? 'checked' : ''}}>
                                          <label class="form-check-label mb-0" for="expsympy{{$i}}">
                                          Yes
                                          </label>
                                       </div>
                                       <div class="form-check mb-3">
                                          <input class="form-check-input expsymp-no" type="radio" name="expsymp[{{$i-1}}]" id="expsympno{{$i}}" value="2" {{!empty(old('expsymp')) && old('expsymp')[$i-1] == '2' ? 'checked' : ''}} {{empty(old('expsymp')) ? 'checked' : ''}}>
                                          <label class="form-check-label" for="expsympno{{$i}}">
                                          No
                                          </label>
                                       </div>
                                       <div>
                                          <div class="div_is_travelling" style="{{$show}}">
                                             <label>Which of the following COVID symptoms are you experiencing?</label>
                                             <div class="form-group form-check mb-0">
                                                <input type="checkbox" name="fever[]" class="form-check-input" id="fever" value="1" {{!empty(old('fever')) && old('fever')[$i-1] == '1' ? 'checked' : ''}}>
                                                <label class="form-check-label" for="fever">Fever</label>
                                             </div>
                                             <div class="form-group form-check mb-0">
                                                <input type="checkbox" name="headache[]" class="form-check-input" id="headache" value="1" {{!empty(old('headache')) && old('headache')[$i-1] == '1' ? 'checked' : ''}}>
                                                <label class="form-check-label" for="headache">Headache</label>
                                             </div>
                                             <div class="form-group form-check mb-0">
                                                <input type="checkbox" name="vomit[]" class="form-check-input" id="vomit" value="1" {{!empty(old('vomit')) && old('vomit')[$i-1] == '1' ? 'checked' : ''}}>
                                                <label class="form-check-label" for="vomit">Nausea or Vomiting</label>
                                             </div>
                                             <div class="form-group form-check mb-0">
                                                <input type="checkbox" name="diarrhoea[]" class="form-check-input" id="diarrhoea" value="1" {{!empty(old('diarrhoea')) && old('diarrhoea')[$i-1] == '1' ? 'checked' : ''}}>
                                                <label class="form-check-label" for="diarrhoea">Diarrhoea</label>
                                             </div>
                                             <div class="form-group form-check mb-0">
                                                <input type="checkbox" name="chills[]" class="form-check-input" id="chills" value="1" {{!empty(old('chills')) && old('chills')[$i-1] == '1' ? 'checked' : ''}}>
                                                <label class="form-check-label" for="chills">Chills</label>
                                             </div>
                                             <div class="form-group form-check mb-0">
                                                <input type="checkbox" name="fatigue[]" class="form-check-input" id="fatigue" value="1" {{!empty(old('fatigue')) && old('fatigue')[$i-1] == '1' ? 'checked' : ''}}>
                                                <label class="form-check-label" for="fatigue">Fatigue</label>
                                             </div>
                                             <div class="form-group form-check mb-0">
                                                <input type="checkbox" name="bodyache[]" class="form-check-input" id="bodyache" value="1" {{!empty(old('bodyache')) && old('bodyache')[$i-1] == '1' ? 'checked' : ''}}>
                                                <label class="form-check-label" for="bodyache">Body Ache</label>
                                             </div>
                                             <div class="form-group form-check mb-0">
                                                <input type="checkbox" name="losmell[]" class="form-check-input" id="losmell" value="1" {{!empty(old('losmell')) && old('losmell')[$i-1] == '1' ? 'checked' : ''}}>
                                                <label class="form-check-label" for="losmell">Loss of smell or taste</label>
                                             </div>
                                             <div class="form-group form-check mb-0">
                                                <input type="checkbox" name="sbreath[]" class="form-check-input" id="sbreath" value="1" {{!empty(old('sbreath')) && old('sbreath')[$i-1] == '1' ? 'checked' : ''}}>
                                                <label class="form-check-label" for="sbreath">Shortness of breath</label>
                                             </div>
                                             <div class="form-group form-check mb-0">
                                                <input type="checkbox" name="cough[]" class="form-check-input" id="cough" value="1" {{!empty(old('cough')) && old('cough')[$i-1] == '1' ? 'checked' : ''}}>
                                                <label class="form-check-label" for="cough">Cough</label>
                                             </div>
                                             <div class="form-group form-check mb-0">
                                                <input type="checkbox" name="cpain[]" class="form-check-input" id="cpain" value="1" {{!empty(old('cpain')) && old('cpain')[$i-1] == '1' ? 'checked' : ''}}>
                                                <label class="form-check-label" for="cpain">Chest pain</label>
                                             </div>
                                             <div class="form-group form-check mb-0">
                                                <input type="checkbox" name="nscovid[]" class="form-check-input" id="nscovid" value="1" {{!empty(old('nscovid')) && old('nscovid')[$i-1] == '1' ? 'checked' : ''}}>
                                                <label class="form-check-label" for="nscovid">near someone with COVID</label>
                                             </div>
                                          </div>
                                       </div>
                                       <label class="pt-2">Have you been exposed to a known COVID-19 positive individual in the last 14 days?</label>
                                       <div class="form-check mb-0">
                                          <input class="form-check-input" type="radio" name="covexposed[{{$i-1}}]" id="covexposedy{{$i}}" value="1" {{!empty(old('covexposedy')) && old('covexposedy')[$i-1] == '1' ? 'checked' : ''}}>
                                          <label class="form-check-label" for="covexposedy{{$i}}">
                                          Yes
                                          </label>
                                       </div>
                                       <div class="form-check">
                                          <input class="form-check-input" type="radio" name="covexposed[{{$i-1}}]" id="covexposedn{{$i}}" value="2" {{!empty(old('covexposedy')) && old('covexposedy')[$i-1] == '2' ? 'checked' : ''}} {{empty(old('covexposedy')) ? 'checked' : ''}}>
                                          <label class="form-check-label" for="covexposedn{{$i}}">
                                          No
                                          </label>
                                       </div>
                                    </div>
                                  <div class="col-md-6 form-group">
                                     <label>What date was your most recent COVID test?</label>
                                     <input type="text" class="datepicker-past form-control" name="covtestdate[]" placeholder="Date" value="{{!empty(old('covtestdate')) ? old('covtestdate')[$i-1] : ''}}" readonly/>
                                  </div>
                                  <div class="col-md-6 form-group">
                                     <label>What date did you start having symptoms?</label>
                                     <input type="text" class="datepicker-past form-control" name="sympdate[]" value="{{!empty(old('sympdate')) ? old('sympdate')[$i-1] : ''}}" placeholder="Date" readonly/>
                                  </div>
                                  <div class="col-md-12 form-group">
                                    <label>Book an appointment<span class="error">*</span></label>
                                  </div>
                                    <div class="col-md-6 form-group">     
                                       <input type="text" class="appointment-datepicker form-control" name="app_date[]" id="app_date-{{$i}}" value="{{!empty(old('app_date')) ? old('app_date')[$i-1] : ''}}" placeholder="Date" readonly/>
                                    </div>
                                    <div class="col-md-6 form-group">
                                       <select class="form-control" name="app_time[]" id="app_time-{{$i}}">
                                          <option value="">Select time</option>
                                       </select>
                                    </div>
                                 @if($qty == $i)
                                 <div class="form-group form-check col-md-12 mt-2 msf1">
                                    <input type="checkbox" class="form-check-input " name="agree[]" id="agree{{$i}}" value="1" {{!empty(old('agree')) && old('agree')[$i-1] == '1' ? 'checked' : ''}}>
                                    <label class="form-check-label agree mb-0" for="agree{{$i}}">Agree to the website terms and condition?<span class="error">*</span></label>
                                 </div>
                                 @endif
                           </div>
                     @if($qty>1)
                     @if($i>1)
                     <input type="button" name="previous" class="previous action-button custom-btn" value="Previous" /> 
                     @endif
                     @if($qty != $i)
                     <input type="button" name="next" class="next action-button custom-btn" value="Next Step" />
                     @else
                     <input type="submit" class="next action-button custom-btn" value="Submit" />
                     @endif
                     @else
                     <input type="submit" class="next action-button custom-btn" value="Submit" />
                     @endif                     
                     </fieldset>
                     @endfor
                  </div>
                  </form>
               </div>
            </div>
         </div>
      </div>
</div>
</div>
</section>
<input type="hidden" id="appointment_data" value="{{ $date_desabeled }}">
</div>
@endsection
@section('pageleveljs')
@if ($errors->any())
<script type="text/javascript">
   @foreach ($errors->all() as $error)
   setTimeout(function() {
       toastr.options = {
           closeButton: true,
           progressBar: true,
           showMethod: 'slideDown',
           timeOut: 4000
       };
       toastr.error('');
   }, 1300);
   @endforeach
</script>
@endif
@if($message = Session::get('success'))
<script type="text/javascript">
   setTimeout(function() {
       toastr.options = {
           closeButton: true,
           progressBar: true,
           showMethod: 'slideDown',
           timeOut: 4000
       };
       toastr.success('{{$message}}');
   }, 1300);
</script>
@endif
@if($message = Session::get('error'))
<script type="text/javascript">
   setTimeout(function() {
       toastr.options = {
           closeButton: true,
           progressBar: true,
           showMethod: 'slideDown',
           timeOut: 4000
       };
       toastr.error('{{$message}}');
   }, 1300);
</script>
@endif
<script src="{{asset('frontend/js/jquery.validate.min.js')}}?v=1.0"></script>
<script type="text/javascript">
   $(document).ready(function() {    
       var appointment_data = $('#appointment_data').val();
       if (appointment_data != "[]" && appointment_data.length > 0) {
         $('.appointment-datepicker').datepicker({
           format: 'mm-dd-yyyy',
           autoclose: true,
           startDate: '-0m',
           todayHighlight: true,
           daysOfWeekDisabled: [0, 6],
           datesDisabled: appointment_data,
         }).on('changeDate', function(ev){
             var id = $(this).attr('id');
             const myArray = id.split("-");
             $.ajax({
               type: "get",
               url: "{{ route('covid.appointment.time') }}",
               dataType: "json",
               data: {app_date:$(this).val()},
               async: false,
               success: function (response)
               {
                   if (response.success == true) {
                       $('#app_time-'+myArray[1]).html(response.html);
                   }
               }
           });
         });
       } else {
         $('.appointment-datepicker').datepicker({
           format: 'mm-dd-yyyy',
           autoclose: true,
           startDate: '-0m',
           todayHighlight: true,
           daysOfWeekDisabled: [0, 6],
           datesDisabled: '',
         }).on('changeDate', function(ev){
             var id = $(this).attr('id');
             const myArray = id.split("-");
             $.ajax({
               type: "get",
               url: "{{ route('covid.appointment.time') }}",
               dataType: "json",
               data: {app_date:$(this).val()},
               async: false,
               success: function (response)
               {
                   if (response.success == true) {
                       $('#app_time-'+myArray[1]).html(response.html);
                   }
               }
           });
         });
       }
       //jquery validate to check validation on click
       $("#msform").validate({
           rules: {
               'fname[]': {
                   required: true,
                   lettersonly: true
               },
               'mname[]': {
                   required: true,
                   lettersonly: true
               },
               'lname[]': {
                   required: true,
                   lettersonly: true
               },
               'gender[]': "required",
               'dobm[]': {
                  required: true,
                  dob: true
               },
               'dobd[]': {
                  required: true,
                  dob: true
               },
               'doby[]': {
                  required: true,
                  dob: true
               },
               'phno[]': {
                   required: true,
                   phoneonly: true
               },
               'email[]': {
                   required: true,
                   emailonly: true
               },
               'idtype[]': "required",
               'id_number[]': "required",
               //'travel_agent[]': "required",
               'address[]': "required",
               'state[]': {
                   required: true,
                   lettersonly: true
               },
               'city[]': {
                   required: true,
                   lettersonly: true
               },
               'zipcode[]': {
                   required: true,
                   number: true
               },
               'app_time[]': {
                   required: true,
                   checkappointmenttime: true
               },
               'app_date[]': {
                   required: true,
                   checkappointmentdate: true
               },
               'agree[]': "required"
           },
           messages: {
               'email[]': {
                   required: "Please enter email",
                   email: "Please enter valid email"
               },
               'fname[]': {
                   required: "Please enter first name",
               },
               'mname[]': {
                   required: "Please enter middle name",
               },
               'lname[]': {
                   required: "Please enter last name",
               },
               'dobm[]': {
                 required: "Please select month",
                 dob: "Date of birth must be past date",
               },
               'dobd[]': {
                 required: "Please select date",
                 dob: "Date of birth must be past date",
               },
               'doby[]': {
                 required: "Please select year",
                 dob: "Date of birth must be past date",
               },
               'phno[]': {
                   required: "Please enter phone number",
               },
               'id_number[]': {
                   required: "Please enter Id number",
               },
               // 'travel_agent[]': {
               //     required: "Please enter Referring Travel agent or Airline",
               // },
               'address[]': {
                   required: "Please enter address",
               },
               'state[]': {
                   required: "Please enter state",
               },
               'city[]': {
                   required: "Please enter city",
               },
               'zipcode[]': {
                   required: "Please enter zipcode",
               },
               'app_date[]': {
                   required: "Please enter appointment date",
               },
               'app_time[]': {
                   required: "Please enter appointment time",
               },
               'agree[]': {
                   required: "Please agree to the website terms and condition",
               }
           },
           errorPlacement: function(error, element) {
               if (element.is(":checkbox")) {
                   if (element.attr('name') == 'agree[]') {
                       error.insertAfter(".agree");
   
                   } else {
                       error.insertAfter(element);
                   }
               } else if (element.is(":radio")) {} else {
   
                   if (element.attr('name') == 'dobm[]') {
                       var dobmid = element.attr('id');
                       error.insertAfter("#"+dobmid);
   
                   } else if (element.attr('name') == 'dobd[]') {
                       var dobdid = element.attr('id');
                       error.insertAfter("#"+dobdid);
   
                   } else if (element.attr('name') == 'doby[]') {
                       var dobyid = element.attr('id');
                       error.insertAfter("#"+dobyid);
   
                   } else {
                       error.insertAfter(element);
                   }
               }
           },
           invalidHandler: function(form, validator) {
               var errors = validator.numberOfInvalids();
               if (errors) {
                   $('html, body').animate({
                       scrollTop: ($(validator.errorList[0].element).offset().top - 100)
                   }, 1000);
   
               }
           }
       });
   });
   jQuery.validator.addMethod("lettersonly", function(value, element) {
       return this.optional(element) || /^[a-z]+$/i.test(value);
   }, "Only alphabetical characters");
   jQuery.validator.addMethod("phoneonly", function(value, element) {
       return this.optional(element) || /^([0-9\-\+\(\)]*)$/.test(value);
   }, "Invalid phone number");
   jQuery.validator.addMethod("emailonly", function(value, element) {
       return this.optional(element) || /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/i.test(value);
   }, "Please enter valid email address!");
   jQuery.validator.addMethod("dob", function(value, element) {
         var id = element.id;
         const myArray = id.split("-");
         var today = new Date();
         var dd = String(today.getDate());
         var mm = String(today.getMonth() + 1); //January is 0!
         var yyyy = today.getFullYear();           
         today = yyyy + '-' + mm + '-' + dd;
         var today = new Date(today).getTime();
         var dobm = $('#dobm-'+myArray[1]).val();
         var dobd = $('#dobd-'+myArray[1]).val();
         var doby = $('#doby-'+myArray[1]).val(); 
         newtest = doby + '-' + dobm + '-' + dobd;
         var newtest = new Date(newtest).getTime();
         if (newtest >= today) {
           return false;
         }else{
           return true;
         }              
     }, "Date of birth must be past date"); 
   $.validator.addMethod("checkappointmentdate", function (value, element) {
           var isFound = false;
           var id = element.id;
           const idArray = id.split("-");
           var app_time = $('#app_time-'+idArray[1]).val();
           $.ajax({
               type: "POST",
               url: "{{ ('appointmentAlreadyRegistered') }}",
               dataType: "json",
               data: { _token: "{{ csrf_token() }}",app_time:app_time,app_date:value,type:2 },
               async: false,
               success: function (response)
               {
                   // if the email address does not exists, it returns a string "true"
                   if (response.msg == true) {
                       isFound = false;
                   } else {
                       isFound = true;
                   }
               }
           })
           return isFound;
       }, "Appointment is Already Taken");
   $.validator.addMethod("checkappointmenttime", function (value, element) {
           var isFound = false;
           var id = element.id;
           const idArray = id.split("-");
           var app_date = $('#app_date-'+idArray[1]).val();
           $.ajax({
               type: "POST",
               url: "{{ ('appointmentAlreadyRegistered') }}",
               dataType: "json",
               data: { _token: "{{ csrf_token() }}",app_time:value,app_date:app_date,type:2 },
               async: false,
               success: function (response)
               {
                   // if the email address does not exists, it returns a string "true"
                   if (response.msg == true) {
                       isFound = false;
                   } else {
                       isFound = true;
                   }
               }
           })
           return isFound;
       }, "Appointment is Already Taken");
   var qty_type = "{{ app('request')->input('qty_type') }}";
   var quantity = "{{ app('request')->input('quantity') }}";
   var test = "{{ app('request')->input('test') }}";
   $('#form-type').change(function(){  
       var val = $(this).val();  
       if(val == 2)
       {   
           var url = "product?qty_type="+qty_type+"&quantity="+quantity+"&test="+test+"&form_type=2";
           $(location).prop('href', url);     
       } else{
           var url = "product?qty_type="+qty_type+"&quantity="+quantity+"&test="+test+"&form_type=1";
           $(location).prop('href', url); 
       }   
   });
</script>
@stop