@extends('layouts.app')
@section('title', 'WI')
@section('content')
    <div class="container-fluid">
        <div class="card mx-2">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="example-firstname-input" class="col-form-label"> <strong> County </strong> <span class="text-danger"> * </span></label>
                            <select required name="wi_counties" id="wi_counties" class="form-select">
                                <option value="" selected disabled>Select County</option>
                                @foreach($counties as $county_data)
                                    <option value="{{ $county_data->id }}">{{ $county_data->county_name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="example-firstname-input" class="col-form-label"> <strong> Year </strong> <span class="text-danger"> * </span></label>
                            <select required name="wi_years" id="wi_years" class="form-select">
                                <option value="" selected disabled>Select Year</option>
                                <option value="2015">2015</option>
                                <option value="2016">2016</option>
                                <option value="2017">2017</option>
                                <option value="2018">2018</option>
                                <option value="2019">2019</option>
                                <option value="2020">2020</option>
                                <option value="2021">2021</option>
                                <option value="2022">2022</option>
                                <option value="2023">2023</option>
                                <option value="2024">2024</option>
                                <option value="2025">2025</option>
                                <option value="2026">2026</option>
                                <option value="2027">2027</option>
                                
                            </select>
                        </div>
                    </div>
                </div>
                <div class="mb-1 selecteddiv d-none">
                    <span id="selectedCount" class="fs-5 fw-bold">Selected: <span class="selected_total">0</span></span>
                </div>
                <form method="POST" role="form" name="wi_taxcalendar" id="wi_taxcalendar" data-parsley-validate="" enctype="multipart/form-data">
                    @csrf 
                    <input type="hidden" name="action_flag" id="action_flag" value="">
                    <table id="wi_tax_calendar_table" class="table table-bordered nowrap table-striped" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                        <thead class="thead-light">
                            <tr>
                                <th><input type="checkbox" id="select_allwi"></th>
                                <th> Tax Calendar ID </th>
                                <th> Tax Year </th>
                                <th> Installment ID </th>
                                <th> Installment No </th>
                                <th> State </th>
                                <th> County </th>
                                <th> Agency ID </th>
                                <th> Agency Name </th>
                                <th> Agency Code </th>
                                <th> Bill Release Date </th>
                                <th> Bill Request Date </th>
                                <th> Due Date </th>
                                <th> Preffered Due Date </th>
                                <th> ELD Date </th>
                                <th> Pay by Date </th>
                                <th> C Service Report Date </th>
                                <th> Balance Report Date </th>
                                <th> Payment Report Date </th>
                                <th> Mass Pay Date </th>
                                <th> Delinquent Cycle Date </th>
                                <th> Delinquent Report Date </th>
                                <th> Discount Date </th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('page_css')
<style>
    table.dataTable thead tr {
        background-color: #E0F7E0;
    }
    table.dataTable tbody tr {
        background-color: #ffffff;
    }
    div.dt-buttons {
        float: right;
        margin-top: -1px;
        margin-left: 11px;
    }
    .noborder {
        border:none;
    }
    .input-icons i {
        position: absolute;
    }
    .icon1 {
        padding: 10px;
        min-width: 0px;
        right: 595px;
    }
    .icon2 {
        padding: 10px;
        min-width: 0px;
        right: 875px;
    }
</style>
@endsection

@section('page_script')
<script>
    var wiTaxCalendarTbl = '';
    $(document).ready(function() {
        load_wi_data();
        
        function load_wi_data(county = '', year = '') {
            if ($.fn.DataTable.isDataTable('#wi_tax_calendar_table')) {
                $('#wi_tax_calendar_table').DataTable().destroy();
            }

            wiTaxCalendarTbl = $('#wi_tax_calendar_table').DataTable({
                scrollX: true,
                processing: true,
                serverSide: false,
                "lengthMenu": [[5000, 2000, 1000, 500, 250, 100, 50, 25, 10], [5000, 2000, 1000, 500, 250, 100, 50, 25, 10]],
                ajax: {
                    url: "{{ url('/fetch-wi_tax_calendar') }}",
                    method: "POST",
                    data: {
                        _token: '{{ csrf_token() }}',
                        county: county,
                        year: year
                    },
                    dataSrc: function(json) {
                        $('.submitOrdersBtn').attr('disabled', true);
                        $('.editOrdersBtn').attr('disabled', true);
                        return json.data;
                    },
                },
                createdRow: function(row, data) {
                    if (data.is_active == 0) {
                        $(row).addClass('inactive');
                        $('td', row)
                            .css("cursor", "not-allowed")
                            .css("background-color", "#F2D2C4");
                    }
                },
                columnDefs: [
                    { targets: [0], sortable: false },
                ],
                columns: [
                    { data: 'selectorder', name: 'selectorder', defaultContent: "--" },
                    { data: 'tId', name: 'tId', defaultContent: "--" },
                    { data: 'tax_year', name: 'tax_year', defaultContent: "--" },
                    { data: 'installment_id', name: 'installment_id', defaultContent: "--" },
                    { data: 'installement_no', name: 'installement_no', defaultContent: "--" },
                    { data: 'short_code', name: 'short_code', defaultContent: "--" },
                    { data: 'county_name', name: 'county_name', defaultContent: "--" },
                    { data: 'agency_id', name: 'agency_id', defaultContent: "--" },
                    { data: 'agency_name', name: 'agency_name', defaultContent: "--" },
                    { data: 'agency_code', name: 'agency_code', defaultContent: "--" },
                    { data: 'bill_release_date', name: 'bill_release_date', defaultContent: "--" },
                    { data: 'bill_request_date', name: 'bill_request_date', defaultContent: "--" },
                    { data: 'due_date', name: 'due_date', defaultContent: "--" },
                    { data: 'preferred_due_date', name: 'preferred_due_date', defaultContent: "--" },
                    { data: 'eld_date', name: 'eld_date', defaultContent: "--" },
                    { data: 'pay_by_date', name: 'pay_by_date', defaultContent: "--" },
                    { data: 'c_service_report_date', name: 'c_service_report_date', defaultContent: "--" },
                    { data: 'balance_report_date', name: 'balance_report_date', defaultContent: "--" },
                    { data: 'payment_report_date', name: 'payment_report_date', defaultContent: "--" },
                    { data: 'mass_pay_date', name: 'mass_pay_date', defaultContent: "--" },
                    { data: 'delinquent_cycle_date', name: 'delinquent_cycle_date', defaultContent: "--" },
                    { data: 'delinquent_report_date', name: 'delinquent_report_date', defaultContent: "--" },
                    { data: 'discount_date', name: 'discount_date', defaultContent: "--" }
                ],
                dom: '<"mt-2"<"row"<"col-md-6"l><"col-md-6"<B><"float-end"f>>><"mb-1"<t>><"row"<"col"i><"col"p>>>',
                buttons: [{
                    text: '<em class="mdi mdi-delete"></em> Delete',
                    className: 'btn addbtn btn-color btn-sm text-white submitOrdersBtn',
                    type: "submit",
                    action: function (e, dt, node, config) {
                        deleteWIStates();
                    }
                },{
                    text: '<em class="mdi mdi-delete"></em> Edit',
                    className: 'btn addbtn btn-color btn-sm text-white editOrdersBtn ms-2',
                    type: "submit",
                    action: function (e, dt, node, config) {
                        editWIStates();
                    }
                }],
            });
        }

        $('#wi_counties, #wi_years').on('change', function() {
            var county = $('#wi_counties').val();
            var year = $('#wi_years').val();
            load_wi_data(county, year);
        });


        $('#select_allwi').on('click', function() {
            var table = $('#wi_tax_calendar_table').DataTable();
            $('.wiagencies', table.rows().nodes()).prop('checked', this.checked);

            let checkedCount = $('.wiagencies:checked', table.rows().nodes()).length;
            $('.selecteddiv').addClass('d-none');

            if(checkedCount >= 1) {
                $('.submitOrdersBtn').attr('disabled', false);
                $('.editOrdersBtn').attr('disabled', false);
                $('.selecteddiv').removeClass('d-none');
            } else {
                $('.submitOrdersBtn').attr('disabled', true);
                $('.editOrdersBtn').attr('disabled', true);
            }

            updateOrdersSummary();
        });

        $(document).on('click', '.wiagencies', function() {
            const table = $('#wi_tax_calendar_table').DataTable();
            const total = table.$('.wiagencies').length;
            const checked = table.$('.wiagencies:checked').length;
            $('.selecteddiv').addClass('d-none');

            if(checked >= 1) {
                $('.submitOrdersBtn').attr('disabled', false);
                $('.editOrdersBtn').attr('disabled', false);
                $('.selecteddiv').removeClass('d-none');
            } else {
                $('.submitOrdersBtn').attr('disabled', true);
                $('.editOrdersBtn').attr('disabled', true);
            }
            updateOrdersSummary();
        });

        function updateOrdersSummary() {
            var table = $('#wi_tax_calendar_table').DataTable();
            var selectedRows = table.$('.wiagencies:checked', { "page": "all" });
            var count = selectedRows.length;

            $('.selected_total').text(count);
        }

        $('#wi_taxcalendar').submit(function(e) {
            e.preventDefault();
            if ($("#wi_taxcalendar").parsley()) {
                if ($("#wi_taxcalendar").parsley().validate()) {
                    if ($("#wi_taxcalendar").parsley().isValid()) {
                        var loader = $('#ajaxloader');
                        $('.loader_text').text('Deleting Tax Calendar Dates...');
                        loader.show();

                        setTimeout(function() {
                            $.ajax({
                                type: "POST",
                                cache: false,
                                async: false,
                                url: "{{ route('wi_delete_data') }}",
                                data: new FormData($("#wi_taxcalendar")[0]),
                                processData: false,
                                contentType: false,
                                success: function(response) {
                                    loader.hide(); // ✅ Hide loader here

                                    var result = response.split('@#!');
                                    Swal.fire({
                                        position: 'middle',
                                        icon: result[1],
                                        title: result[2],
                                        showConfirmButton: true,
                                        confirmButtonText: 'OK'
                                    }).then(() => {
                                        var selectedStatus = $('.selectedStatusId').val();
                                        var tableId = '#wi_tax_calendar_table';
                                        if ($.fn.DataTable.isDataTable(tableId)) {
                                            $(tableId).DataTable().ajax.reload(null, false);
                                        }
                                        $('.selecteddiv').addClass('d-none');
                                        $('.selected_total').text(0);
                                    });
                                }
                            });
                        }, 1000);
                    }
                }
            }
        });
    });

    function deleteWIStates() {
        var number_of_checked_checkbox= $(".checkvalue:checked").length;
        $('#action_flag').val('delete');
        if(number_of_checked_checkbox == 0) {
            Swal.fire({
                position: 'middle',
                icon: 'warning',
                title: 'Please select atleast one Calendar..',
                showConfirmButton: true
            });
        } else {
            $("#wi_taxcalendar").submit();
            $($.fn.dataTable.tables(true)).DataTable()  
                .columns.adjust();
        }
    }

    function editWIStates() {
        var number_of_checked_checkbox= $(".checkvalue:checked").length;
        $('#action_flag').val('edit'); // 
        if(number_of_checked_checkbox == 0) {
            Swal.fire({
                position: 'middle',
                icon: 'warning',
                title: 'Please select atleast one Calendar..',
                showConfirmButton: true
            });
        } else {
            $("#wi_taxcalendar").submit();
            $($.fn.dataTable.tables(true)).DataTable()  
                .columns.adjust();
        }
    }
</script>
@endsection