@extends('main')
@section('css')
@endsection
@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            {{--            {{{ $vars['title'] }}}--}}
            {{--            <small>CLaim Reference Number @isset($vars['claimData']->claim){{{ $vars['claimData']->claim->claim_reference_number }}}@endisset</small>--}}
            <small class="float-right px-5 mx-5"> <span class="">CRN : @isset($vars['claimData']->claim)
                        {{{ $vars['claimData']->claim->claim_reference_number }}}
                    @endisset</span>
            </small>
        </h1>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <button class="btn btn-success float-right" id="uploadDocument"><i class="fa fa-file-archive-o"></i>&nbsp;&nbsp;Attach
                Document File
            </button>
        </div>

        @if(isset($vars['state']) && $vars['state'] == 'ClaimNotification')
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-primary">
                        <div class="box-header">
                            <h3 class="box-title">Notification</h3>
                        </div>
                        @include('claims._input._notification')
                    </div>
                </div>
            </div>
        @endif

        @if(isset($vars['state']) && $vars['state'] == 'ClaimIntimation')
            <div class="row">
                <div class="col-md-12">
                    <div class="card card-primary">
                        @include('claims._input._intimation')
                    </div>
                </div>
            </div>
        @endif

        @if(isset($vars['state']) && $vars['state'] == 'ClaimAssessment')
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-primary">
                        <div class="box-header">
                            <h3 class="box-title">Assessment</h3>
                        </div>
                        @include('claims._input._assessment')
                    </div>
                </div>
            </div>
        @endif

        @if(isset($vars['state']) && $vars['state'] == 'DischargeVoucher')
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-primary">
                        <div class="box-header">
                            <h3 class="box-title">Discharge Voucher</h3>
                        </div>
                        @include('claims._input._discharge_voucher')
                    </div>
                </div>
            </div>
        @endif

        @if(isset($vars['state']) && $vars['state'] == 'ClaimPayment')
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-primary">
                        <div class="box-header">
                            <h3 class="box-title">Claim Payment</h3>
                        </div>
                        @include('claims._input._claim_payment')
                    </div>
                </div>
            </div>
        @endif

        @if(isset($vars['state']) && $vars['state'] == 'ClaimRejection')
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-primary">
                        <div class="box-header">
                            <h3 class="box-title">Claim Rejection</h3>
                        </div>
                        @include('claims._input._rejection')
                    </div>
                </div>
            </div>
        @endif

        {{--        @if(isset($vars['claimData']->galleries))--}}

        {{--        @endif--}}


        <div class="modal fade customer_modal " id="customerModal">
            <div class="modal-dialog modal-xl ">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Claimants</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body " id="customer_modal">
                        @include('claims._input._claimant')
                    </div>
                </div>
            </div>
        </div>


        <div class="modal fade" id="claimDocumentModal">
            <div class="modal-dialog modal-lg">
                <div class="box box-primary">
                    <div class="modal-header with-border">
                        <button type="button" id="close" class="close" data-dismiss="modal" aria-label="Close"><span
                                    aria-hidden="true">&times;</span></button>
                        <br>
                        <h3 class="box-title">Add Document</h3>
                    </div>

                    <div class="modal-body">
                        @isset($vars['claimData'])
                            {{--                            @include('documents.document_form',['document'=>$vars['claimData']])--}}
                        @endisset
                    </div>
                </div>
            </div>
        </div>

    </section>

@endsection

