@extends('main')
@section('css')
    <style>
        .select2-close-mask {
            z-index: 2099;
        }

        .select2-dropdown {
            z-index: 3051;
        }

        .test-class {
            background-color: brown !important;
            padding: 4px !important;
            color: honeydew
        }
    </style>
@endsection
@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
        </h1>
        <ol class="breadcrumb">

        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="card card-outline card-success">
                    <div class="card-header with-border">
                        @if(isset($vars['contract']->ResponseStatusCode))
                            <h3 class="card-title float-left">
                                <b>RequestId : {{$vars['contract']->RequestId}}</b> <b
                                        class="text-base text-green">{{$vars['contract']->ResponseStatusCode}}
                                    - {{$vars['contract']->ResponseStatusDesc}}</b>
                            </h3>
                        @endif
                        <h3 class="float-right card-title">
                            @if(isset($vars['contract']->policyNumber))
                                <b class="float-right">PolicyNo : {{$vars['contract']->policyNumber->policy_no}}</b>
                            @endif
                        </h3>
                    </div>

                    <div class="col-md-12 col-sm-6">
                        <div class="card card-orange card-tabs">
                            <div class="card-header p-0 pt-1">
                                <ul class="nav nav-tabs justify-content-center text-bold" id="custom-tabs-one-tab"
                                    role="tablist">
                                    <li class="nav-item border-end border-dark mr-1">
                                        <a class="nav-link" id="policy-details-tab" data-toggle="pill"
                                           href="#contract-details" role="tab" aria-controls="contract-details"
                                           aria-selected="true">Update Details</a>
                                    </li>
                                    <li class="nav-item border-end border-dark mr-1">
                                        <a class="nav-link active" id="policy-details-tab" data-toggle="pill"
                                           href="#policy-details" role="tab" aria-controls="policy-details"
                                           aria-selected="true">Policy Details</a>
                                    </li>
{{--                                    <li class="nav-item border-end border-dark mr-1">--}}
{{--                                        <a class="nav-link" id="payment-details-tab"--}}
{{--                                           data-customer="{{$vars['contract']?->customer->id}}" data-toggle="pill"--}}
{{--                                           href="#payment-details" role="tab" aria-controls="payment-details"--}}
{{--                                           aria-selected="false">Payments</a>--}}
{{--                                    </li>--}}


                                    @if($vars['contract']->status == "Success")
                                    <li class="nav-item border-end border-dark mr-1">
                                        <a class="nav-link  " id="custom-tabs-one-messages-tab"
                                           href="{{route('policy-schedules',$vars['contract']->uuid)}}">Policy
                                            Schedule</a>
                                    </li>
                                    @else
                                        <li class="nav-item border-end border-dark mr-1">
                                            <a class="nav-link" id="custom-tabs-policy-quotations-tab" data-toggle="pill"
                                               href="#custom-tabs-policy-quotations" role="tab" aria-controls="custom-tabs-policy-quotations"
                                               aria-selected="true">Quotation</a>
                                        </li>
                                    @endif
                                </ul>

                            </div>
                            <div class="card-body">
                                <div class="tab-content" id="custom-tabs-one-tabContent">
                                    <div class="tab-pane fade " id="contract-details" role="tabpanel" aria-labelledby="contract-details-tab">
                                        <div id="contracts_details_view">
                                            <form class="prevent-resubmit-form" method="POST"
                                                  action="{{route('contracts.store')}}"
                                                  enctype="multipart/form-data">
                                                @csrf
                                                <input type="hidden" name="entered_by_id" value="{{auth()->user()->id}}"
                                                       required>
                                                <input type="hidden" name="contract_id"
                                                       @isset($vars['contract']) value="{{$vars['contract']->id}}"
                                                       required @endisset>
                                                <div class="card-body row">
                                                    @include('reusable.inpuSelect2',["colDiv" =>'col-md-2', 'idName'=>"motor_validation", "iterables" =>$vars['classess'], 'className'=>'find_service_from_group motor_validation', "label" =>'Service Group', "name" =>'serviceGroupId','queue'=>$vars['contract']->serviceGroup?? null,"required" =>'required'])
                                                    @if(isset($vars['services']))
                                                        @include('reusable.inpuSelect2',["colDiv" =>'col-md-2', "iterables" =>$vars['services'],   'label' =>'Service', 'className'=>'service_from_group', "name" =>'serviceId','queue'=>$vars['contract']->service?? null,"required" =>'required'])
                                                    @else
                                                        @include('reusable.inpuSelect2',["colDiv" =>'col-md-2',  'label' =>'Service', 'className'=>'service_from_group', "name" =>'serviceId','queue'=>$vars['contract']->service?? null,"required" =>'required'])
                                                    @endif

                                                    <div class="form-group col-md-2">
                                                        <label for="exampleInputService">SOB:</label>
                                                        <select class="form-control select2 source_of_business"
                                                                name="customer_class_id"
                                                                data-placeholder="Select Source"
                                                                @if($vars['contract']->customer_class_id == 1) readonly @endif>
                                                            @foreach($vars['sob'] as $item)
                                                                <option value="{{$item->id}}" {{$vars['contract']->customer_class_id == $item->id ? 'selected': ''}}> @if($item->id == 1)
                                                                        Direct Business
                                                                    @else
                                                                        {{$item->name}}
                                                                    @endif</option>
                                                            @endforeach
                                                        </select>
                                                    </div>

                                                    <div class="form-group col-md-2">
                                                        <label for="exampleInputService">Source:</label>
                                                        <select class="form-control select2 source_of_business_customer"
                                                                name="sob_id" data-placeholder="Select Source"
                                                                @if($vars['contract']->customer_class_id == 1) disabled @endif>
                                                            <option value="">Select Source</option>
                                                            @isset($vars['contract']->source)
                                                                <option value="{{$vars['contract']->sob_id}}"
                                                                        selected>{{$vars['contract']->source->PolicyHolderName}}</option>
                                                            @endisset
                                                        </select>
                                                    </div>

                                                    <div class="form-group col-md-4">
                                                        <label for="exampleInputCustomers">PolicyHolder <a
                                                                    style="background-color: teal; "
                                                                    class="badge badge-btn text-white ml-1 badge-sm click_customer_modal float-right"
                                                                    data-id="{{$vars['contract']?->customer?->id}}"> <i
                                                                        class="fa fa-pencil"></i>Edit </a></label>
                                                        <div class="input-group ">
                                                            <select class="form-control select2 customers"
                                                                    style="width:92%" name="customers[]"
                                                                    data-placeholder="Select Customers" required>
                                                                <option value="">Select Policy Holder</option>
                                                                @isset($vars['contract']->customers)
                                                                    @foreach($vars['contract']->customers as $customer)
                                                                        <option value="{{$customer->id}}"
                                                                                selected>{{$customer->PolicyHolderName}}</option>
                                                                    @endforeach
                                                                @endisset
                                                            </select>
                                                            <span class="input-group-append">
                                                                <button type="button" class="btn btn-sm btn-info btn-flat click_customer_modal"> + </button>
                                                            </span>
                                                        </div>
                                                    </div>

                                                    <div class="form-group col-md-2">
                                                        <label for="exampleInputService">Policy Type:</label>
                                                        <select class="form-control select2 policyType"
                                                                name="policyType"
                                                                data-placeholder="Select Service" required>
                                                            <option value="">Select Policy Type</option>
                                                            <option value="annual" {{$vars['contract']->policyType =='annual' ? 'selected' : '' }}>
                                                                Annual
                                                            </option>
                                                            <option value="contract" {{$vars['contract']->policyType =='contract' ? 'selected' : '' }}>
                                                                Contract
                                                            </option>
                                                        </select>
                                                    </div>
                                                    @include('reusable.inputText',["colDiv" =>'col-md-2', 'label' =>'Start Date', 'className'=>'startDate', 'value'=>$vars['contract']->startDate, "name" =>'startDate','inputType'=>'datetime-local',"required" =>'required'])
                                                    @include('reusable.inputNumber',["colDiv" =>'col-md-2', 'label' =>'No Day', 'className'=>'noDay noDay', "name" =>'noDay', 'value'=> $vars['contract']->noDay,"required" =>'required'])
                                                    @include('reusable.inputText',["colDiv" =>'col-md-2', 'label' =>'End Date', 'className'=>'endDate', "name" =>'endDate','value'=> $vars['contract']->endDate,'inputType'=>'datetime-local',"required" =>'required'])
                                                    <div class="form-group col-md-4 flex">
                                                        <button type="submit" class="btn bg-gradient-orange "
                                                                style="margin-top: 30px">
                                                            Update Contract
                                                        </button>
                                                        {{--                                                    <a class="btn ml-auto  bg-gradient-orange new_policy_button" style="margin-top: 30px">Toggle Policy</a>--}}
                                                        {{--                                <a style="margin-top: 30px" class="btn ml-auto  bg-gradient-orange prevent-resubmit-button fix_policy_button_fleet" data-uuid="{{ $vars['contract']->uuid }}" data-id="{{ $vars['contract']->id }}">Fix Policy</a>--}}
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>

                                    <div class="tab-pane fade show active" id="policy-details" role="tabpanel"
                                         aria-labelledby="policy-details-tab">
                                        @isset($vars['contract']->serviceGroup)
                                            @if($vars['contract']->serviceGroup->name == 'MOTORS' || $vars['contract']->serviceGroup->name == 'Motors')
                                                @include('contracts.stores._motor')
                                            @else
                                                @include('contracts.stores._non_motor')
                                            @endif
                                        @endisset

                                        <div class="card-footer">
                                            {{--   <h3 class="card-title">Policy Submission</h3>--}}
                                            {{--   <a href="{{url('cashier-payments/'. $vars['contract']->customer->uuid.'/'.$vars['contract']->uuid)}}"--}}
                                            {{--   class="btn ml-auto mx-2 bg-gradient-orange float-right cl">Receive Money</a>--}}

                                                                                        <a class="btn ml-auto mx-2 bg-gradient-orange float-right click-to-receive-payment">Receive Money</a>
                                            {{--    @if(isset($vars['contract']->policies) && $vars['contract']->policies->count() > 1)--}}
                                            {{--     @if($vars['contract']->serviceGroup->name == 'MOTORS' || $vars['contract']->serviceGroup->name == 'Motors' && $vars['contract']->policies->count() >= 50)--}}
                                            {{--         @php--}}
                                            {{--             $fleets = $vars['contract']->whereHas('policies',function ($q){--}}
                                            {{--                 $q->whereNotNull('CoverNoteReferenceNumber');--}}
                                            {{--                      })->count();--}}
                                            {{--                          @endphp--}}
                                            {{--                             <a data-category="fleet" data-state="{{$vars['contract']->state}}"--}}
                                            {{--                                  data-contract="{{$vars['contract']->id}}"--}}
                                            {{--                                      data-uuid="{{$vars['contract']->uuid}}"--}}
                                            {{--                                            class="btn ml-auto mx-2 bg-gradient-orange float-right prevent-resubmit-button submit_all_policies_risks">Submit--}}
                                            {{--                                               As Fleet</a>--}}
                                            {{--                                                @else--}}
                                            {{--                                                    <a data-category="submit" data-state="{{$vars['contract']->state}}"--}}
                                            {{--                                                       data-contract="{{$vars['contract']->id}}"--}}
                                            {{--                                                       data-uuid="{{$vars['contract']->uuid}}"--}}
                                            {{--                                                       class="btn ml-auto mx-2 bg-gradient-orange float-right prevent-resubmit-button submit_all_policies_risks ">Submit--}}
                                            {{--                                                        All Policy</a>--}}
                                            {{--                                                @endif--}}
                                            {{--                                            @endif--}}

                                            {{--                                            <a data-category="submit" data-state="{{$vars['contract']->state}}"--}}
                                            {{--                                               data-contract="{{$vars['contract']->id}}"--}}
                                            {{--                                               data-uuid="{{$vars['contract']->uuid}}"--}}
                                            {{--                                               class="btn ml-auto mx-2 bg-gradient-orange float-right prevent-resubmit-button submit_all_policies_risks ">Submit--}}
                                            {{--                                                All Policy</a>--}}
                                        </div>
                                    </div>

                                    <div class="tab-pane fade " id="payment-details" role="tabpanel"
                                         aria-labelledby="payment-details-tab">
                                        <div id="payments_details_view">

                                        </div>
                                    </div>

                                    <div class="tab-pane fade" id="custom-tabs-one-messages" role="tabpanel"
                                         aria-labelledby="custom-tabs-one-messages-tab">
                                    </div>

                                    <div class="tab-pane fade" id="custom-tabs-policy-quotations" role="tabpanel"
                                         aria-labelledby="custom-tabs-policy-quotations-tab">
                                        @include('contracts.render.quotation_tab')
                                    </div>
                                </div>
                                <div class="col-lg-12 float-right">
                                    <button class="btn btn-default float-right" onclick="printThisWindow('printing')"> Print</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="modal fade risk_policy_modal policy-risk-replace-all"></div>

    <div class="modal fade modalEndorsementchangeData"></div>

    <div class="modal fade modalReceivePaymentData">
            <div class="modal-dialog modal-lg ">
                <div class="modal-content ">
                    <div class="modal-header d-flex flex-row align-items-end justify-content-between">
                        <div class=" d-flex flex-row align-items-end justify-content-between">
                            <span style="width: 2px"></span>
                            <h4 class="modal-title d-flex flex-row align-items-center justify-content-center text-center">Add Policy Reference of Payment</h4>
                        </div>
                        <span class="float-right">Amount To Pay :  <b class="amount_topay"></b> <span class="currency_name">{{$vars['contract']->currency->name ?? 'Tzs'}}</span> </span>
                    </div>
                    <div style="border: thin teal solid;" class="mb-2"></div>
                    <div id="payment_modal_reference">
                        <form class="prevent-resubmit-form" id="policy_reference_for_policies" method="POST" enctype="multipart/form-data">
                            <div class="modal-body">
                                <div class="row">
                                    <input type="hidden" name="contract_id" value="{{$vars['contract']->id}}" required>
                                    <input type="hidden" name="entered_by_id" value="{{auth()->user()->id}}" required>

                                    <div class="form-group col-md-6">
                                        <label for="exampleInputService"> Payment Method:</label>
                                        <select class="form-control select2 paymentType" name="payment_method_id" data-placeholder="Payment method" required>
                                            <option value="">Payment method </option>
                                            @foreach(App\Models\PaymentMethod::get() as $paymentMethod)
                                                <option value="{{$paymentMethod->id}}">{{$paymentMethod->name}} </option>
                                            @endforeach
                                        </select>
                                    </div>

                                    {{-- particular --}}
                                    @include('reusable.inputText', ["colDiv" =>'col-md-6', 'label' =>' Reference', 'className'=>'reference', "name" =>'reference','inputType'=>'text',"required" =>'required'])
                                </div>
                            </div>
                            <div class="modal-footer justify-content-between">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-primary bg-orange" > Save changes </button>
                            </div>
                        </form>
                    </div>
                    <div style="border: thin teal solid;" class="mb-2"></div>
                </div>
            </div>
    </div>

    <!-- /.content -->
    @include('customers.customer_modal')
    {{--    @include('contracts.render.risk_policy_modal')--}}
    {{--    @include('contracts.render.modal_endorsement_preload')--}}
    @include('contracts.render.payment_modal')
    @include('contracts.render.fleet_modal')
    @include('contracts.render.cancellation_reason_modal')
