@extends('reachassuree_agent/layouts.main')
@section('title', $data['title'])
@section('content')

<style>
    input.remark{
        width: 250px;
    }
    input[type="date"]::-webkit-clear-button {
        display: none !important;
    }

    input.amount,
    input.premium_paid {
        width: 120px;
    }

    .dropdown-checklist{
        padding: 0px 12px;
        line-height: 0px; 
    }

    .dropdown-checklist input{
        margin-left: 3px;
    }
</style>

<div class="page-content">
    <div class="container-fluid">
        <div class="row">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                <h4 class="mb-sm-0 font-size-18">
                    <a href="javascript:void(0);" onclick="history.back();"class="btn btn-primary px-3 waves-effect waves-light btn-sm backToButton" title="Back Button" id="backToButton"><i class="mdi mdi-arrow-left font-size-20"></i></a>&nbsp;&nbsp;&nbsp; {{$data['title']}}
                </h4>
            </div>
        </div>

        <div class="row" id="card">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="life_insurance_company_id" class="form-label">Select Insurance Company</label>
                                <select class="form-control select2-ajax" id="life_insurance_company_id" required></select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="life_agency_id" class="form-label">Select Agency</label>
                                <select class="form-control select2-ajax" id="life_agency_id" required></select>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-8">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="mb-3">
                                        <label for="due_from_date" class="form-label">Due Form Date</label>
                                        <input type="text" class="form-control" id="due_from_date" placeholder="Due from date" value="" autocomplete="off">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="mb-3">
                                        <label for="due_end_date" class="form-label">Due End Date</label>
                                        <input type="text" class="form-control" id="due_end_date" placeholder="Due end date" value="" autocomplete="off">
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="mb-3">
                                        <label class="form-label spaceRemove">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                        <button type="button" onclick="clearFilterFields();" class="form-control btn btn-primary" id="btnClear">Clear</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <br>

                    <div class="row align-items-center justify-content-between mb-3 showDivForTotal">
                        <div class="col-md-8">
                            <div class="alert alert-info alert-dismissible mb-0">
                                <i class="mdi mdi-alert-circle-outline me-2"></i>
                                <span id="filterMsg"></span>
                                <button type="button" class="btn-close clearSession"></button>
                            </div>
                        </div>
                        <div class="col-md-3 showDivForTotal">
                            <div class="card text-white bg-danger mb-0">
                                <button type="button" class="btn btn-primary waves-effect waves-light openRenewalModel" data-bs-toggle="modal" data-bs-target="#openRenewalModel">Fullscreen modal</button>
                            </div>
                        </div>
                    </div>

                    <div class="table-responsive">
                        <table id="datatable" class="table align-middle table-nowrap table-striped display nowrap w-100">   
                            @csrf
                            <thead class="table-light">
                                <tr>
                                    <th><input type="checkbox" name="mainCheckbox" id="mainCheckbox"></th>
                                    <th>Policy No.<br><input type="text" class="form-control" name="policy_number" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                    <th>Mode<br><input type="text" class="form-control" name="mode" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                    <th>Insurance Company<br><input type="text" class="form-control" name="insurance_company" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                    <th>Policy Holder Name<br><input type="text" class="form-control" name="policy_holder_name" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                    <th>Risk Start Date<br><input type="text" class="form-control" name="risk_from_date" placeholder="Search" maxlength="10" autocomplete="off" style="width: 100px; height: 25px"></th>
                                    <th>Due Date<br><input type="text" class="form-control" name="risk_to_date" placeholder="Search" maxlength="10" autocomplete="off" style="width: 100px; height: 25px"></th>
                                    <th>Premium Count<br><input type="text" class="form-control" name="premium_count" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                    <th>Premium Amount<br><input type="text" class="form-control" name="premium_amount" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                    <th>Premium Payment Date<br><input type="text" class="form-control" name="payment_date" placeholder="Search" maxlength="10" autocomplete="off" style="width: 100px; height: 25px"></th>
                                    <th>Remark<br><input type="text" class="form-control" name="remark" placeholder="Search" maxlength="10" autocomplete="off" style="width: 100px; height: 25px"></th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="openRenewalModel" class="modal fade" tabindex="-1" aria-labelledby="#openRenewalModel" style="display: none;" aria-hidden="true">
    <div class="modal-dialog modal-xxl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="openRenewalModel">Life Batch Renewal</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>

            <div class="modal-body">
                <form id="formBatchRenewal"  method="POST" class="needs-validation" enctype="multipart/form-data" novalidate>
                    @csrf
                    <div class="table-responsive">
                        <table id="datatable2" class="table align-middle table-nowrap table-striped display nowrap w-100">   
                            @csrf
                            <thead class="table-light">
                                <tr>
                                    <th></th>
                                    <th>Policy No.</th>
                                    <th>Mode</th>
                                    <th>Insurance Company</th>
                                    <th>Policy Holder Name</th>
                                    <th>Risk Start Date</th>
                                    <th>Due Date</th>
                                    <th>Premium Count</th>
                                    <th>Premium Amount</th>
                                    <th>Premium Payment Date</th>
                                    <th>Remark</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </form>
            </div>

            <div class="modal-footer justify-content-between">
                <div class="alert alert-danger" role="alert" id="totalAmountDiv" style="padding:.47rem .75rem;"></div>

                <div class="btns">
                    <button type="button" class="btn btn-secondary waves-effect" data-bs-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-primary waves-effect waves-light" id="renewItBtn">Renew it</button>
                </div>
            </div>
        </div>
    </div>
