@extends('themes.backend.layouts.app')
@section('validate') @stop

@section('breadcrumb')
{{ Breadcrumbs::render($editDataAtrArr['route'], $dataArr) }}
@endsection

@section('content')
<div class="row">
  <div class="col-sm-12">
    <div class="card m-b-0">
      <div class="card-header">
        <h5>{{ __('application.edit_txt') }}</h5>
      </div>
      <div class="card-block">
        <x-form.alert type="{{ session()->get('alert') }}" title="{{ session()->get('title') }}"
          message="{{ session()->get('message') }}" />

        <div class="row">
          <div class="col-sm-12 form-box2 wow zoomIn">
            <!-- START: Basic Information -->
            <form action="{{ route('admin.application.update', $dataArr->id) }}" name="owner_operator_application" id="owner_operator_application" method="post">
              {{ csrf_field() }}
              {{ method_field('PATCH') }}
              <input type="hidden" id="application_form_type_id" name="application_form_type_id" value="{{ $dataArr->application_form_type_id }}">

              @php 
                //dd($dataArr);

                $application_form_typeData = $dataArr->application_form_type;

                $driver_employer_truckingsData = $dataArr->driver_employer_truckings;
                $driver_claim_historiesDataArr = $dataArr->driver_claim_histories;
                $application_formData = $dataArr->application_form;
                $driver_employer_historiesDataArr = $dataArr->driver_employer_histories;
                $motor_vehicle_driversDataArr = $dataArr->motor_vehicle_drivers;
                $multiple_employer_driverData = $dataArr->multiple_employer_driver;
                $account_holders_disclosureData = $dataArr->account_holders_disclosure;
                $edge_benefitData = $dataArr->edge_benefit;

                $taining_log_hsktData = $dataArr->taining_log_hskt;
                $taining_log_viData = $dataArr->taining_log_vi;
                $taining_log_ssmqData = $dataArr->taining_log_ssmq;
                $taining_log_lsData = $dataArr->taining_log_ls;
              @endphp

              <div class="form-application">
                <div class="container">
                  <!-- <div class="falcon-data" align="center">
                    <x-img src="{{ asset('img/logo.png') }}" />
                    <h3> DRIVER PROFILE</h3>
                  </div> -->
                  {{-- DRIVER INFORMATION --}}
                  @include('themes.frontend.pages.driver-application._partials._driver-information',['applicationData'=>$dataArr])
                </div>
              </div>

              <div class="table-driver-data">
                <div class="container">
                  {{-- TRUCKING COMPANY EMPLOYMENT --}}
                  @include('themes.frontend.pages.driver-application._partials._trucking-company-employment',['truckingDataArr'=>$driver_employer_truckingsData,'driver_claim_historiesDataArr'=>$driver_claim_historiesDataArr])

                  <hr style="margin: 20px 0;">
                  <div class="diver-input-formn"><!-- EMPTY --> </div>

                  {{-- APPLICATION FORM --}}
                  @include('themes.frontend.pages.driver-application._partials._application-form',['application_formData'=>$application_formData])


                  <div class="commercial-ridver">

                    <div class="row">
                      <div class="col-md-12">
                        {{-- EMPLOYMENT HISTORY --}}
                        @include('themes.frontend.pages.driver-application._partials._employment-history',['driver_employer_historiesDataArr'=>$driver_employer_historiesDataArr])
                      </div>
                    </div>


                    {{-- CERTIFICATION OF COMPLIANCE WITH DRIVER LICENSE REQUIREMENTS --}}
                    @include('themes.frontend.pages.driver-application._partials._driver_license_requirements',['motor_vehicle_driversDataArr'=>$motor_vehicle_driversDataArr])

                    {{-- INTERMITTENT OR MULTIPLE-EMPLOYMER DRIVERS--}}
                    @include('themes.frontend.pages.driver-application._partials._multiple_employer_drivers',['multiple_employer_driverData'=>$multiple_employer_driverData])

                    @if($dataArr->application_form_type_id == 1)
                      {{-- Workplace Safety & Insurance Board--}}
                      @include('themes.frontend.pages.driver-application._partials._workplace_safety_and_insurance_board',[])
                    @endif

                    {{-- DISCLOSURE AND AUTHORIZATION REPORTS FROM PSP Online Service--}}
                    @include('themes.frontend.pages.driver-application._partials._disclosure_and_authorization_reports_from_psp_online_service',['account_holders_disclosureData'=>$account_holders_disclosureData,'edge_benefitData'=>$edge_benefitData])

                    {{-- DRIVER TRAINING LOG--}}
                    @include('themes.frontend.pages.driver-application._partials._driver_training_log',['taining_log_hsktData'=>$taining_log_hsktData,'taining_log_viData'=>$taining_log_viData,'taining_log_ssmqData'=>$taining_log_ssmqData,'taining_log_lsData'=>$taining_log_lsData])

                    <!-- <div class="row mb-5">
                                <x-form.group_lyt12>
                                    <center>
                                        <x-form.field.button3 class="witr_btn border-0" type="button" id="send_owner_operator_application" name="send_owner_operator_application" text="{{ __('enquiry.send_txt') }}" />
                                    </center>
                                </x-form.group_lyt12>
                                </div> -->

                    <div class="row">
                      <div class="col-sm-12 text-center">
                        <x-form.group_lyt1_12 class="m-t-10">
                          <x-form.field.button id="send_owner_operator_application" name="submit" class="btn-primary" />
                          <x-form.field.button type="reset" id="reset" name="reset" class="btn-danger m-l-5"
                            text="{{ __('admin.reset_txt') }}" />
                          <x-link url="{{ route('admin.application.index') }}"
                            class="btn btn-mat waves-effect waves-light btn-info m-l-5">{{ __('admin.cancel_txt') }}</x-link>
                        </x-form.group_lyt1_12>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

            </form>
            <!-- END: Basic Information -->
          </div>

        </div>
      </div>

    </div>
  </div>
