@extends('operations.layout.mainlayout')

@section('content')
    <style>
        .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
            color:black;
        }
        .btn-outline-default{
            color: var(--blazma-primary) !important;
            border-color: var(--blazma-primary) !important;
        }


    </style>
    {{--    @if(session('role') != 4 && session('role') != 5 && session('role') != 8)--}}
    {{--        {{exit("<h1>Unauthorized access</h1>")}}--}}
    {{--    @endif--}}
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid card">
                <div class="row mb-2">
                    <div class="col-sm-6 card-body">
                        <h1 class="m-0 text-dark" style="color: var(--blazma-text)!important;">Insurance Invoices</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">

                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->

        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">

                        <!-- /.card -->
                        <div class="col-12 col-sm-12 col-md-12">
                            <br />
                            <div class="card bg-light">
                                <div class="card-header text-muted border-bottom-0">
                                </div>
                                <form method="get" action="" style="width:100%;">
                                    <div class="card-body pt-0">
                                        <div class="row">
                                            <div class="col-12">


                                                <div class="row">
                                                    <div class="col-md-3">
                                                        <span class="text-muted text-sm"><b>Invoice from</b></span>
                                                        <input id="insurance-invoice-date-from" autocomplete="off" class="form-control contract-invoice-from" type="text" name="date_from" value="@if(!empty($date_from)){{$date_from}}@endif" placeholder="Date From">
                                                    </div>
                                                    <div class="col-md-3">
                                                        <span class="text-muted text-sm"><b>Invoice to</b></span>
                                                        <input id="insurance-invoice-date-to" autocomplete="off" class="form-control contract-invoice-to"  type="text" name="date_to" value="@if(!empty($date_to)){{$date_to}}@endif" placeholder="Date To">
                                                    </div>

                                                    <div class="col-md-3" style="">
                                                        <span class="text-muted text-sm"><b>Select Status</b></span>
                                                        <select class="form-control col-md-2 rhospital_id" multiple="multiple" id="insurance-invoice-status" name="package_id" style="width: auto">
                                                            <option value="-1">Reject</option>
                                                            <option value="0">Draft</option>
                                                            <option value="1">Approved</option>
                                                            <option value="3">Partially Settlement</option>
                                                            <option value="2">Settlement</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-3" style="">
                                                        <span  class="text-muted text-sm"><b>Insurance</b></span>
                                                        <select id="insurance-invoice-company-id"  class="form-control rhospital_id" multiple="multiple" style="margin-top:5px;">
                                                            @foreach($companies as $company)
                                                                <option value="{{$company->ID}}">{{$company->NAME}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <input type="hidden" id="insurance-invoice-id" value="{{$invoice_id}}">


                                                </div>

                                            </div>
                                        </div>
                                    </div>

                                </form>

                            </div>
                        </div>

                        <div class="card">

                            <!-- /.card-header -->
                            <div class="card-body">
                                <div class="d-flex justify-content-between align-items-center mb-2">
                                    <div></div> <!-- Empty div to push the button to the right -->
                                    <div>
                                        @permission('insurance_invoice_approved')
                                        <button id="insurance-approve-selected" class="btn btn-primary">Approve Selected</button>
                                        @endpermission
                                        {{--<button id="export-insurance-selected" class="btn btn-success">Export Selected</button>--}}
                                    </div>
                                </div>
                                <div class="table-responsive">
                                    <table id="insurance-invoice-table" class="table table-bordered table-striped">
                                        <thead>
                                        <tr>
                                            <th><input type="checkbox" id="select-all"></th>
                                            <th>Invoice No</th>
                                            <th>Insurance</th>
                                            <th>Policy Number</th>
                                            <th>Invoice Serial</th>
                                            <th>STATUS</th>
                                            <th>Invoice From</th>
                                            <th>Invoice To</th>
                                            <th>Paid by Patient</th>
                                            <th>Insurance Credit</th>
                                            <th>Subtotal</th>
                                            <th>Tax Patient</th>
                                            <th>Insurance Tax</th>
                                            <th>Net Total(insurance)</th>
                                            <th>Total Discount</th>
                                            <th>Paid Total</th>
                                            <th>Settlement Amount</th>
                                            <th>Remaining Total</th>
                                            <th>Export Details</th>
                                            <th>Action</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
            </div>
            <!-- /.container-fluid -->
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
    <div class="modal fade" id="modal-remove-invoice-samples">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Test Invoice Removal</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form id="sample-remove-form" method="post"  action="/operations/invoice">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col" style="text-align: center;">
                                <div class="alert alert-danger alert-danger-order" role="alert" style="display: none;"></div>
                            </div>
                        </div>
                        <input type="hidden" name="remove-invoice-id" value="" />
                        <div class="col-4" style="max-width: 100%;margin-bottom: 5px;">
                            Invoice No : <b id="remove-invoice-no">1</b>
                        </div>
                        <div class="col-4" style="max-width: 100%;margin-bottom: 5px;">
                            Invoice Serial : <b id="remove-invoice-serial">137586-1</b>
                        </div>
                        <label for="invoice-amount">Comma separated test ids (ex: 12345,546213)</label>
                        <input required id="sample-ids" name="sample-ids" class="form-control" type="text" />
                    </div>
                    <div class="modal-footer ">
                        <button style="border-radius: 20px;padding:14px;font-size:15px;min-width:150px;" type="button" class="btn btn-default" data-dismiss="modal">{{trans("web.cancel")}}</button>
                        <button style="border-radius: 20px;padding:14px;font-size:15px;min-width:150px;" id="invoice"  type="submit" class="btn btn-danger">Remove Tests</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade" id="modal-invoice">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Invoice Settlement</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form id="settle-form" method="post"  action="/operations/invoice">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col" style="text-align: center;">
                                <div class="alert alert-danger alert-danger-order" role="alert" style="display: none;"></div>
                            </div>
                        </div>
                        <input type="hidden" id="invoice-id" name="invoice-id" value="" />
                        <div class="col-4" style="max-width: 100%;margin-bottom: 5px;">
                            Invoice No : <b id="invoice-no">1</b>
                        </div>
                        <div class="col-4" style="max-width: 100%;margin-bottom: 5px;">
                            Invoice Serial : <b id="invoice-serial">137586-1</b>
                        </div>
                        <div class="col-4" style="max-width: 100%;margin-bottom: 5px;">
                            Date From :
                            <input name="date_from_invoice" type="text" class="form-control" id="date-from-invoice" value=""/>
                        </div>
                        <div class="col-4" style="max-width: 100%;margin-bottom: 5px;">
                            Date To :
                            <input id="date-to-invoice" class="form-control"  type="text" name="date_to_invoice" value="">
                        </div>
                        <label for="invoice-amount">Invoice Amount</label>
                        <input required id="invoice-amount" name="invoice_amount" class="form-control" value="0" type="number" step="0.01" />
                    </div>
                    <div class="modal-footer ">
                        <button style="border-radius: 20px;padding:14px;font-size:15px;min-width:150px;" type="button" class="btn btn-default" data-dismiss="modal">{{trans("web.cancel")}}</button>
                        <button style="border-radius: 20px;padding:14px;font-size:15px;min-width:150px;" id="invoice"  type="submit" class="btn btn-info">Settle Invoice</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade" id="modal-discount-contract-invoice">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Discount Invoice</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form id="discount-contract-invoice-form" method="post"  action="/operations/invoice">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col" style="text-align: center;">
                                <div class="alert alert-danger alert-danger-order" role="alert" style="display: none;"></div>
                            </div>
                        </div>
                        <input type="hidden" name="discount-invoice-id" value="" />
                        <div class="col-4" style="max-width: 100%;margin-bottom: 5px;">
                            Invoice No : <b id="discount-invoice-no">1</b>
                        </div>
                        <div class="col-4" style="max-width: 100%;margin-bottom: 5px;">
                            Invoice Serial : <b id="discount-invoice-serial">137586-1</b>
                        </div>
                        <input required id="discount_amount" name="discount_amount" class="form-control" type="text" />
                    </div>
                    <div class="modal-footer ">
                        <button style="border-radius: 20px;padding:14px;font-size:15px;min-width:150px;" type="button" class="btn btn-default" data-dismiss="modal">{{trans("web.cancel")}}</button>
                        <button style="border-radius: 20px;padding:14px;font-size:15px;min-width:150px;" id="invoice"  type="submit" class="btn btn-danger">Discount Amount</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

@endsection

@section('footer-scripts')
    <script>

        $('.contract-invoice-from').daterangepicker({
            singleDatePicker: true,
            timePicker: true,
            timePicker24Hour: true,
            autoUpdateInput: false,
            locale: {
                format: 'YYYY-MM-DD HH:mm'
            },
        }, function(chosen_date) {
            $('.contract-invoice-from').val(chosen_date.format('YYYY-MM-DD HH:mm')).trigger("change");
        })

        $('.contract-invoice-to').daterangepicker({
            singleDatePicker: true,
            timePicker: true,
            timePicker24Hour: true,
            autoUpdateInput: false,
            locale: {
                format: 'YYYY-MM-DD HH:mm'
            },
        }, function(chosen_date) {
            $('.contract-invoice-to').val(chosen_date.format('YYYY-MM-DD HH:mm')).trigger("change");
        });

        const params = new URLSearchParams(window.location.search);
        if (params.get('status') === 'export_queued') {
            toastr.success('Your export request has been queued. You will receive an email shortly.');
        }

        function insuranceInvoices() {
            $("#insurance-invoice-table").DataTable({
                dom: 'lBfrtip',
                "buttons" : [
                    'copy',
                    {
                        extend: 'print',
                        exportOptions: {
                            columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13],
                        }
                    }, {
                        extend: 'csv',
                        exportOptions: {
                            columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13],
                        }
                    }, {
                        extend: 'excel',
                        exportOptions: {
                            columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13],

                        }
                    }, {
                        extend: 'pdf',
                        exportOptions: {
                            columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13],
                        }
                    }
                ],
                "lengthMenu": [[10, 25, 50, 100, 500,1000,5000], [10, 25, 50, 100, 500, 1000,5000]],
                "responsive": true,
                "autoWidth": false,
                "searching": true,
                "paging": true,
                "bInfo" : false,
                serverSide: true,
                "processing": true,
                ajax:
                    {
                        url : '/operations/insurance/invoice/datatable',
                        data: function (d) {
                            d.invoice_id = $('#insurance-invoice-id').val(),
                                d.status = $('#insurance-invoice-status').val(),
                                d.date_from = $('#insurance-invoice-date-from').val(),
                                d.date_to = $('#insurance-invoice-date-to').val(),
                                d.insurance_id = $('#insurance-invoice-company-id').val()
                        }
                    },
                "order": [[ 0, "desc" ]],
                columns: [
                    { data: 'checkbox', orderable: false, searchable: false }, // Checkbox Column
                    { data: "INVOICE_NO", name: "INVOICE_NO" },
                    { data: "INSURANCE_NAME", name: "INSURANCES.NAME" },
                    { data: "POLICY_NUMBER", name: "INSURANCES.NAME" },
                    { data: "INVOICE_SERIAL", name: "INVOICE_SERIAL" },
                    { data: "STATUS_NAME", name: "STATUS" ,render: function (data,type,row){
                            if(row['STATUS_NAME']){
                                return '<span class="badge '+row['STATUS_BADGE']+'">'+row['STATUS_NAME']+'</span>';
                            }else if(row['STATUS'] == null){
                                return '<span class="badge badge-secondary">Draft</span>';
                            }
                            return '';
                        }},
                    { data: "DATE_FROM", name: "DATE_FROM" },
                    { data: "DATE_TO", name: "DATE_TO" },
                    { data: "SUMMARY.total_excluding_tax", name: "SUMMARY.total_excluding_tax", searchable:false, title: "Paid by Patient" },
                    { data: "SUMMARY.sub_total_insurance", name: "SUMMARY.sub_total_insurance", searchable:false, title: "Insurance Credit" },
                    { data: "SUMMARY.sub_total_insurance", name: "SUMMARY.sub_total_insurance", searchable:false, title: "Subtotal" },
                    { data: "SUMMARY.total_tax", name: "SUMMARY.total_tax", searchable:false, title: "{{$global_symbol['tax'] ?? 'TAX'}} (Patient)" },
                    { data: "SUMMARY.total_tax_insurance", name: "SUMMARY.total_tax_insurance", searchable:false, title: "Insurance {{$global_symbol['tax'] ?? 'TAX'}}" },
                    { data: "SUMMARY.net_total", name: "SUMMARY.net_total", searchable:false, title: "Net Total (Insurance)" },
                    { data: "SUMMARY.total_discount", name: "SUMMARY.total_discount", searchable:false, title: "Total Discount" },
                    { data: "SUMMARY.paid_total", name: "SUMMARY.paid_total", searchable:false, title: "Paid Total" },
                    { data: "SETTLEMENT_AMOUNT", name: "SETTLEMENT_AMOUNT", title: "Settlement Amount" },
                    { data: "SUMMARY.remaining_total", name: "SUMMARY.remaining_total", searchable:false, title: "Remaining Total" },
                    { data: "EXPORT", name: "ID",title:"Excel",render: function (data,type,row){
                            return '<a target="_blank" href="/operations/insurance/invoices/' + row["ID"] + '/export" type="button" class="btn btn-success" style="color:#fff !important"> Excel </a>';
                        } },
                    { data: "ID", name: "ID" , render: function(data,type,row){
                            var action_button = '';
                            var show = false;
                            var data = '';
                            var is_action = false;


                            if(row['STATUS'] == 0 || row['STATUS'] == null){
                            @permission('insurance_invoice_approved')
                                action_button = `<button type="button" invoice-id='${row["ID"]}' invoice-status=1 class="approve-insurance-invoice btn btn-sm btn-info" style="color:white !important;min-width:120px"  >Approve</button>`;
                                is_action = true;
                                show = true;
                            @endpermission

                            @permission('insurance_invoice_reject')
                                if(!is_action)
                                {
                                    is_action = true;
                                    action_button = `<button type="button" invoice-id='${row["ID"]}' invoice-status=-1 class="approve-insurance-invoice btn btn-sm btn-info" style="color:white !important;min-width:120px"  >Reject</button>`;
                                }else{
                                    data += `<button  invoice-id='${row["ID"]}' invoice-status=-1 class="dropdown-item approve-insurance-invoice " >Reject</button>`;
                                }
                                show = true;
                            @endpermission

                            @permission('insurance_invoice_discount_amount')
                                if((row['DISCOUNT_TOTAL'] == 0 || row['DISCOUNT_TOTAL'] == null) && false){
                                    if (!is_action) {
                                        is_action = true;
                                        action_button = `<button discount-invoice-id='${row["ID"]}' discount-invoice-no='${row["INVOICE_NO"]}' discount-invoice-serial='${row["INVOICE_SERIAL"]}' class=" btn btn-sm btn-info discount-insurance-invoice-sample">Discount Invoice</button>`;
                                    } else {
                                        data += `<button discount-invoice-id='${row["ID"]}' discount-invoice-no='${row["INVOICE_NO"]}' discount-invoice-serial='${row["INVOICE_SERIAL"]}' class="dropdown-item discount-insurance-invoice-sample">Discount Invoice</button>`;
                                    }
                                    show = true;
                                }
                            @endpermission

                                if(!is_action)
                                {
                                    is_action = true;
                                    action_button = `<a  class="btn btn-info" href="/operations/insurance/invoices/${row["ID"]}/en" target="_blank" >Preview - EN</a>`;
                                    data += `<a  href="/operations/insurance/invoices/${row["ID"]}" target="_blank" class="dropdown-item ">Preview - AR</a>`;
                                }else{
                                    data += `<a  href="/operations/insurance/invoices/${row["ID"]}" target="_blank" class="dropdown-item ">Preview - AR</a>`;
                                    data += `<a  href="/operations/insurance/invoices/${row["ID"]}/en" target="_blank" class="dropdown-item ">Preview - EN</a>`;
                                }
                                show = true;



                            }else if(row['STATUS'] == 1) {
                                //approved
                            @permission('insurance_invoice_settle')
                                if(!is_action)
                                {
                                    is_action = true;
                                    action_button = `<button date-from='${row["DATE_FROM"]}' date-to='${row["DATE_TO"]}' invoice-id='${row["ID"]}' invoice-no='${row["INVOICE_NO"]}' invoice-serial='${row["INVOICE_SERIAL"]}' net-total='${row["INV_NET_TOTAL"]}' class="btn btn-sm btn-info  settle-insurance-invoice">Settle Invoice</button>`;
                                }else{
                                    data += `<button date-from='${row["DATE_FROM"]}' date-to='${row["DATE_TO"]}' invoice-id='${row["ID"]}' invoice-no='${row["INVOICE_NO"]}' invoice-serial='${row["INVOICE_SERIAL"]}' net-total='${row["INV_NET_TOTAL"]}' class="dropdown-item  settle-insurance-invoice">Settle Invoice</button>`;
                                }
                                show = true;
                            @endpermission

                            @permission('insurance_invoice_print')
                                if(!is_action)
                                {
                                    is_action = true;
                                    action_button = `<a  class="btn btn-info" href="/operations/insurance/invoices/${row["ID"]}/en" target="_blank" >Print - EN</a>`;
                                    data += `<a  href="/operations/insurance/invoices/${row["ID"]}" target="_blank" class="dropdown-item ">Print - AR</a>`;
                                }else{
                                    data += `<a  href="/operations/insurance/invoices/${row["ID"]}" target="_blank" class="dropdown-item ">Print - AR</a>`;
                                    data += `<a  href="/operations/insurance/invoices/${row["ID"]}/en" target="_blank" class="dropdown-item ">Print - EN</a>`;
                                }
                                show = true;
                            @endpermission

                            @permission('insurance_invoice_reset_to_draft')
                                if(!is_action)
                                {
                                    is_action = true;
                                    action_button = `<button type="button" invoice-id='${row["ID"]}' class="reset-insurance-invoice-to-draft btn btn-sm btn-warning" style="color:white !important;min-width:120px"  >Reset To Draft</button>`;
                                }else{
                                    data += `<button invoice-id='${row["ID"]}' class="dropdown-item  reset-insurance-invoice-to-draft">Reset To Draft</button>`;
                                }
                                show = true;
                            @endpermission




                            }else if(row['STATUS'] == 3) {
                            @permission('insurance_invoice_settle')
                                if(!is_action)
                                {
                                    is_action = true;
                                    action_button = `<button date-from='${row["DATE_FROM"]}' date-to='${row["DATE_TO"]}' invoice-id='${row["ID"]}' invoice-no='${row["INVOICE_NO"]}' invoice-serial='${row["INVOICE_SERIAL"]}' net-total='${row["INV_NET_TOTAL"]}' class="btn btn-sm btn-info  settle-insurance-invoice">Settle Invoice</button>`;
                                }else{
                                    data += `<button date-from='${row["DATE_FROM"]}' date-to='${row["DATE_TO"]}' invoice-id='${row["ID"]}' invoice-no='${row["INVOICE_NO"]}' invoice-serial='${row["INVOICE_SERIAL"]}' net-total='${row["INV_NET_TOTAL"]}' class="dropdown-item  settle-insurance-invoice">Settle Invoice</button>`;
                                }
                                show = true;
                            @endpermission

                            @permission('insurance_invoice_print')
                                if(!is_action)
                                {
                                    is_action = true;
                                    action_button = `<a  class="btn btn-info" href="/operations/insurance/invoices/${row["ID"]}/en" target="_blank" >Print - EN</a>`;
                                    data += `<a  href="/operations/insurance/invoices/${row["ID"]}" target="_blank" class="dropdown-item ">Print - AR</a>`;
                                }else{
                                    data += `<a  href="/operations/insurance/invoices/${row["ID"]}" target="_blank" class="dropdown-item ">Print - AR</a>`;
                                    data += `<a  href="/operations/insurance/invoices/${row["ID"]}/en" target="_blank" class="dropdown-item ">Print - EN</a>`;
                                }
                                show = true;
                            @endpermission


                            }else if(row['STATUS'] == 2){
                            @permission('insurance_invoice_print')
                                if(!is_action)
                                {
                                    is_action = true;
                                    action_button = `<a  class="btn btn-info" href="/operations/insurance/invoices/${row["ID"]}/en" target="_blank" >Print - EN</a>`;
                                    data += `<a  href="/operations/insurance/invoices/${row["ID"]}" target="_blank" class="dropdown-item ">Print - AR</a>`;
                                }else{
                                    data += `<a  href="/operations/insurance/invoices/${row["ID"]}" target="_blank" class="dropdown-item ">Print - AR</a>`;
                                    data += `<a  href="/operations/insurance/invoices/${row["ID"]}/en" target="_blank" class="dropdown-item ">Print - EN</a>`;
                                }
                                show = true;
                            @endpermission

                            }
                            if(show) {
                                let approval_button = `<div class="btn-group">`;
                                approval_button += action_button;
                                approval_button += `<button type="button" class="btn btn-sm btn-outline-default dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <div class="dropdown-menu">



                            `

                                approval_button += data
                                approval_button += `</div>
                                </div></div>
                            </div>`;
                                return approval_button;
                            }
                            return '';

                        }},
                ],
            });



            $("#insurance-invoice-date-from").change(function(){
                $('#insurance-invoice-table').DataTable().ajax.reload();
            });
            $("#insurance-invoice-date-to").change(function(){
                $('#insurance-invoice-table').DataTable().ajax.reload();
            });
            $("#insurance-invoice-status").change(function(){
                $('#insurance-invoice-table').DataTable().ajax.reload();

                // $('#insurance-invoice-table').DataTable().clear().destroy();
                // insuranceInvoices();
            });
            $("#insurance-invoice-company-id").change(function(){
                $('#insurance-invoice-table').DataTable().ajax.reload();
            });
            $("body").on("click", ".approve-insurance-invoice",function(){
                var invoice_id = $(this).attr("invoice-id");
                var invoice_status = $(this).attr("invoice-status");
                var data = {
                    invoice_id,
                    invoice_status
                }
                $.ajax({
                    type: "POST",
                    url: "/operations/insurance/invoices/approved",
                    data: JSON.stringify(data),
                    contentType: "application/json; charset=utf-8",
                }).done(function(data ) {
                    $('#insurance-invoice-table').DataTable().ajax.reload();
                }).fail(function(jqXHR, textStatus, errorThrown) {
                    alert("Error while update , please try again");
                });
                return false;
            });

            $("body").on("click", ".discount-insurance-invoice-sample",function(){
                $("#discount-invoice-id").val($(this).attr("discount-invoice-id"));
                $("#discount-invoice-no").html($(this).attr("discount-invoice-no"));
                $("#discount-invoice-serial").html($(this).attr("discount-invoice-serial"));
                $("#discount-contract-invoice-form").attr("action","/operations/insurance/invoices/" + $(this).attr("discount-invoice-id") + "/discount");
                $('#modal-discount-contract-invoice').modal('show');
            });

            $('#select-all').on('click', function() {
                $('.insurance-invoice-checkbox').prop('checked', this.checked);
            });

            $('#insurance-approve-selected').on('click', function() {
                var selectedInvoices = $('.insurance-invoice-checkbox:checked').map(function() {
                    var status = $(this).attr("invoice-status");
                    // Include invoices where status is 0 or null
                    if (status === "0" || status === null || status === undefined) {
                        return this.value;
                    }
                }).get();

                if (selectedInvoices.length === 0) {
                    alert('Please select at least one invoice.');
                    return;
                }

                $.ajax({
                    url: '/operations/insurance/invoices/approve',
                    method: 'POST',
                    contentType: 'application/json',  // Ensure the content type is JSON
                    data: JSON.stringify({ invoice_ids: selectedInvoices }),  // Convert data to JSON string
                    success: function(response) {
                        $('#insurance-invoice-table').DataTable().clear().destroy();
                        insuranceInvoices();
                    },
                    error: function() {
                        alert('Failed to approve invoices.');
                    }
                });
            });

            $('#export-insurance-selected-false').on('click', function() {
                var selectedInvoices = $('.insurance-invoice-checkbox:checked').map(function() {
                    return this.value;
                }).get();

                if (selectedInvoices.length === 0) {
                    alert('Please select at least one invoice.');
                    return;
                }

                // Show a loading message or spinner
                $('#export-insurance-selected').prop('disabled', true).text('Processing...');

                // Send AJAX POST request
                $.ajax({
                    url: '/operations/contracts/invoices/export/multiple',
                    type: 'POST',
                    data: {
                        invoice_ids: selectedInvoices
                    },
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function(response) {
                        // Show success message
                        toastr.success('Your export request has been queued. You will receive an email when it is ready.');
                        // Reset button
                        $('#export-insurance-selected').prop('disabled', false).text('Export Selected');
                    },
                    error: function(xhr, status, error) {
                        // Show error message
                        toastr.error('Error: ' + (xhr.responseJSON?.message || 'Failed to queue export'));
                        // Reset button
                        $('#export-insurance-selected').prop('disabled', false).text('Export Selected');
                    }
                });
            });

        }
        insuranceInvoices()
        $("body").on("click", ".reset-insurance-invoice-to-draft",function(){
            var invoice_id = $(this).attr("invoice-id");
            var data = {
                invoice_id
            }
            $.ajax({
                type: "POST",
                url: "/operations/insurance/invoices/reset-to-draft",
                data: JSON.stringify(data),
                contentType: "application/json; charset=utf-8",
            }).done(function(data ) {
                $('#insurance-invoice-table').DataTable().clear().destroy();
                insuranceInvoices();
            }).fail(function(jqXHR, textStatus, errorThrown) {
                alert("Error while update , please try again");
            });
            return false;
        });

        $("body").on("click", ".settle-insurance-invoice",function(){
            $("#invoice-id").val($(this).attr("invoice-id"));
            $("#invoice-no").html($(this).attr("invoice-no"));
            $("#invoice-serial").html($(this).attr("invoice-serial"));
            let date_to = $(this).attr("date-to");
            let date_from = $(this).attr("date-from");
            $("#date-to-invoice").data('daterangepicker').setStartDate(date_to.toString());
            $("#date-to-invoice").data('daterangepicker').setEndDate(date_to.toString());
            $("#date-from-invoice").data('daterangepicker').setStartDate(date_from.toString());
            $("#date-from-invoice").data('daterangepicker').setEndDate(date_from.toString());
            $("#settle-form").attr("action","/operations/insurance/invoices/" + $(this).attr("invoice-id") + "/settle");
            $('#modal-invoice').modal('show');
        });

    </script>
@endsection