</div>

@include('../reachassuree_agent/master/comman/expiry-popup')

@endsection

@section('custom-scripts')
<script type="text/javascript">
    var ajaxSearchInsuranceCompany = "{{ route('search.insurance.company') }}";
    var batchRenewalAjax = "{{ route('batch.renewal.life.policies.ajax') }}";
    var ajaxSearchAgency = "{{ route('search.agency') }}";
    var is_expired = "{{ $data['is_expired'] }}";
    var authType = "{{ Auth::user()->type }}";
    var csrfToken = $("[name=_token").val();
    var totalRecords = [];
    var totalRecords2 = [];

    var table = $('#datatable').DataTable({
        "aoColumnDefs": [{ "bSortable": true, "aTargets": [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10] }],
        "order":[[ 6, 'asc' ]],
        "bInfo": false,
        "paging": false,
        "bPaginate": false,
        "ordering": true,
        "processing": true,
        "serverSide": true,
        "scrollX": true,
        "scrollY": function() {return $(window).height() - 200;},
        "language": {"processing": '<button type="button" class="btn btn-dark waves-effect waves-light"><i class="bx bx-loader bx-spin font-size-16 align-middle me-2"></i> Processing...</button>'},
        "lengthMenu": [[-1 ], ["All"]],
        "ajax": {
            "url": batchRenewalAjax,
            "type": "GET",
            "data": { 
                "_token": csrfToken,
                "due_from_date":function(){return $("#due_from_date").val();},
                "due_end_date":function(){return $("#due_end_date").val();},
                "life_agency_id":function(){return $("#life_agency_id").val();},
                "life_insurance_company_id":function(){return $("#life_insurance_company_id").val();},
                "ids" : [],
            }
        },
        "aoColumns" : [
            {"mData" : "select", "bSortable": false},
            {"mData" : "policy_number"},
            {"mData" : "mode"},
            {"mData" : "insurance_company"},
            {"mData" : "policy_holder_name"},
            {"mData" : "risk_from_date"},
            {"mData" : "risk_to_date"},
            {"mData" : "premium_count"},
            {"mData" : "premium_amount"},
            {"mData" : "payment_date", "visible" : false},
            {"mData" : "remark", "visible" : false},
        ],
        "createdRow": function(row, data, dataIndex) {
            var records = sessionRecords() || []; // Ensure records is an array
            if (Array.isArray(records) && records.includes(data.id)) {
                $(row).find('.childCheckbox').prop('checked', true);
            }
        }
    });

    table.on('xhr.dt', function (e, settings, json, xhr) {
        if (xhr.status === 200) {
            table.rows().nodes().to$().each(function () {
                $('.hideDivForTotal').show();
                $('#total_total_amount').text("Total Amount : ");
            });
        }

        if (sessionRecords() !== null && sessionRecords().length > 0) {

            $('.showDivForTotal').show();            
        } else {
            $('.showDivForTotal').hide();
            $('.alert.alert-info.alert-dismissible.fade').hide();
        }

        calculationReport(sessionRecords());

        if(json.recordsFiltered == 0){
            setTimeout(function() {
                $('#mainCheckbox').prop('checked', false);
            }, 1000);
        }
    });

    $(document).ready(function() {
        dateValidations($('#due_from_date, #due_end_date'));
        setupSelect3("life_agency_id", ajaxSearchAgency);
        setupSelect2("life_insurance_company_id", ajaxSearchInsuranceCompany, () => ({ company_type: "Life" }));

        var inputMappings = [
            'policy_number', 'mode', 'insurance_company', 'policy_holder_name', 'risk_from_date',
            'risk_to_date', 'premium_count', 'premium_amount', 'payment_date', 'remark'
        ];
        inputMappings.forEach(function(id, index) {
            $('input[name="' + id + '"]').click(function(event) {
                event.stopPropagation();
            });

            $('input[name="' + id + '"]').on('keyup input', function () {
                table.columns(index + 1).search(this.value).draw();
            });
        });

        $(document).on('click', '#mainCheckbox', function() {

            var isChecked = $(this).prop('checked');
            table.rows({ page: 'current' }).every(function() {
                var row = this.node();
                var recordId = this.data().id;

                if (isChecked) {
                    $(row).addClass('selected');
                    $(row).find('.childCheckbox').prop('checked', true);
                    addRecordId(recordId);
                } else {
                    localStorage.removeItem('dataArray');

                    $(row).removeClass('selected');
                    $(row).find('.childCheckbox').prop('checked', false);

                }
            });

            calculationReport(sessionRecords());
        });

        $(document).on('click', '.childCheckbox', function() {

            var recordId = $(this).val();
            if ($(this).prop('checked')) {
                addRecordId(recordId);
            } else {
                removeRecordId(recordId);
            }
            calculationReport(sessionRecords());

            if ($(this).hasClass('modelRecord')) {
                table2.ajax.reload(null, false);
            }
        });

        $('#due_from_date, #due_end_date').on('keyup',function(){
            $('#datatable').DataTable().draw();
        });

        $('#due_from_date, #due_end_date, #life_agency_id, #life_insurance_company_id').change(function() {
            var startDate = $('#due_from_date').val();
            var endDate = $('#due_end_date').val();

            $.fn.dataTable.ext.search.push(function(settings, data, dataIndex) {
                var transactionDate = data[0];
                var start = new Date(startDate).getTime();
                var end = new Date(endDate).getTime();
                var current = new Date(transactionDate).getTime();
            
                if ((isNaN(start) && isNaN(end)) || (isNaN(start) && current <= end) || (start <= current && isNaN(end)) || (start <= current && current <= end)) {
                    return true;
                }

                return false;
            });

            $('#datatable').DataTable().draw();

            $.fn.dataTable.ext.search.pop();
        });

        // $("#premium_paid3").datepicker({
        //     format: "dd-mm-yyyy",
        //     autoclose: true,
        //     container:$("#openRenewalModel"),
        // }).on('changeDate', function() {
        //     $('.datepicker').hide();
        // });

        $('input.toggle-vis').on('click', function(e) {
            var columnIndex = $(this).attr('data-column');
            var unHiddenValues = [2, 3, 4, 5];

            if (columnIndex === "-1") {
                var checked = $(this).prop('checked');

                if (!checked) {
                    table.columns().visible(false);

                    unHiddenValues.forEach(function(index) {
                        table.column(index).visible(true);
                    });

                    $('input.toggle-vis').not('[data-column="-1"]').prop('checked', false).prop('disabled', true);
                } else {
                    table.columns().visible(true);
                    $('input.toggle-vis').not('[data-column="-1"]').prop('disabled', false).prop('checked', true);
                }
            } else {
                var column = table.column(columnIndex);
                column.visible($(this).prop('checked'));

                var allUnchecked = true;

                $('input.toggle-vis').not('[data-column="-1"]').each(function() {
                    if ($(this).prop('checked')) {
                        allUnchecked = false;
                        return false;
                    }
                });

                if (allUnchecked) {
                    var allCheckbox = $('input.toggle-vis[data-column="-1"]');
                    allCheckbox.prop('checked', false).prop('disabled', true);
                
                    var allColumn = table.column("-1");
                    allColumn.visible(false);
                } else {
                    var allCheckbox = $('input.toggle-vis[data-column="-1"]');
                    allCheckbox.prop('disabled', false);
                }
            }
        });

        var due_from_date = '';
        var due_end_date = '';
        if (due_from_date == '' && due_end_date == '') {
            $('#due_from_date').datepicker({
                format: 'dd-mm-yyyy',
                autoclose: true
            }).on('changeDate', function (e) {
                $('#due_end_date').datepicker('setStartDate', e.date);
            });
            
            $('#due_end_date').datepicker({
                format: 'dd-mm-yyyy',
                autoclose: true
            }).on('changeDate', function (e) {
                $('#due_from_date').datepicker('setEndDate', e.date);
            });
        }

        $('#modalIsExpired').hide();

        if(is_expired == 1){
            $('.btns').hide();
            $('#modalIsExpired').modal('show');
        }

        $('.openRenewalModel').on('click', function(e) {
            e.preventDefault();
            totalRecords2 = sessionRecords();

            setTimeout(function() {
                $('#datatable2').DataTable().draw();
            }, 1000);
        });

        $('#renewItBtn').on('click', function(e) {
            e.preventDefault();

            var formData = new FormData($('#formBatchRenewal')[0]);
            var saveAjax = "{{ route('batch.renewal.life.policies.save') }}";

            $.ajax({
                type: 'POST',
                url: saveAjax,
                data: formData,
                processData: false,
                contentType: false, 
                beforeSend: function(){
                    showLoader();
                },
                success: function(resultData) {
                    hideLoader();

                    if (resultData['status'] == 1) {

                        $('#openRenewalModel').modal('hide');

                        clearFilterFields();
                        clearSession();

                        toastr["success"](resultData['msg']);
                    } else if (resultData['status'] == 0) {
                        // toastr["error"](resultData['msg']);
                        if (typeof resultData['data'] !== "undefined") {

                            var size = Object.keys(resultData['data']).length;
                            if (size > 0) {
                                for (var [key, value] of Object.entries(resultData['data'])) {
                                    toastr["error"](value);
                                }
                            }
                        } else {
                            toastr["error"](resultData['msg']);
                        }
                       
                        if(authType == 1 && resultData['flag'] == "Document"){
                            $('#modelPlanName').text('');
                            $('#modelPlanName').text("Document");
                            $('.forPlanUpgrade').hide();
                            $('.forPlanPurchase').show();
                            $('#upgradePurchaseModal').modal('show');
                        }

                        if(authType == 1 && resultData['flag'] == "Policy"){
                            $('#modelPlanName').text('');
                            $('#modelPlanName').text("Policy entery");
                            $('.forPlanUpgrade').show();
                            $('.forPlanPurchase').hide();
                            $('#upgradePurchaseModal').modal('show');
                        }
                    }
                }
            });
        });

        $('.clearSession').on('click', function(e) {
            e.preventDefault();
            clearSession();
        });

        $('#openRenewalModel').on('hidden.bs.modal', function () {
            $('#datatable').DataTable().draw();
        });
    });

    var table2 = $('#datatable2').DataTable({
        "aoColumnDefs": [{ "bSortable": false, "aTargets": [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10] }],
        "bInfo": false,
        "paging": false,
        "bPaginate": false,
        "ordering": false,
        "searching": false,
        "processing": true,
        "serverSide": true,
        "scrollX": true,
        "scrollY": function() {return $(window).height() - 200;},
        "language": {"processing": '<button type="button" class="btn btn-dark waves-effect waves-light"><i class="bx bx-loader bx-spin font-size-16 align-middle me-2"></i> Processing...</button>'},
        "lengthMenu": [[-1 ], ["All"]],
        "ajax": {
            "url": "{{ route('batch.selected.renewal.life.policies.ajax') }}",
            "type": "GET",
            "data": { 
                "_token": csrfToken,
                "ids" : totalRecords2,
            }
        },
        "aoColumns" : [
            {"mData" : "select"},
            {"mData" : "policy_number"},
            {"mData" : "mode"},
            {"mData" : "insurance_company"},
            {"mData" : "policy_holder_name"},
            {"mData" : "risk_from_date"},
            {"mData" : "risk_to_date"},
            {"mData" : "premium_count"},
            {"mData" : "premium_amount"},
            {"mData" : "payment_date"},
            {"mData" : "remark"},
        ],
        "createdRow": function(row, data, dataIndex) {
            var records = sessionRecords() || []; // Ensure records is an array
            if (Array.isArray(records) && records.includes(data.id)) {
                $(row).find('.childCheckbox').prop('checked', true);
            }else {
                $(row).find('.modelRecord').removeAttr('name value id');
                $(row).hide();
            }
        }
    });

    table2.on('xhr.dt', function (e, settings, json, xhr) {

        if (xhr.status === 200) {
            table2.rows().nodes().to$().each(function () {
                $('.hideDivForTotal').show();
                $('#total_total_amount').text("Total Amount : ");
            });
        }

        calculationReport(sessionRecords());
    });

    function inlineAmountChange(inputElement){
        if (inputElement) {
            var inputElementId = inputElement.id;

            $('#' + inputElementId).on('input', function(event) {
                var $this = $(this);
                var text = $this.val();

                if (!(/^\d*\.?\d{0,2}$/.test(text))) {
                    event.preventDefault();
                    $this.val(text.match(/^\d*\.?\d{0,2}/)[0]);
                }
            });

            $('#' + inputElementId).on('paste', function(e) {
                var text = e.originalEvent.clipboardData.getData('Text');

                if (!/^\d*\.?\d{0,2}$/.test(text)) {
                    e.preventDefault();
                }
            });
        }

        calculationReport(sessionRecords());
    }

    function addRecordId(recordId) {
        var uniqueRecordIds = sessionRecords() || [];

        recordId = parseInt(recordId);

        if (!uniqueRecordIds.includes(recordId)) {
            uniqueRecordIds.push(recordId);
            localStorage.setItem('dataArray', JSON.stringify(uniqueRecordIds));
        }
    }

    function removeRecordId(recordId) {
        var uniqueRecordIds = sessionRecords() || [];

        recordId = parseInt(recordId);

        var index = uniqueRecordIds.indexOf(recordId);
        if (index !== -1) {
            uniqueRecordIds.splice(index, 1);
            localStorage.setItem('dataArray', JSON.stringify(uniqueRecordIds));
        }
    }

    function calculationReport(sessionRecords) {
        if (!Array.isArray(sessionRecords)) {
            sessionRecords = [sessionRecords];
        }
        sessionRecords = sessionRecords.map(Number);
        var uniqueRecordIdsArray = sessionRecords.filter(function(value, index, self) {
            return self.indexOf(value) === index;
        });

        var convertedArray = uniqueRecordIdsArray;
        if (convertedArray.length > 0) {

            $('#renewItBtn').show();
            $('.showDivForTotal').show();            
            $('.alert.alert-info.alert-dismissible').show();

            if (convertedArray.length > 1) {
                $('.openRenewalModel').text("Renewal Policies");
                $('#filterMsg').html("You've selected <strong class='fw-bold'>" + convertedArray.length + " policies</strong> .Click the close button to remove those selected policies.");
            } else {
                $('.openRenewalModel').text("Renewal Policy");
                $('#filterMsg').html("You've selected <strong class='fw-bold'>1 policy</strong> .Click the close button to remove those selected policies.");
            }
        } else {

            $('#renewItBtn').hide();
            $('.showDivForTotal').hide();
            $('.alert.alert-info.alert-dismissible').hide();
        }
        
        setTimeout(function() {
            if ($('#openRenewalModel').hasClass('show')) {
                var totalAmounts = 0;
                for (var i = 0; i < convertedArray.length; i++) {
                    var recordId = convertedArray[i];
                    var amountValue = parseFloat($("#amount" + recordId).val());
                    var dueDates = $("#premium_paid" + recordId).val();
                    var dateObject = new Date(dueDates);
                    totalAmounts += isNaN(amountValue) ? 0 : amountValue;
                }
                
                $('#totalAmountDiv').text("Total Amount : "+totalAmounts.toFixed(2));
            }

            // var anyUnchecked = $('.tbRecord:not(:checked)').length > 0;
            // $('#mainCheckbox').prop('checked', !anyUnchecked);

            var allChecked = $('.childCheckbox').length === $('.childCheckbox:checked').length;
            $('#mainCheckbox').prop('checked', allChecked);

        }, 1000);
    }

    function sessionRecords() {
        var data = localStorage.getItem('dataArray');
        if (data) {
            return JSON.parse(data).map(Number);
        } else {
            return [];
        }
    }
  
    function setupSelect3(elementId, url) {
        $(`#${elementId}`).select2({
            ajax: {
                url: url,
                dataType: 'json',
                delay: 0,
                data: function(params) {
                    return Object.assign({}, {
                        search_value: params.term, // search term
                        page: params.page
                    });
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;
                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: `Search for ${elementId.includes('agency') ? 'agency' : 'insurance company'}`,
            allowClear: true
        });
    }

    function setupSelect2(elementId, url, extraData = {}) {
        $(`#${elementId}`).select2({
            ajax: {
                url: url,
                dataType: 'json',
                delay: 0,
                data: function(params) {
                    return Object.assign({}, {
                        search_value: params.term, // search term
                        page: params.page
                    }, extraData());
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;
                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: `Search for ${elementId.includes('agency') ? 'agency' : 'insurance company'}`,
            allowClear: true
        });
    }

    function clearSession(){
        localStorage.removeItem('dataArray');
        calculationReport(sessionRecords());

        $('#datatable').DataTable().draw();
        $('.alert.alert-info.alert-dismissible').hide();
    }

    function clearFilterFields() {
        $("#life_insurance_company_id").empty();
        $("#life_agency_id").empty();

        $("#due_from_date , #due_end_date").datepicker("destroy").val("");

        $("#due_from_date , #due_end_date").datepicker({
            format: "dd-mm-yyyy",
            autoclose: true
        }).on('changeDate', function() {
            $('.datepicker').hide();
        });

        $('#datatable').DataTable().draw();
    }

    function clearSearch(){
        for (let index = 0; index <=9; index++) {
            table.column(index).visible(true); 
        }

        $('.custom-select option:first').prop('selected',true);
        $('.toggle-vis').prop('checked', true);
        
        var inputMappings = [
            'policy_number', 'mode', 'insurance_company', 'policy_holder_name', 'risk_from_date',
            'risk_to_date', 'premium_count', 'premium_amount', 'payment_date', 'remark'
        ];

        for (var i = 0; i < inputNames.length; i++) {
            $('[name="' + inputNames[i] + '"]').val('');
        }

        table.search( '' ).columns().search( '' ).draw();
    }

   // Initialize the datepicker after the input fields have been added
// $(document).ready(function() {
    var currentDate = new Date();
    
    // When the table is drawn or updated, apply the datepicker
    $('#datatable2').on('draw.dt', function() {
        dateValidations($('.premium_paid'));

        $(".premium_paid").datepicker({
            format: "dd-mm-yyyy",
            endDate: currentDate,
            autoclose: true,
            container: $("#openRenewalModel"),
        }).on('changeDate', function() {
            $('.datepicker').hide();
        });
    });
// });


</script>
@endsection