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

@endsection
@section('content')

    <section class="content-header">
        <div class="row flex">
            <h3 class="float-left"> Claim Form</h3>
            <button class="btn btn-success float-right" id="add_customer_clicked_button">
                <i class="fa fa-file-archive-o"></i>&nbsp;&nbsp;@if(isset($vars['claim']))
                    Complete
                @else
                    Add
                @endif Claim
            </button>
        </div>

    </section>

    <section class="content">
        <div class="row">
            <div class="card">
                <div class="card-body ">
                    <div class="row">
                        <div class="col-md-12" id="add_customer_div">
                            @include('claims/_input/_create')
                        </div>
                        <!-- /.box -->


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

                            <ul class="nav nav-tabs justify-content-center" id="custom-content-above-tab"
                                role="tablist">
                                <li class="nav-item active">
                                    <a class="nav-link active" id="custom-content-above-home-tab" data-toggle="pill"
                                       href="#role" role="tab" aria-controls="custom-content-above-home"
                                       aria-selected="false">Risk Details</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="custom-content-above-profile-tab" data-toggle="pill"
                                       href="#attachments" role="tab" aria-controls="custom-content-above-profile"
                                       aria-selected="false">Attachments</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="custom-content-above-messages-tab" data-toggle="pill"
                                       href="#division" role="tab" aria-controls="custom-content-above-messages"
                                       aria-selected="false">Facultative</a>
                                </li>

                            </ul>


                            <div class="tab-content" id="custom-content-above-tabContent">
                                <div class="tab-content">
                                    <div class="active tab-pane" id="role">
                                        <div class="timeline-body">
                                                @include('claims._table.risk')
                                        </div>
                                    </div>

                                    <div class="tab-pane" id="attachments">
                                        <div class="timeline-body">
                                            @include('claims._table._checkboksi')
                                        </div>
                                    </div>


                                    <div class="tab-pane" id="division">
                                        <div class="timeline-body">
                                             @include('claims._table.facultative')
                                        </div>
                                    </div>
                                </div>

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

                                        @if($vars['claim']->status == "Paid")
                                            <a type="submit"
                                               href="/claims/claimswaitingForApprove/{{$vars['claim']->id}}/Approved"
                                               id="click_changing_status" class="btn btn-primary "> Approve Claim</a>
                                        @endif
                                    @elseif($vars['claim']->status == "Pending")
                                        <a type="submit"
                                           href="/claims/claimswaitingForApprove/{{$vars['claim']->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>


                </div>
            </div>

        </div>
    </section>

@endsection

@section('js')
    <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($vars['claim']->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