@section('js')
    <script>
        $(document).on('click', '#uploadDocument', function () {
            $('#claimDocumentModal').modal('show');
        });
        $(document).on('submit', '#create_document_form', function (e) {
            e.preventDefault();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            var formdata = new FormData(this);

            $.ajax({
                type: "POST",
                url: '/create_document_for_model',
                processData: false,
                contentType: false,
                data: formdata,
                beforeSend: function () {
                    run_waitMe('win8', 'create_document_form', 'saving');
                },
                complete: function () {
                    $('#create_document_form').waitMe("hide");
                },
                success: function (data) {
                    document.getElementById("create_document_form").reset();
                    $('.prevent-resubmit-button').prop("disabled", false);
                    $('.prevent-resubmit-button').html('Submit');

                    // $('#claimDocumentModal').modal('hide');
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    $('.prevent-resubmit-button').prop("disabled", false);
                    $('.prevent-resubmit-button').html('Submit');
                    show_alert('danger', xhr.responseText);
                }
            });
        });
        $(document).on('click', '#add-customer', function () {
            $('#customerModal').modal('show');
        });
        $(document).on('submit', '#submit_customer_details_modal', function (e) {
            e.preventDefault();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            var formdata = new FormData(this);

            $.ajax({
                type: "POST",
                url: '/claimants',
                processData: false,
                contentType: false,
                data: formdata,
                beforeSend: function () {
                    run_waitMe('win8', 'submit_customer_details_modal', 'saving');
                },
                complete: function () {
                    $('#submit_customer_details_modal').waitMe("hide");
                },
                success: function (data) {
                    document.getElementById("submit_customer_details_modal").reset();
                    $('.prevent-resubmit-button').prop("disabled", false);
                    $('.prevent-resubmit-button').html('Submit');
                    $(".service_detail_customer").append(`<option value="${data.id}" selected>${data.claimant_name}</option>`);

                    $('#text_content').html('Customer Added Successfully');
                    $('#snackbar').attr('class', 'show');
                    setTimeout(function () {
                        $('#snackbar').removeAttr('class');
                    }, 3000);
                    $('#customerModal').modal('hide');
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    $('.prevent-resubmit-button').prop("disabled", false);
                    $('.prevent-resubmit-button').html('Submit');
                    show_alert('danger', xhr.responseText);
                }
            });
        });
        $(document).on('submit', '#create_claim_intimation_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: '/claim_intimations',
                processData: false,
                contentType: false,
                data: formdata,
                beforeSend: function () {
                    run_waitMe('win8', 'create_claim_intimation_form', 'saving');
                },
                complete: function () {
                    $('#create_claim_intimation_form').waitMe("hide");
                },
                success: function (data) {
                    $('#create_claim_intimation_form > .modal-footer> button').fadeOut('slow');
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    $('.prevent-resubmit-button').prop("disabled", false);
                    $('.prevent-resubmit-button').html('Submit');
                    show_alert('danger', xhr.responseText);
                }
            });

        });
        $(document).on('submit', '#create_claim_assessment_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: '/claim_assessments',
                processData: false,
                contentType: false,
                data: formdata,
                beforeSend: function () {
                    run_waitMe('win8', 'create_claim_assessment_form', 'saving');
                },
                complete: function () {
                    $('#create_claim_assessment_form').waitMe("hide");
                },
                success: function (data) {
                    $('#create_claim_assessment_form > .modal-footer> button').fadeOut('slow');
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    $('.prevent-resubmit-button').prop("disabled", false);
                    $('.prevent-resubmit-button').html('Submit');
                    show_alert('danger', xhr.responseText);
                }
            });

        });
        $(document).on('submit', '#create_claim_discharge_voucher_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: '/discharge_vouchers',
                processData: false,
                contentType: false,
                data: formdata,
                beforeSend: function () {
                    run_waitMe('win8', 'create_claim_discharge_voucher_form', 'saving');
                },
                complete: function () {
                    $('#create_claim_discharge_voucher_form').waitMe("hide");
                },
                success: function (data) {
                    $('#create_claim_discharge_voucher_form > .modal-footer> button').fadeOut('slow');
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    $('.prevent-resubmit-button').prop("disabled", false);
                    $('.prevent-resubmit-button').html('Submit');
                    show_alert('danger', xhr.responseText);
                }
            });

        });
        $(document).on('submit', '#create_claim_payment_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: '/claim_payment',
                processData: false,
                contentType: false,
                data: formdata,
                beforeSend: function () {
                    run_waitMe('win8', 'create_claim_payment_form', 'saving');
                },
                complete: function () {
                    $('#create_claim_payment_form').waitMe("hide");
                },
                success: function (data) {
                    $('#create_claim_payment_form > .modal-footer> button').fadeOut('slow');
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    $('.prevent-resubmit-button').prop("disabled", false);
                    $('.prevent-resubmit-button').html('Submit');
                    show_alert('danger', xhr.responseText);
                }
            });

        });
        $(document).on('submit', '#submit_risk_data_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: '/claimRisks',
                processData: false,
                contentType: false,
                data: formdata,
                beforeSend: function () {
                    run_waitMe('win8', 'claim_risk_table', 'saving');
                },
                complete: function () {
                    $('#claim_risk_table').waitMe("hide");
                },
                success: function (data) {
                    if (data[1] == "add") {
                        $('#claim_risk_table').prepend(data[0]);
                    } else {
                        $(`.replace_risk_${data[1]}`).replaceWith(data[0]);
                    }

                    document.getElementById("submit_risk_data_form").reset();
                    $('.select_policy_risk').val('').trigger('change');
                    $("#id_for_editing").val("");
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    $('.prevent-resubmit-button').prop("disabled", false);
                    $('.prevent-resubmit-button').html('Submit');
                    show_alert('danger', xhr.responseText);
                }
            });

        });
        $(document).on('submit', '#create_claim_rejection_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: '/claim_rejections',
                processData: false,
                contentType: false,
                data: formdata,
                beforeSend: function () {
                    run_waitMe('win8', 'create_claim_rejection_form', 'saving');
                },
                complete: function () {
                    $('#create_claim_rejection_form').waitMe("hide");
                },
                success: function (data) {
                    $('#create_claim_rejection_form > .modal-footer> button').fadeOut('slow');
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    $('.prevent-resubmit-button').prop("disabled", false);
                    $('.prevent-resubmit-button').html('Submit');
                    show_alert('danger', xhr.responseText);
                }
            });

        });
        $('.cover_note_reference_select').select2({
            ajax: {
                url: `/cover_note_reference_claim`,
                type: "GET",
                dataType: 'json',
                delay: 250,
                data: function (params) {
                    return {
                        name: params.term // search term
                    };
                },
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: `${item.cover_note_reference}`,
                                id: item.cover_note_reference
                            }
                        })
                    };
                },
                cache: true

            },
            minimumInputLength: 3,
        });
        $('.claim_reference_select').select2({
            ajax: {
                url: `/claim_reference_select`,
                type: "GET",
                dataType: 'json',
                delay: 250,
                data: function (params) {
                    return {
                        name: params.term // search term
                    };
                },
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: `${item.claim_reference_number}`,
                                id: item.claim_reference_number
                            }
                        })
                    };
                },
                cache: true

            },
            minimumInputLength: 3,
        });
        $(document).on('change', '.claim_reference_select', function (e) {
            e.preventDefault();
            let motor = $(this).val();
            $.ajax({
                type: "GET",
                url: `/claim_reference_select/${motor}`,
                beforeSend: function () {
                    run_waitMe('ios', 'create_claim_form', 'Fetching');
                },
                complete: function () {
                    $('#create_claim_form').waitMe("hide");
                },
                success: function (data) {
                    $('.cover_note_reference_select').append(`<option value="${data.cover_note_reference}" selected >${data.cover_note_reference}</option>`).trigger('select2:change');
                },
            });
        })
        $(document).on('change', '.cover_note_reference_select', function (e) {
            e.preventDefault();
            let reference = $(this).val();
            $.ajax({
                type: "GET",
                url: `/cover_note_reference_claim/${reference}`,
                beforeSend: function () {
                    run_waitMe('ios', 'create_claim_form', 'Fetching');
                },
                complete: function () {
                    $('#create_claim_form').waitMe("hide");
                },
                success: function (data) {
                    $('.claim_reference_select').append(`<option value="${data.claim_reference_number}" selected >${data.claim_reference_number}</option>`).trigger('select2:change');
                },
            });
        })

        $(document).on('change', '.claimant_category', function (e) {
            e.preventDefault();
            let value = Number($(this).val());
            if(value === 1) {
                let formService = new FormData();
                formService.append('id', '{{$vars['claimData']->claim_id}}');
                asyncFetchAnyData("find_customer_from_claim", formService).then((response) => {
                    if(response.status){
                        $(`#submit_customer_details_modal input[name="claimant_name"]`).val(response.customer.PolicyHolderName);
                        $(`#submit_customer_details_modal select[name="claimant_id_type"]`).val(response.customer.PolicyHolderIdType).trigger('change.select2');
                        $(`#submit_customer_details_modal input[name="date_birth"]`).val(response.customer.PolicyHolderBirthDate);
                        $(`#submit_customer_details_modal select[name="gender"]`).val(response.customer.Gender).trigger('change');
                        $(`#submit_customer_details_modal input[name="phone_number"]`).val(response.customer.PolicyHolderPhoneNumber);
                        $(`#submit_customer_details_modal input[name="postal_address"]`).val(response.customer.PostalAddress);
                        $(`#submit_customer_details_modal input[name="region"]`).val(response.customer.Region);
                        $(`#submit_customer_details_modal input[name="district"]`).val(response.customer.District);
                        $(`#submit_customer_details_modal input[name="claimant_id_number"]`).val(response.customer.PolicyHolderIdNumber);
                    }else{
                        console.log(response.message)
                    }
                });
            }
        });


        $(document).on('click', '.editFormss', function (e) {
            let row = $(this).data('row');
            let formId = $(this).data('form');
            let formData = new FormData(document.getElementById(formId));
            for (const key of formData.keys()) {
                if(key == "claimant_category"){
                    $(`#${formId} select[name=claimant_category]`).val(row[`claimant_category`]).trigger('change.select2');
                }

                if(key == "claimant_category"){
                    $(`#${formId} select[name=claimant_category]`).val(row[`claimant_category`]).trigger('change.select2');
                }else{
                    $(`#${formId} select[name=${key}]`).val(row[`${key}`]).trigger('change.select2');
                    $(`#${formId} input[name=${key}]`).val(row[`${key}`]);
                }


            }
            $(`#${formId} input[name="_token"]`).val($('meta[name="csrf-token"]').attr('content'));
        });

    </script>

@endsection