@endsection

@section('js')
    @include('areas.script')
    @include('contracts.scripts.days')
    @include('contracts.scripts._policy')
    @include('contracts.scripts._policyCalculation')
    @include('customers.script')
    @include('contracts.scripts._changeControl')
    @include('selections.currencies')

    <script >
        let selectedPolicies = [];
        $(document).ready(function () {
            $('.pre-checked-checkbox').each(function (index, element) {
                let id = $(element).data('id');
                let checkRisk = $(`.risk-present${id}`).text()
                if(checkRisk){selectedPolicies.push(id)}
            });
        });

        $(document).on('click','.click-to-receive-payment', function (e) {
            if (selectedPolicies.length === 0){
                largeToastPanel('error',"You have not selected any policy for payment reference")
                return ;
            }
            $(".modalReceivePaymentData").modal("show")
            let formdata = new FormData();
            formdata.append('policies', selectedPolicies);
            asyncFetchAnyData(url = "fetch_amount_to_pay_for_selected_policy", formdata, 'modalReceivePaymentData').then((response) => {
                if(response.status){
                    $('.amount_topay').text(response.amount.toLocaleString())
                }else{
                    $('#modalReceivePaymentData').modal('hide');
                    largeToastPanel('warning',response.amount)
                }
            });

        });

        $(document).on('submit','#policy_reference_for_policies', function (e) {
            e.preventDefault();
            let formdata = new FormData(this);
            if (selectedPolicies.length === 0){
                $('#modalReceivePaymentData').modal('hide');
                largeToastPanel('error',"You have not selected any policy for payment reference")
                return ;
            }
            formdata.append('policies', selectedPolicies);

            
            asyncFetchAnyData(url = "policy_reference_for_policies", formdata, 'policy_reference_for_policies').then((response) => {
                $('#modalReceivePaymentData').modal('hide');
                location.reload();
            });

        });

        $(document).on('click','.check_all', function (e) {
            let allCheck = $(this).prop("checked");
                $('.checked-payment-for-reference').each(function (index, element) {
                    let id = $(element).data('id');
                    let checkRisk = $(`.risk-present${id}`).text()
                    if(checkRisk && allCheck){
                        let index = selectedPolicies.indexOf(id);
                        if(index < 0){
                            selectedPolicies.push(id)
                        }
                        $(this).attr('checked', true);
                        $(this).prop('checked', true);
                        $(this).not(this).prop('checked', true);
                    }else{
                        selectedPolicies = [];
                        $(this).prop('checked', false);
                        $(this).not(this).prop('checked', false);
                    }
                });
        });

        $(document).on('keyup change', '.checked-payment-for-reference', function () {
            let id = $(this).data('id');
            let index = selectedPolicies.indexOf(id);
            if ($("#" + id + "input_checkbox_check").prop("checked") != true) {
                while (index !== -1) {
                    selectedPolicies.splice(index, 1);
                    index = selectedPolicies.indexOf(id);
                }
                $("#" + id + "input_checkbox_check").not(this).prop('checked', false);
                $('.check_all').not(this).prop('checked', false);
            } else {

                let checkRisk = $(`.risk-present${id}`).text()
                if(checkRisk){
                    selectedPolicies.push(id)
                    $("#" + id + "input_checkbox_check").not(this).prop('checked', true);
                }else{
                    $("#" + id + "input_checkbox_check").not(this).prop('checked', false);
                    $(`#${id}input_checkbox_check`).click();
                    $('.check_all').not(this).prop('checked', false);
                }
            }

        });

    </script>

    <script type="text/javascript">

        let conversion_rate = 1;
        let currency_rate_id = null;
        let currency_id = 1;

        const data = {collection: []}
        let cancellation_reason = "";
        let currentElement = null;

        selectCurrencies('select[name=currency_id]', 'Select currency', "", ()=>{}, {})


        $(document).ready(function () {
            $.fn.modal.Constructor.prototype.enforceFocus = function () {
            };
            $("#selectPaymentType").select2({
                dropdownParent: $("#policy_payment_modal")
            });

            $('#policy_payment_modal .select2').each(function () {
                var $p = $(this).parent();
                $(this).select2({
                    dropdownParent: $p
                });
            });
        });

        $(document).on('click', '.fix_policy_button_fleet', function (e) {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            let id = $(this).data('id');
            let uuid = $(this).data('uuid');
            let formdata = new FormData();
            formdata.append('id', id);
            formdata.append('uuid', uuid);
            $.ajax({
                type: "POST",
                url: `/fleetDataFinalResponseFixer`,
                processData: false,
                contentType: false,
                data: formdata,
                beforeSend: function () {
                    run_waitMe('ios', `policy_submission_form`, 'Connecting To Tira Service');
                },
                complete: function () {
                    $(`#policy_submission_form`).waitMe("hide");
                    // currentElement.addClass('invisible');
                },
                success: function (data) {
                    setTimeout(function () {
                        synchronizeFindTheResponse({policy: null, contract: id})
                    }, 3000);

                },
                error: function (xhr, ajaxOptions, thrownError) {
                    releaseSubmit();
                    toastFunction('error', 'There is a technical error contact technical team');

                }
            });
        });

        $(document).on('click', '.get_cureent_policy_data', function (e) {
            e.preventDefault();
            let policy = $(this).data('policy');

            $.ajax({
                url: `/payment-test?policy=${policy}`,
                type: 'GET',

                success: function (response) {
                    $("#payment_modal_form").empty();
                    $("#payment_modal_form").replaceWith(response.view);
                    $('#policy_payment input[name=policy_id]').val(policy);
                    $(".paymentType").select2();
                }
            })
        });

        $(document).on('click', '#payment-details-tab', function (e) {
            e.preventDefault();
            let customer = $(this).data('customer');

            $.ajax({
                url: `/get-payment-details-for-customer?customer=${customer}`,
                type: 'GET',

                success: function (response) {
                    $("#payments_details_view").empty();
                    $("#payments_details_view").append(response.view);
                    $('#payment_detail_form_table').DataTable();
                    $('#currency_id').select2();
                    $('#payment_method').select2();
                }
            })

            setTimeout(() => {
                let totalAmount = $('.payment_total_amount').text().replace(/,/g, '').replace(/\//g, '').replace(/=/g, '');
                let checkedRows = 0;
                let rows = $('#payment_detail_form_table').dataTable().$("tr");
                let totalRows = rows.length;

                rows.each(
                    function (i, tr) {
                        let order_id = $(this).data('id');
                        let target_input = $(this).find(`.order_number_${order_id}`);
                        let policy_id = $(this).closest('tr').data('policy');
                        let index = data.collection.indexOf(policy_id);

                        if (target_input.is(":checked")) {
                            // target_input.closest('tr').addClass('test-class')
                            checkedRows++;
                            if (index == -1) {
                                data.collection.push(policy_id)
                            }
                        } else {
                            // target_input.closest('tr').removeClass('test-class')
                            checkedRows--;

                            if (index !== -1) {
                                data.collection.splice(index, 1);
                            }
                        }
                    });
            });
        });

        $(document).on('submit', '#multi-policy-payment-form', function (e) {
            e.preventDefault();

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

            let formData = new FormData(this);
            formData.append('policies', JSON.stringify(data.collection))

            $.ajax({
                url: '/payments',
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,

                success: function (response) {
                    // console.log(response);÷
                }
            })
        });

        $(document).on('submit', '#policy_payment', function (e) {
            e.preventDefault();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            let formdata = new FormData(this);

            $.ajax({
                type: "POST",
                url: `/process-policy-payments`,
                processData: false,
                contentType: false,
                data: formdata,
                beforeSend: function () {
                    run_waitMe('ios', `policy_submission_form`, 'Connecting To Tira Service');
                },
                complete: function () {
                    $(`#policy_submission_form`).waitMe("hide");
                    // currentElement.addClass('invisible');
                },
                success: function (data) {
                    if (data.status == 200) {
                        $(".submitToTira").click()
                        $('#policy_payment_modal').modal('hide')

                        Swal.fire({
                            title: "Good!",
                            text: "Paid Successful!",
                            icon: "success"
                        });
                    } else {
                        Swal.fire({
                            title: "Failed!",
                            text: data.message,
                            icon: "error"
                        });
                    }
                },

                error: function (xhr, ajaxOptions, thrownError) {
                    releaseSubmit();
                    toastFunction('error', 'There is a technical error contact technical team');
                }
            });
        });

        $(document).on('submit', '#fleet_uploading_form', function (e) {
            e.preventDefault();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            let formdata = new FormData(this);

            $.ajax({
                type: "POST",
                url: `/motors-imports`,
                processData: false,
                contentType: false,
                data: formdata,
                // beforeSend: function () {
                //     run_waitMe('ios', `policy_submission_form`, 'Connecting To Tira Service');
                // },
                complete: function () {
                    $(`#policy_submission_form`).waitMe("hide");
                    // currentElement.addClass('invisible');
                },
                success: function (data) {
                    if (data.status == 200) {
                        Swal.fire({
                            title: "Good!",
                            text: data.message,
                            icon: "success"
                        });
                    } else {
                        Swal.fire({
                            title: "Failed!",
                            text: data.message,
                            icon: "error"
                        });
                    }
                    $('.fleet_uploading_modal').modal('show');
                },

                error: function (xhr, ajaxOptions, thrownError) {
                    releaseSubmit();
                    toastFunction('error', 'There Is A technical error, Please contact technical Team');
                }
            });
        });

        $(document).on('click', '.cancel_policy', function (e) {
            $('.cancellation_reason_modal').modal('show');
            currentElement = $(this);
        });

        $(document).on('click', '#add_cancellation_reason', function (e) {
            e.preventDefault();

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

            cancellation_reason = $('#cancel_contract_submission_form textarea[name="reason"]').val()
            $('.cancellation_reason_modal').modal('hide');

            let id = $(currentElement).data('policy');
            let uuid = $(currentElement).data('uuid');
            let type = $(currentElement).data('type');
            let formdata = new FormData();
            formdata.append('id', id);
            formdata.append('uuid', uuid);
            formdata.append('type', type);
            formdata.append('cancellation_reason', cancellation_reason);

            $.ajax({
                type: "POST",
                url: `/singleSubmitToTira`,
                processData: false,
                contentType: false,
                data: formdata,
                beforeSend: function () {
                    run_waitMe('ios', `create_policy_form_table_${uuid}`, 'Connecting To Tira Service');
                },
                complete: function () {
                    $(`#create_policy_form_table_${uuid}`).waitMe("hide");
                    currentElement.addClass('invisible');
                },
                success: function (data) {
                    if (data.status) {
                        toastFunction('success', 'Thanks The Data Has Been SuccessFull Wait For Response');

                    } else {
                        swalFunction('Read Below', `${data.message}`, 'error');
                    }
                    setTimeout(function () {
                        synchronizeFindTheResponse({policy: uuid, contract: null})
                    }, 5000);
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    releaseSubmit();
                    toastFunction('error', 'There is a technical error contact technical team');
                }
            });
        });

        $(document).on('click', '.serive_order_check', function (e) {
            let id = $(this).data('id');
            let amount = $(this).data('amount');
            let isChecked = $(this).is(":checked");
            let totalAmount = $('.payment_total_amount').text().replace(/,/g, '').replace(/\//g, '').replace(/=/g, '');

            let checkedRows = 0;
            let rows = $('#payment_detail_form_table').dataTable().$("tr");
            let totalRows = rows.length;

            rows.each(
                function (i, tr) {
                    let order_id = $(this).data('id');
                    let target_input = $(this).find(`.order_number_${order_id}`);
                    let policy_id = $(this).closest('tr').data('policy');
                    let index = data.collection.indexOf(policy_id);

                    if (target_input.is(":checked")) {
                        // target_input.closest('tr').addClass('test-class')
                        checkedRows++;
                        if (index == -1) {
                            data.collection.push(policy_id)
                        }
                    } else {
                        // target_input.closest('tr').removeClass('test-class')
                        checkedRows--;

                        if (index !== -1) {
                            data.collection.splice(index, 1);
                        }
                    }
                }
            )

            if (isChecked) {
                $(this).attr('checked', true);
                newAmount = Number(totalAmount) + Number(amount);
                $('.payment_total_amount').text(`${newAmount.toLocaleString('en-US')} /=`);
                $('input[name=total_amount]').val(totalAmount);
            } else {
                $(this).attr('checked', false);
                newAmount = Number(totalAmount) - Number(amount);
                $('.payment_total_amount').text(`${newAmount.toLocaleString('en-US')} /=`);
                $('input[name=total_amount]').val(newAmount);
                $('input[name=options]').attr('checked', false);
            }

            if (checkedRows == totalRows) {
                $('input[name=options]').attr('checked', true);
            }

        });

        $(document).on('click', 'input[name=options]', function (e) {
            let isChecked = $(this).is(":checked");
            let rows = $('#payment_detail_form_table').dataTable().$("tr");
            let trsOnCurrentView = $('#payment_details_table tr');

            let totalAmount = 0;

            rows.each(
                function (i, tr) {
                    let _id = $(tr).data('id');
                    let amount = $(tr).find(`.order_number_${_id}`).data('amount');

                    if (isChecked) {
                        totalAmount = Number(totalAmount) + Number(amount);
                        // $(tr).find(`.order_number_${_id}`).attr('checked', true);
                        $(tr).find("input").attr('checked', true).trigger('change');
                    } else {
                        totalAmount = 0;
                        $(tr).find(`.order_number_${_id}`).attr('checked', false).trigger('change');
                    }

                });

            $('.payment_total_amount').text(`${totalAmount.toLocaleString('en-US')} /=`);
        });

        function printThisWindow(divName) {
            let printContents = document.getElementById(divName).innerHTML;
            var originalContents = document.body.innerHTML;
            document.body.innerHTML = printContents;
            window.print();
            document.body.innerHTML = originalContents;
        }

        toggleDataForm('new_toggle_data', 'new_toggle_button'); // slide for form
        toggleDataForm('policy_submission_form', 'new_policy_button'); // slide for form
        fetchAnyData('change', 'replaceChild', 'find_service_from_group', 'find_service_from_group', 'service_from_group');
        initializeSelectSearch('customers', 'load_customers_select');
        initializeSubmitCustomer('submit_customer_details_modal', 'customers', 'customers');

    </script>

@endsection