@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-success" 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>



    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-md-12" id="add_customer_div">
                <div class="box box-primary dropzone">
                    <div class="box-header with-border">
                        <h3 class="box-title">@if(isset($row)) Complete @else Add @endif Claim Form</h3>
                        <h3 class="box-title pull-right">@if(isset($row)) Claim is {{$row->status}} @if($row->status == "Pending") for {{$row->created_at->diffInDays(\Carbon\Carbon::now()) > 0 ? $row->created_at->diffInDays(\Carbon\Carbon::now())." Days" : $row->created_at->diffInHours(\Carbon\Carbon::now())." Hours"}} @endif @endif</h3>
                    </div>
                    <!-- /.box-header -->
                    <!-- form start -->
                    @include('claims/_input/_create')
                </div>
                <!-- /.box -->
            </div>


        </div>
        <div class="row">
            <div class="col-md-12">
                <h3 class="box-title pull-right">@if(count($vars['availables']) > 1)Has The Same Claim Previous {{ count($vars['availables']) - 1}} @endif</h3>

                <div class="nav-tabs-custom">
                    <ul class="nav nav-tabs  align-items-center justify-content-center">
                        <li class="active"><a href="#role" data-toggle="tab">Risk Tab</a></li>
{{--                        <li ><a href="#estimate" data-toggle="tab">Estimate Tab </a></li>--}}
                        <li ><a href="#division" data-toggle="tab">Facultative Tab </a></li>

                    </ul>

                        <div class="tab-content">
                            <div class="active tab-pane" id="role">
                                <div class="timeline-body">
                                    <div class="box box-primary">
                                        <div class="box-header">
                                            <h3 class="box-title">Risks</h3>
                                        </div>
{{--                                        @include('claims._table.risk')--}}
                                        @include('claims._input._intimation')
                                    </div>

                                </div>
                            </div>
{{--                            <div class="tab-pane" id="estimate">--}}
{{--                                <div class="timeline-body">--}}
{{--                                    <div class="box box-primary">--}}
{{--                                        <div class="box-header">--}}
{{--                                            <h3 class="box-title">Claim Estimate</h3>--}}
{{--                                            <button type="button" class="add_actual_button pull-right" id="add_actual_button">Add Actual Amount</button>--}}
{{--                                            <form class="prevent-resubmit-form" id="create_estimate_form"  enctype="multipart/form-data">--}}
{{--                                                @csrf--}}
{{--                                                <div class="box-body">--}}
{{--                                                    @include('claims._input._estimation')--}}
{{--                                                    <div class="modal-footer">--}}
{{--                                                        <button type="submit" class="btn btn-primary">Submit Estimation</button>--}}
{{--                                                    </div>--}}
{{--                                                </div>--}}
{{--                                            </form>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}

{{--                                </div>--}}
{{--                            </div>--}}


                            <div class="tab-pane" id="division">
                                <div class="timeline-body">
                                    <div class="box box-primary">
                                        <div class="box-header">
                                            <h3 class="box-title">Facultative</h3>
                                            @include('claims._table.facultative')
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    <div class="modal-footer">
                        @if($row->status == "Pending" && auth()->user()->isAbleTo('Claim Approve'))
                            <a type="submit" href="/claims/claimswaitingForApprove/{{$row->id}}/Approved" id="click_changing_status" class="btn btn-primary "> Approve Claim</a>
                        @elseif(auth()->user()->isAbleTo('Claim Approve'))
                            @if($row->status == "Approved")
                            <a type="submit" href="/claims/claimswaitingForApprove/{{$row->id}}/Pending" id="click_changing_status" class="btn btn-primary pull-left"> Cancel Claim</a>
                            @endif

                            @if($row->status == "Paid")
                                <a type="submit" href="/claims/claimswaitingForApprove/{{$row->id}}/Approved" id="click_changing_status" class="btn btn-primary "> Approve Claim</a>
                            @endif
                        @elseif($row->status == "Pending")
                            <a type="submit" href="/claims/claimswaitingForApprove/{{$row->id}}/Paid" id="click_changing_status" class="btn btn-primary ">  Submit For Approve</a>
                        @endif
                    </div>
                </div>

                <!-- /.box-body -->


            </div>



        </div>
        <div class="modal fade" id="customerModal">
            <div class="modal-dialog modal-lg">
                <div class="box box-primary">
                    <div class="box-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 Customer</h3>
                    </div>
                    @include('claims._input._create_customer')
                </div>
            </div>
        </div>
        <div class="modal fade" id="ActualValueModal">
            <div class="modal-dialog modal-lg">
                <div class="box box-primary">
                    <div class="box-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 Amount</h3>
                    </div>
                    @include('claims._input._real_amount')
                </div>
            </div>
        </div>

        <div class="modal fade" id="viewFileUploaded">
            <div class="modal-dialog modal-lg">
                <div class="box box-primary">
                    <div class="box-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">View Files</h3>
                    </div>
                    <div id="view_all_package_image" style="display: none"></div>
                </div>
            </div>
        </div>







    </section>

@endsection

@section('js')
    <script src="{{ url('/') }}/assets/dropzone/dist/dropzone.js"></script>

    <script src="{{ url('/') }}/assets/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
    <script src="{{ url('/') }}/assets/plugins/ekko-lightbox/ekko-lightbox.min.js"></script>

    <script src="{{ url('/') }}/assets/plugins/filterizr/jquery.filterizr.min.js"></script>
    <script>
        $(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,
        });






        // DropzoneJS Demo Code Start
        Dropzone.autoDiscover = false;
        // var previewNode = document.querySelector("#template");
        //  previewNode.id = "";
        //  var previewTemplate = previewNode.parentNode.innerHTML;
        //  previewNode.parentNode.removeChild(previewNode);
        let token = $('meta[name="csrf-token"]').attr('content');
        //

        let myDropzone = new Dropzone("div#dropzoneDragArea", {
            paramName:"file",
            url: "{{url('/galleries')}}",
            thumbnailWidth: 90,
            thumbnailHeight: 90,
            parallelUploads: 20,
            addRemoveLinks:true,
            autoProcessQueue: false,
            uploadMultiple: true,
            // parallelUploads: 1,
            // previewTemplate: previewTemplate,
            // autoQueue: false, // Make sure the files aren't queued until manually added
            previewsContainer: "#dropzone-previews", // Define the container to display the previews
            // clickable: ".fileinput-button" // Define the element that should be used as click trigger to select files.
            params: {
                _token:token
            },
        });


        myDropzone.on('sending',function (file,xhr,formData) {
            let dropzoneId = $('#id_for_dropzone').val();
            let dropzoneModel = $('#model_for_dropzone').val();
            formData.append('belong_id',dropzoneId);
            formData.append('belong_type',dropzoneModel);

        });
        myDropzone.on('success',function (file, response) {
            $('#dropzone-previews').empty();
            swal(
                'File!',
                `Images has been uploaded 100% <br/> Thanks`,
                'success'
            )

        });

        myDropzone.on('queuecomplete',function () {

        });

        myDropzone.on('sendingmultiple',function () {

        })


        $(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);
                }

            }
            // else{
            //         $('#actual_amount_message').removeClass('hidden'); // addition to actual 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