</div>
</div>
@stop

@push('scripts')
<script>
  // Form submit.
  $(function() {
    $('input[name="fast_card"]').on('change', function() {
      $('input[name="fast_card"]').not(this).prop('checked', false);
    });
    $('input[name="accident[police_reported]"]').on('change', function() {
      $('input[name="accident[police_reported]"]').not(this).prop('checked', false);
    });
    $('input[name="inspection[pass_fail]"]').on('change', function() {
      $('input[name="inspection[pass_fail]"]').not(this).prop('checked', false);
    });
    $('input[name="ticket[lawyer_hired]"]').on('change', function() {
      $('input[name="ticket[lawyer_hired]"]').not(this).prop('checked', false);
    });
    $('input[name="accident[insurance_involved]"]').on('change', function() {
      $('input[name="accident[insurance_involved]"]').not(this).prop('checked', false);
    });
    $('input[name="inspection[lawyer_hired]"]').on('change', function() {
      $('input[name="inspection[lawyer_hired]"]').not(this).prop('checked', false);
    });
  });


  $(function() {
    $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
    });
    // open_add_registration();


    $.validator.addMethod("uniqueEmail", function (value, element) {
        let isValid = false;
        let application_form_type_id = $("#application_form_type_id").val();
        let application_form_id = $("#application_forms-id").val();
        // Make an AJAX request to the server
        $.ajax({
            url: "{{ route('web.application.check-email') }}", // Server endpoint to validate email
            type: 'GET', // HTTP method
            data: { email: value, application_form_type_id: application_form_type_id, application_form_id:application_form_id }, // Data sent to the server
            async: false, // Make the request synchronous
            dataType: "json",
            success: function (response) {
                isValid = response.isUnique; // Response should indicate if email is unique
            },
            error: function () {
                isValid = false; // Handle errors, assume not unique
            }
        });

        return isValid;
    }, "This application form email is already registered, please use another one.");

    $.validator.setDefaults({
         ignore: []
      });

      $("#owner_operator_application").validate({
            rules: {
               name: {
                  required: true
               },
               'application_forms[email]': {
                  required: true,
                  email: true,
                  uniqueEmail: true
               },
            },
            messages: {
               name: "{{ $defDataArr['web_lang']['jq_validate']['enter_a_txt'] . strtolower(__('registration.name_txt')) }}",
               email: {
                    required: "Email is required.",
                    email: "Please enter a valid email address.",
                    uniqueEmail: "This application form email is already registered, please use another one."
               },
            },
            errorPlacement: function(error, element) {
               console.log(element);
               if (element.attr("name") == "application_forms[position_applied][]") {
                  error.appendTo("#position_applied_error_class");
               } else {
                  error.insertAfter(element);
               }
            }
         }),
         $("#send_owner_operator_application").click(function(e) {
            $('.theme-loader').animate({
                'opacity': '0',
            }, 50);
            var btnObj = $(this);
            // $("#owner_operator_application").submit();
            var a = $("#owner_operator_application");
            if (1 == a.valid()) {               
              btnObj.html("<i class=\"fa fa-refresh fa-spin text-white\"></i>&nbsp;Please wait...");
              // btnObj.attr('disabled', 'disabled');
              $("#owner_operator_application").submit();
            }else{
               e.preventDefault();
                var firstInvalidInput = $("#owner_operator_application :input.error:first");
                firstInvalidInput.focus();
                $('.theme-loader').remove();
            }
         });

      // Trigger validation when NiceSelect dropdown changes
      $('select').on('change', function() {
         $(this).valid(); // Trigger validation on the select element
         $("div.nice-select").removeClass('error'); // Adjust based on NiceSelect structure
      });

  });

</script>
@endpush