@extends('main')
@section('css')
    <link rel="stylesheet" href="{{ url('/') }}/assets/dropzone/dist/dropzone.css">
    <link rel="stylesheet" href="{{ url('/') }}/assets/plugins/ekko-lightbox/ekko-lightbox.css">
    <link rel="stylesheet"
          href="{{ url('/') }}/assets/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
    <style>
        .dropzoneDragArea {
            background-color: #fbfdff;
            border: 1px dashed #c0ccda;
            border-radius: 6px;
            padding: 60px;
            text-align: center;
            margin-bottom: 15px;
            cursor: pointer;
        }

        .dropzone {
            box-shadow: 0px 2px 20px 0px #f2f2f2;
            border-radius: 10px;
        }
    </style>
@endsection
@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            {{{ $vars['title'] }}}
            <small>{{{ $vars['sub_title'] }}}</small>
            <span class="pull-right px-5 mx-5">
            <button class="btn btn-xs" style="background-color: darksalmon" id="add_customer_clicked_button"><i class="fa fa-file-archive-o"></i>&nbsp;&nbsp;@if(isset($row))
                    Complete @else Add @endif Claim</button>
        </span>
        </h1>
    </section>
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="box box-primary">
                    <div class="box-header">
                        <h3 class="box-title">Notification</h3>
                    </div>

                    @php
                        $vars['claimData'] = $row->claimNotification
                    @endphp

                    @include('claims._input._notification',['vars'=>$vars])
                </div>
            </div>
        </div>

        @if(isset($row->claimIntimation))
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-primary">
                        <div class="box-header">
                            <h3 class="box-title">Intimation</h3>
                        </div>
                        @php
                            $vars['claimData'] = $row->claimIntimation
                        @endphp
                        @include('claims._input._intimation',['vars'=>$vars])
                    </div>
                </div>
            </div>
        @endif
        @if(isset($row->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>
                        @php
                            $vars['claimData'] = $row->claimAssessment
                        @endphp
                        @include('claims._input._assessment',['vars'=>$vars])
                    </div>
                </div>
            </div>
        @endif

        @if(isset($row->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>
                        @php
                            $vars['claimData'] = $row->dischargeVoucher
                        @endphp
                        @include('claims._input._discharge_voucher',['vars'=>$vars])
                    </div>
                </div>
            </div>
        @endif
        @if(isset($row->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>
                        @php
                            $vars['claimData'] = $row->claimPayment
                        @endphp
                        @include('claims._input._claim_payment',['vars'=>$vars])
                    </div>
                </div>
            </div>
        @endif

        @if(isset($row->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>
                        @php
                            $vars['claimData'] = $row->claimRejection
                        @endphp
                        @include('claims._input._rejection',['vars'=>$vars])
                    </div>
                </div>
            </div>
        @endif

    </section>





@endsection

@section('js')

    <script>
        console.log('nimefika');
        $(document).on('click', '#add_customer_clicked_button', function () {
            $('#add_customer_div').toggle('slow');
            if (document.getElementById("add_customer_clicked_button").innerHTML.includes("Hide")) {
                $(this).html("<i class=\"fa fa-file-archive-o\" ></i>&nbsp;&nbsp; Complete Claim")
            } else {
                $(this).html("<i class=\"fa fa-eye-slash\" ></i>&nbsp;&nbsp; Hide Claim Details")
            }
        });


        $(document).on('click', '#add-customer', function () {
            $('#customerModal').modal('show');
        });

        $(document).on('submit', '#create_customer_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: '/customer_details',
                processData: false,
                contentType: false,
                data: formdata,
                beforeSend: function () {
                    run_waitMe('win8', 'create_customer_form', 'saving');
                },
                complete: function () {
                    $('#create_customer_form').waitMe("hide");
                },
                success: function (data) {
                    $("#paid_id").append(`<option value="${data[0].id}" selected>${data[0].first_name} - ${data[0].sir_name}</option>`);

                    document.getElementById("create_customer_form").reset();
                    $('.prevent-resubmit-button').prop("disabled", false);
                    $('.prevent-resubmit-button').html('Submit');

                    if (data[0].customer_id != 3) {
                        $("#source_business").val(data[0].customer_id).trigger('change');
                        $("#agent_id").append(`<option value="${data[0].id}" selected>${data[0].first_name} - ${data[0].sir_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);
                }
            });
        });

        $('.paid_id').select2({
            ajax: {
                url: `/get_custom_detail_source`,
                type: "GET",
                dataType: 'json',
                delay: 250,
                data: function (params) {
                    return {
                        name: params.term // search term
                    };
                },
                processResults: function (data) {
                    $()
                    return {
                        results: $.map(data.customer, function (item) {
                            return {
                                text: `${item.code} ${item.first_name} ${item.middle_name} ${item.sir_name}`,
                                id: item.id
                            }
                        })
                    };
                },
                cache: true

            },
            minimumInputLength: 3,
        });

        $('.commissioned_personal').select2({
            ajax: {
                url: `/get_custom_detail_source`,
                type: "GET",
                dataType: 'json',
                delay: 250,
                data: function (params) {
                    return {
                        name: params.term // search term
                    };
                },
                processResults: function (data) {
                    $()
                    return {
                        results: $.map(data.customer, function (item) {
                            return {
                                text: `${item.code} ${item.first_name} ${item.middle_name} ${item.sir_name}`,
                                id: item.id
                            }
                        })
                    };
                },
                cache: true

            },
            minimumInputLength: 3,
        });


        $(document).on('change', '#for_the_stolen_data', function () {
            let value = $(this).val();
            if (value == "Theft") {
                $("#total_loss_full").val("Yes");
                $("#total_loss_full").attr("readonly");
            } else {
                $("#total_loss_full").val();
                $("#total_loss_full").removeAttr("readonly");
            }

        });

        $(document).on('change', '#changes_facultative_status', function () {
            let value = $(this).val();
            let id = $(this).data('id');
            $.ajax({
                type: "GET",
                url: `/claimRisks/status/${id}/${value}`,
                beforeSend: function () {
                    run_waitMe('win8', 'estimation_div_table', 'Changing Status');
                },
                complete: function () {
                    $('#estimation_div_table').waitMe("hide");
                },
                success: function (data) {
                    swal(
                        'Status!',
                        `Has Been Changes <br/> Thanks`,
                        'success'
                    )
                },
                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_amount_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', 'create_amount_form', 'saving');
                },
                complete: function () {
                    $('#create_amount_form').waitMe("hide");
                },
                success: function (data) {

                    if (data[1] == "add") {
                        $('#claim_risk_table').prepend(data[0]);
                    } else {
                        $(`.replace_risk_${data[1]}`).replaceWith(data[0]);

                    }
                    $(`#total_estimation_data`).text(data[2].estimation_amount);
                    $(`#total_actual_data`).text(data[2].actual_amount);

                    if (myDropzone.getQueuedFiles().length > 0) {
                        myDropzone.processQueue();
                        myDropzone.enqueueFiles(myDropzone.getFilesWithStatus(Dropzone.ADDED));

                    }
                    $("#ActualValueModal").modal('hide');
                    document.getElementById("create_amount_form").reset();
{{--                    @if(count($row->claimFacultative) > 0)--}}
{{--                    location.reload();--}}
{{--                    @endif--}}
                },
                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_actual_button', function () {
            $('#actual_amount_div').toggle('slow');
            if (document.getElementById("add_actual_button").innerHTML.includes("Hide")) {
                $(this).html("<i class=\"fa fa-eye\" ></i>&nbsp;&nbsp; Actual Amount")
            } else {
                $(this).html("<i class=\"fa fa-eye-slash\" ></i>&nbsp;&nbsp;Hide Actual Amount")
            }
        });


        $(document).on('change blur keyup', '.calculate_amount_clear', function (e) {
            e.preventDefault();
            calculatorRisksAmount();
        });
        $(document).on('click', '.risk_clicked', function (e) {
            e.preventDefault();
            let id = $(this).data('id');
            let row = $(this).data('row');

            let commissioned = $(this).data('customer');


            $("#create_amount_form input[name=estimation_amount]").val(row.estimation_amount);
            $("#create_amount_form input[name=amount]").val(row.amount);

            if (row.rate != 0 && row.rate != "" && row.rate != undefined && row.rate != null) {
                $("#create_amount_form input[name=rate]").val(row.rate);
            } else if (row.total_loss === "Yes") {
                $("#create_amount_form input[name=rate]").val(10);
            } else {
                $("#create_amount_form input[name=rate]").val(5);
            }
            $("#create_amount_form input[name=sell_amount]").val(row.sell_amount);
            $("#create_amount_form input[name=actual_amount]").val(row.actual_amount);
            $("#create_amount_form input[name=deductable]").val(row.deductable);
            $("#create_amount_form input[name=actual_amount]").val(row.actual_amount);

            console.log(commissioned);
            if (commissioned != undefined) {
                $("#create_amount_form select[name=commissioned]").append(`<option value="${row.commissioned}" selected>${commissioned.code} ${commissioned.first_name} ${commissioned.middle_name} ${commissioned.sir_name}</option>`).trigger('change');
            }
            $("#create_amount_form input[name=c_rate]").val(row.c_rate);
            $("#create_amount_form input[name=c_amount]").val(row.c_amount);

            $("#id_for_dropzone").val(row.id);
            $("#id_for_dropzone").removeAttr('disabled');
            $("#id_for_update").val(row.id);
            $("#id_for_update").removeAttr('disabled');
            $("#ActualValueModal").modal('show');


        });

        $(document).on('click', '.editClaimRisk', function (event) {
            event.preventDefault();
            var row = $(this).data('row');
            var paid = $(this).data('paid');

            $("#submit_risk_data_form select[name=underwriting_risk_id]").val(row.underwriting_risk_id).trigger('change');
            // $("#submit_risk_data_form input[name=paid_id]").val(row.paid_id);
            $("#submit_risk_data_form select[name=risk_id]").val(row.risk_id).trigger('change');
            $("#submit_risk_data_form select[name=paid_id]").append(`<option value="${row.paid_id}" selected>${paid.first_name} ${paid.middle_name} ${paid.sir_name}</option>`);
            $("#submit_risk_data_form input[name=total_loss]").val(row.total_loss);

            $("#submit_risk_data_form input[name=remark]").val(row.remark);
            $("#submit_risk_data_form input[name=estimation_amount]").val(row.estimation_amount);
            $("#submit_risk_data_form select[name=estimate_type_id]").val(row.estimate_type_id).trigger('change');
            $("#submit_risk_data_form select[name=stolen]").val(row.stolen).trigger('change');
            $("#submit_risk_data_form select[name=total_loss]").val(row.total_loss).trigger('change');
            $("#id_for_editing").val(row.id);
            $("#id_for_editing").removeAttr('disabled');
        });


        $(document).on('click', ".view-files-uploaded", function (e) {
            e.preventDefault();
            let id = $(this).data('id');
            var pic = $(this).data('row');

            // $('#view_image_risk_'+id).slideToggle('slow');
            //
            // // pic.forEach((data)=>{
            // //     $('#view_all_package_image').html(`<div >
            // //         <a href="/images/${data.name}" data-toggle="lightbox" data-title="sample 1 - white" data-gallery="gallery">
            // //             <img src="/images/${data.name}" class="img-fluid mb-2" style="width: 100%;" alt="white sample">
            // //         </a>
            // //     </div>
            // //     `);
            // // });
            $.ajax({
                type: "GET",
                url: `/claimRisks/${id}`,
                beforeSend: function () {
                    run_waitMe('win8', 'during_loading_file', 'saving');
                },
                complete: function () {
                    $('#during_loading_file').waitMe("hide");
                },
                success: function (data) {
                    $('#view_all_package_image').replaceWith(data);
                },
            });
            $('#viewFileUploaded').modal('show');

        });

        $(document).on('submit', '#create_claim_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: '/claims',
                processData: false,
                contentType: false,
                data: formdata,
                beforeSend: function () {
                    run_waitMe('win8', 'create_claim_form', 'saving');
                },
                complete: function () {
                    $('#create_claim_form').waitMe("hide");
                },
                success: function (data) {
                    if (myDropzone.getQueuedFiles().length > 0) {
                        myDropzone.processQueue();
                        myDropzone.enqueueFiles(myDropzone.getFilesWithStatus(Dropzone.ADDED));

                    } else {
                    }
                    // document.getElementById('create_claim_form')

                },
                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_estimate_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: '/claimEstimates',
                processData: false,
                contentType: false,
                data: formdata,
                beforeSend: function () {
                    run_waitMe('win8', 'create_estimate_form', 'saving');
                },
                complete: function () {
                    $('#create_estimate_form').waitMe("hide");
                },
                success: function (data) {
                    if (data == "add") {

                    } else {
                        $('#estimation_div_table').replaceWith(data)
                    }

                },
                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('change', '#policy_number', function () {
            let Id = $(this).children('option:selected').val();

            if (Id !== "" || Id !== null || Id !== undefined) {
                $.ajax({
                    type: "GET",
                    url: `/get_policy_details_claims/${Id}`,
                    beforeSend: function () {
                        run_waitMe('win8', 'create_claim_form', 'saving');
                    },
                    complete: function () {
                        $('#create_claim_form').waitMe("hide");
                    },
                    success: function (data) {
                        $('#underwriting_id').val(data.id);
                        $('#customer_detail_id').val(data.customer_detail.id);
                        $('#customer_detail_name').val(`${data.customer_detail.first_name} ${data.customer_detail.middle_name} ${data.customer_detail.sir_name}`);

                    },
                });
            } else {
                $('#underwriting_id').val("");
                $('#customer_detail_id').val("");
                $('#customer_detail_name').val("");
            }


        });
        $(document).on('change', '.select_policy_risk', function () {
            let data = $(this).children('option:selected');
            let Id = data.val();
            let risk = data.data("risk");
            if (Id !== "" && Id !== null && Id !== undefined) {
                $("#risk_risk_id").val(risk.id).trigger('change');
            } else {
                $("#risk_risk_id").val("");
            }

        });
        $('.policy_number').select2({
            ajax: {
                url: `/get_policy_number_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.policy_number}`,
                                id: item.id
                            }
                        })
                    };
                },
                cache: true

            },
            minimumInputLength: 3,
        });
        $(function () {
            $(document).on('click', '[data-toggle="lightbox"]', function (event) {
                event.preventDefault();
                $(this).ekkoLightbox({
                    alwaysShowClose: true
                });
            });

            $('.filter-container').filterizr({gutterPixels: 3});
            $('.btn[data-filter]').on('click', function () {
                $('.btn[data-filter]').removeClass('active');
                $(this).addClass('active');
            });
        });
        let calculatorRisksAmount = () => {
            $('#actual_amount_message').addClass('hidden'); // addition to actual Amount
            let amount = $('#amount_figured').val();
            let sell = $('#sell_amount').val();
            if (amount != 0 && amount != null && amount != undefined && amount != "") {
                amount = Number(amount);
                if (amount <= 350000) {
                    let actual_amount = 0;
                    $('#actual_amount').val(actual_amount);
                    $('#deduction_amount').val(0);
                    $('#status_of_the_claim').val("Sorry!!! Amount Is Less 350,000");
                } else {
                    let rate = $('#rate_used_to').val();
                    if (rate != 0 && rate != null && rate != undefined && rate != "") {
                        rate = Number(rate);
                        $('#rate_used_to').val(rate);
                        let deductable = amount * rate / 100;
                        if (deductable <= 350000) {
                            deductable = 350000;
                            $('#deduction_amount').val(deductable);
                            let actual_amount = amount - deductable;
                            $('#actual_amount').val(actual_amount);

                            if (sell != 0 && sell != null && sell != undefined && sell != "") {
                                sell = Number(sell);
                                $('#actual_amount').val(actual_amount - sell);
                            }
                        } else {
                            let actual_amount = amount - deductable;
                            $('#deduction_amount').val(deductable);
                            $('#actual_amount').val(actual_amount);

                            if (sell != 0 && sell != null && sell != undefined && sell != "") {
                                sell = Number(sell);
                                $('#actual_amount').val(actual_amount - sell);
                            }
                        }
                        $('#status_of_the_claim').val("Reasonable");

                    }
                }
            }

            $('.calculate_amount_commission').click();
        };

        $(document).on('click change keyup', '.calculate_amount_commission', function () {
            let actual_amount = $('#actual_amount').val();
            let sell_amount = $('#sell_amount').val();
            if (actual_amount != 0 && actual_amount != null && actual_amount != undefined && actual_amount != "") {
                actual_amount = Number(actual_amount);
                sell_amount = Number(sell_amount);
                let total = actual_amount + sell_amount;
                let c_rate = $('#commissioned_personal_rate').val();
                if (c_rate != 0 && c_rate != null && c_rate != undefined && c_rate != "") {
                    c_rate = Number(c_rate);
                    let amount = total * c_rate / 100
                    $('#commissioned_amount').val(amount);
                }
            }

        });
        $(document).on('click', '.deleteImage', function () {
            var id = $(this).data("id");
            var table = $(this).data("table");
            var $tr = $(this).closest("div");
            swal({
                title: 'Are you sure you want to Delete this?',
                text: "You won't be able to revert this!",
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "Yes, Delete it !!",
                cancelButtonText: "No, cancel it !!",
            }).then(function () {
                $.ajax({
                    type: "GET",
                    url: "/delete_any/" + table + "/" + id,
                    success: function (data) {
                        $tr.fadeOut(500, function () {
                            $tr.remove();
                            swal(
                                'Deleted!',
                                'Deletion was made successfully ',
                                'success'
                            )
                        });
                        $('.tooltip').hide();
                    },
                });

            }, function (dismiss) {
                // dismiss can be 'cancel', 'overlay',
                // 'close', and 'timer'
                if (dismiss === 'cancel') {
                    swal(
                        'Cancelled',
                        'Your imaginary file is safe :)',
                        'error'
                    )
                }
            })
        });

    </script>



@endsection