@extends('main')
@section('css')

@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">
                        <h3 class="card-title">
                            @if(isset($policy->ResponseStatusCode))
                            <b>RequestId : {{$vars['contract']->RequestId}}</b>  <b class="text-base text-green">{{$vars['contract']->ResponseStatusCode}} - {{$vars['contract']->ResponseStatusDesc}}</b>
                                @endif
                                @if(isset($vars['contract']->policyNumber))
                                    <b>PolicyNo : {{$vars['contract']->policyNumber->policy_no}}</b>
                                @endif
                        </h3>
                        <a class="btn ml-auto  bg-gradient-teal float-right prevent-resubmit-button new_toggle_button">Toggle Contract</a>
                    </div>
                    <!-- /.card-header -->
                    <div class="new_toggle_data">
                        <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-4', "iterables" =>$vars['classess'], 'className'=>'find_service_from_group', "label" =>'Service Group', "name" =>'serviceGroupId','queue'=>$vars['contract']->serviceGroup?? null,"required" =>'required'])
                                @if(isset($vars['services']))
                                    @include('reusable.inpuSelect2',["colDiv" =>'col-md-4', "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-4',  'label' =>'Service', 'className'=>'service_from_group', "name" =>'serviceId','queue'=>$vars['contract']->service?? null,"required" =>'required'])
                                @endif
                                @include('reusable.inpuSelect2',["colDiv" =>'col-md-4',"iterables" =>$vars['sob'] , 'label' =>'SOB', 'className'=>'source_of_business', 'queue'=>$vars['contract']->customerClass, "name" =>'customer_class_id'])
                                <div class="form-group col-md-4">
                                    <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.inputNumber',["colDiv" =>'col-md-4', 'label' =>'No Day', 'className'=>'noDay noDay', "name" =>'noDay', 'value'=> $vars['contract']->noDay,"required" =>'required'])
                                @include('reusable.inputText',["colDiv" =>'col-md-4', 'label' =>'End Date', 'className'=>'endDate', "name" =>'endDate','value'=> $vars['contract']->endDate,'inputType'=>'datetime-local',"required" =>'required'])
                                <div class="form-group col-md-6">
                                    <label for="exampleInputService">Source:</label>
                                    <select class="form-control select2 source_of_business_customer" name="sob_id"
                                            data-placeholder="Select Source">
                                        <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-6">
                                    <label for="exampleInputCustomers">Customers </label>
                                    <div class="input-group ">
                                        <select class="form-control select2 customers" style="width:92%" name="customers[]" data-placeholder="Select Customers" multiple required>
                                            <option value="">Select Customers</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-info btn-flat click_customer_modal"> + </button>
                                        </span>
                                    </div>
                                </div>

                            </div>
                            <div class="card-footer">
                                <button type="submit" class="btn bg-gradient-teal float-right prevent-resubmit-button">
                                    Submit
                                </button>
                            </div>

                        </form>
                    </div>
                </div>
                <!-- /.card -->
            </div>

            <div class="col-md-12">
                <div class="card card-outline card-success">
                    <div class="card-header">
                        <h3 class="card-title">Policy Detail</h3>
                        <a class="btn ml-auto  bg-gradient-teal float-right prevent-resubmit-button new_policy_button">New
                            Policy</a>

                            <a class="btn ml-auto  bg-gradient-teal float-right prevent-resubmit-button fix_policy_button_fleet" data-uuid="{{ $vars['contract']->uuid }}" data-id="{{ $vars['contract']->id }}">Fix Policy</a>
                    </div>

                    @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
                    @if(isset($vars['contract']->policies) && $vars['contract']->policies->count() > 1)
                        <div class="card-footer">
                            <h3 class="card-title">Policy Submission</h3>
                            <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-teal float-right prevent-resubmit-button submit_all_policies_risks ">Submit All Policy</a>
                            @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-teal float-right prevent-resubmit-button submit_all_policies_risks">Submit As Fleet</a>
                            @endif
                        </div>
                    @endif

                </div>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.row -->

    </section>
    <!-- /.content -->
    @include('customers.customer_modal')
    @include('contracts.render.risk_policy_modal')
    @include('contracts.render.modal_endorsement_preload')
@endsection


@section('js')
    @include('areas.script')
    @include('contracts.scripts.days')
    @include('contracts.scripts._policy')
    @include('customers.script')
    <script type="text/javascript">
        $(document).on('ready', function (e) {
            $('.new_toggle_button').click();})
        $(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');

                }
            });
        })

        
        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