@extends('layouts.master')
@push('style')
    <style>
        .main_active.active {
            background: #dc3545 !important;
            color: white !important;
        }
    </style>
@endpush
@section('title', __('accounting.fee_invoices'))
@section('content_title', __('accounting.all_fee_invoices'))
@section('content_summary', __('accounting.fee_invoices_summary'))


{{-- @section('content_taskbar')
    <li class="nav-item">
        <a href="{{ route('accounting.fee_invoice.create') }}" class="nav-link">
            <i class="nav-link-icon lnr-inbox"></i>
            <span>{{ __('core.add') }}</span>
        </a>
    </li>
@endsection --}}
@push('style')
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.4.1/css/buttons.dataTables.min.css">
@endpush
@section('main_content')
    <div class="main-card mb-3 card">
        <div class="card-body">
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a data-bs-toggle="tab" href="#tab-eg10-0"
                        class="mb-2 me-2 btn btn-shadow-primary btn-primary active">Student</a>
                </li>
                {{-- <li class="nav-item">
                    <a data-bs-toggle="tab"  href="#tab-eg10-1" class="mb-2 me-2 btn btn-shadow-primary btn-info ">
                        <span>Teacher</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a data-bs-toggle="tab"  href="#tab-eg10-2" class="mb-2 me-2 btn btn-shadow-primary btn-success active">
                        <span>Emplyee</span>
                    </a>
                </li> --}}
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab-eg10-0" role="tabpanel">


                    @include('accounting::fee_invoices.partials.home', [
                        // 'academic_years' => $academic_years,
                        // 'academic_classes' => $academic_classes,
                        // 'academic_sections' => $academic_sections,
                        // 'students' => $students,
                        'data' => $data,
                        'feeInvoices' => $feeInvoices,
                    ])

                </div>
                <div class="tab-pane" id="tab-eg10-1" role="tabpanel">
                    Teacher
                </div>
                <div class="tab-pane" id="tab-eg10-2" role="tabpanel">
                    Emplyee
                </div>
            </div>
        </div>
    </div>

@endsection

@push('script')
    <script src="https://cdn.datatables.net/buttons/2.4.1/js/dataTables.buttons.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.colVis.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.print.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.html5.min.js"></script>
    <script>
        $(document).ready(function() {
            // Initialize DataTable
            $('#invoiceTable').DataTable({
                responsive: true
            });

            $('#trash').DataTable({
                responsive: true
            });

            $(document).on('click', '.account_type_check', function(e) {
                if (e.target.checked) {
                    $('.account_type_parent_section').removeClass('d-none');
                } else {
                    $('.account_type_parent_section').addClass('d-none');
                }
            })
            // Open add form
            $(document).on('click', '#add', function(e) {
                e.preventDefault();
                $.ajax({
                    method: 'GET',
                    url: $(this).attr('href'),
                    success: function(response) {
                        $("#largeUpModal .modal-body").html(response);
                        addSubmit(); // Reinitialize addSubmit for new content
                    },
                    error: function(response) {
                        $("#largeUpModal .modal-body").html(
                            'Something Wrong, Please Try Again Later.');
                    }
                });
            });

            // Submit add form
            function addSubmit() {
                $('#addSubmit').on('submit', function(e) {
                    e.preventDefault();
                    $.ajax({
                        method: 'POST',
                        url: $(this).attr('action'),
                        data: $(this).serialize(),
                        success: function(response) {
                            $('#addModal').modal('hide');
                            toastr.success(response.msg);
                            loadData();
                        },
                        error: function(response) {}
                    });
                });
            }

            // Open edit form
            $(document).on('click', '.edit', function(e) {
                e.preventDefault();
                $.ajax({
                    method: 'GET',
                    url: $(this).attr('href'),
                    success: function(response) {
                        $("#editModal .modal-body").html(response);
                        editSubmit(); // Reinitialize editSubmit for new content
                    },
                    error: function(response) {
                        $("#editModal .modal-body").html(
                            'Something Wrong, Please Try Again Later.');
                    }
                });
            });

            // Submit edit form
            function editSubmit() {
                $('#editSubmit').on('submit', function(e) {
                    e.preventDefault();
                    $.ajax({
                        method: 'POST',
                        url: $(this).attr('action'),
                        data: $(this).serialize(),
                        success: function(response) {
                            if (response.success) {
                                $('#editModal').modal('hide');
                                loadData();
                            } else {}
                        },
                        error: function(response) {}
                    });
                });
            }





            // update
            var updateUrl = '';
            $(document).on('click', '.update', function(e) {
                e.preventDefault();
                updateUrl = $(this).attr('href');
                $('#confirm-update').data('update-url', updateUrl); // Store update URL
            });

            // Confirm update modal
            $(document).on('click', '#confirm-update', function() {
                updateUrl = $(this).data('update-url'); // Retrieve update URL
                $.ajax({
                    method: 'PUT',
                    url: updateUrl,
                    success: function(response) {
                        $('#updateModal').modal('hide');
                        loadData();
                    },
                    error: function(response) {}
                });
            });

            // Destroy
            var destroyUrl = '';
            $(document).on('click', '.destroy', function(e) {
                e.preventDefault();
                destroyUrl = $(this).attr('href');
                $('#confirm-destroy').data('destroy-url', destroyUrl); // Store destroy URL
            });

            // Confirm destroy modal
            $(document).on('click', '#confirm-destroy', function() {
                destroyUrl = $(this).data('destroy-url'); // Retrieve destroy URL
                $.ajax({
                    method: 'DELETE',
                    url: destroyUrl,
                    success: function(response) {
                        $('#destroyModal').modal('hide');

                        // loadData();
                        toastr.success(response.msg);
                        let user_id = response.user_id;
                        //recall data accorading to user when fee invoice move to trash
                        $.ajax({
                            method: 'GET',
                            url: "{{ route('accounting.fee_invoice.index') }}",
                            data: {
                                user_id: user_id
                            },
                            success: function(response) {
                                // Destroy the existing DataTable instance
                                if ($.fn.DataTable.isDataTable('#invoiceTable')) {
                                    $('#invoiceTable').DataTable().destroy();
                                }
                                if ($.fn.DataTable.isDataTable('#trash')) {
                                    $('#trash').DataTable().destroy();
                                }

                                // Replace the table body with the new data
                                if (!response.homeData) {
                                    $("#homeDataShow").addClass("d-none");
                                    $("#homeDataShow").addClass("d-none");
                                    // $('#home-data').html('<tr><td colspan="7" class="text-center">No Data Found</td></tr>');
                                    // toastr.success(response.message);

                                } else {
                                    $('#home-data').html(response.homeData);
                                    $('#trash-data').html(response.trashData);
                                    $("#homeDataShow").removeClass("d-none");
                                }




                                // Reinitialize the DataTable
                                $('#invoiceTable').DataTable({
                                    responsive: true
                                });
                                $('#trash').DataTable({
                                    responsive: true
                                });
                            },
                            error: function(response) {}

                        });
                    },
                    error: function(response) {}
                });
            });

            // Restore
            var restoreUrl = '';
            $(document).on('click', '.restore', function(e) {
                e.preventDefault();
                restoreUrl = $(this).attr('href');
                $('#confirm-restore').data('restore-url', restoreUrl); // Store restore URL
            });

            // Confirm restore modal
            $(document).on('click', '#confirm-restore', function() {
                restoreUrl = $(this).data('restore-url'); // Retrieve restore URL
                $.ajax({
                    method: 'POST',
                    url: restoreUrl,
                    success: function(response) {
                        $('#restoreModal').modal('hide');
                        toastr.success(response.msg);
                        let user_id = response.user_id;
                        //recall data accorading to user when fee invoice restored
                        $.ajax({
                            method: 'GET',
                            url: "{{ route('accounting.fee_invoice.index') }}",
                            data: {
                                user_id: user_id
                            },
                            success: function(response) {
                                // Destroy the existing DataTable instance
                                if ($.fn.DataTable.isDataTable('#invoiceTable')) {
                                    $('#invoiceTable').DataTable().destroy();
                                }
                                if ($.fn.DataTable.isDataTable('#trash')) {
                                    $('#trash').DataTable().destroy();
                                }

                                // Replace the table body with the new data
                                if (!response.homeData) {
                                    $("#homeDataShow").addClass("d-none");
                                    $("#homeDataShow").addClass("d-none");
                                    // $('#home-data').html('<tr><td colspan="7" class="text-center">No Data Found</td></tr>');
                                    // toastr.success(response.message);

                                } else {
                                    $('#home-data').html(response.homeData);
                                    $('#trash-data').html(response.trashData);
                                    $("#homeDataShow").removeClass("d-none");
                                }

                                // Reinitialize the DataTable
                                $('#invoiceTable').DataTable({
                                    responsive: true
                                });
                                $('#trash').DataTable({
                                    responsive: true
                                });
                            },
                            error: function(response) {}

                        });
                    },
                    error: function(response) {}
                });
            });

            // Delete
            var deleteUrl = '';
            $(document).on('click', '.delete', function(e) {
                e.preventDefault();
                deleteUrl = $(this).attr('href');
                $('#confirm-delete').data('delete-url', deleteUrl); // Store delete URL
            });

            // Confirm delete modal
            $(document).on('click', '#confirm-delete', function() {
                deleteUrl = $(this).data('delete-url'); // Retrieve delete URL
                $.ajax({
                    method: 'DELETE',
                    url: deleteUrl,
                    success: function(response) {
                        $('#deleteModal').modal('hide');
                        toastr.success(response.msg);
                        let user_id = response.user_id;
                        //recall data accorading to user when fee invoice permanently deleted
                        $.ajax({
                            method: 'GET',
                            url: "{{ route('accounting.fee_invoice.index') }}",
                            data: {
                                user_id: user_id
                            },
                            success: function(response) {
                                // Destroy the existing DataTable instance
                                if ($.fn.DataTable.isDataTable('#invoiceTable')) {
                                    $('#invoiceTable').DataTable().destroy();
                                }
                                if ($.fn.DataTable.isDataTable('#trash')) {
                                    $('#trash').DataTable().destroy();
                                }

                                // Replace the table body with the new data
                                if (!response.homeData) {
                                    $("#homeDataShow").addClass("d-none");
                                    $("#homeDataShow").addClass("d-none");
                                    // $('#home-data').html('<tr><td colspan="7" class="text-center">No Data Found</td></tr>');
                                    // toastr.success(response.message);

                                } else {
                                    $('#home-data').html(response.homeData);
                                    $('#trash-data').html(response.trashData);
                                    $("#homeDataShow").removeClass("d-none");
                                }

                                // Reinitialize the DataTable
                                $('#invoiceTable').DataTable({
                                    responsive: true
                                });
                                $('#trash').DataTable({
                                    responsive: true
                                });
                            },
                            error: function(response) {}

                        });
                    },
                    error: function(response) {}
                });
            });

            // load data based on filter data
            $(document).on('submit', '#filterForm', function(e) {
                e.preventDefault();
                let formData = $(this).serialize();
                $.ajax({
                    method: 'GET',
                    url: "{{ route('accounting.fee_invoice.index') }}",
                    data: formData,
                    success: function(response) {
                        // Destroy the existing DataTable instance
                        if ($.fn.DataTable.isDataTable('#invoiceTable')) {
                            $('#invoiceTable').DataTable().destroy();
                        }
                        if ($.fn.DataTable.isDataTable('#trash')) {
                            $('#trash').DataTable().destroy();
                        }



                        // Replace the table body with the new data
                        if (!response.homeData) {
                            $("#homeDataShow").addClass("d-none");
                            $("#homeDataShow").addClass("d-none");
                            // $('#home-data').html('<tr><td colspan="7" class="text-center">No Data Found</td></tr>');
                            toastr.success(response.message);

                        } else {
                            $('#home-data').html(response.homeData);
                            $('#trash-data').html(response.trashData);
                            $("#homeDataShow").removeClass("d-none");
                        }


                        // Reinitialize the DataTable
                        $('#invoiceTable').DataTable({
                            processing: true,
                            dom: 'Bfrtip', // Enables buttons above the table
                            buttons: [{
                                    extend: 'colvis',
                                    text: 'Column Visibility', // Text for the column visibility button
                                    columns: ':gt(0)', // Enable visibility toggle for columns except the first one
                                    action: function(e, dt, button, config) {
                                        // Perform the default colvis action
                                        $.fn.dataTable.ext.buttons.collection
                                            .action
                                            .call(this, e, dt, button, config);

                                        // Find and style the dt-button-background div
                                        $('div.dt-button-background').css({
                                            'background': 'rgba(0, 0, 0, 0)', // Light red with transparency
                                            'z-index': '2000' // Higher z-index
                                        });
                                    }
                                }, {
                                    extend: 'print',
                                    text: 'Print Table', // Text for the print button
                                    exportOptions: {
                                        columns: ':visible:not(:last-child)' // Ensures only visible columns are included in the print
                                    },
                                    customize: function(win) {
                                        $(win.document.body).css('font-size',
                                            '10pt'
                                        ); // Custom font size for the print view
                                        $(win.document.body).find('table')
                                            .addClass('compact')
                                            .css('font-size', 'inherit');
                                    }
                                },
                                {
                                    extend: 'csv',
                                    text: 'Export',
                                    exportOptions: {
                                        columns: ':visible:not(:last-child)' // Excludes the last column (typically Action)
                                    }
                                }
                            ]
                        });
                        $('#trash').DataTable({
                            responsive: true
                        });
                    },
                    error: function(response) {}

                })
                // loadData();
            })

            // Load data
            // function loadData() {
            //     $.ajax({
            //         method: 'GET',
            //         url: "{{ route('accounting.fee_invoice.index') }}",
            //         success: function(response) {
            //             // Destroy the existing DataTable instance
            //             if ($.fn.DataTable.isDataTable('#invoiceTable')) {
            //                 $('#invoiceTable').DataTable().destroy();
            //             }
            //             if ($.fn.DataTable.isDataTable('#trash')) {
            //                 $('#trash').DataTable().destroy();
            //             }
            //             // Replace the table body with the new data
            //             $('#home-data').html(response.homeData);
            //             $('#trash-data').html(response.trashData);



            //             // Reinitialize the DataTable
            //             $('#invoiceTable').DataTable({
            //                 responsive: true
            //             });
            //             $('#trash').DataTable({
            //                 responsive: true
            //             });
            //         },
            //         error: function(response) {
            //         }
            //     });
            // }

            // Initial load
            // loadData();






            // $(document).on("submit", "#autoInvoice", function(e) {
            //     e.preventDefault();
            //     $.ajax({
            //         url: $(this).attr('action'),
            //         method: "POST",
            //         data: new FormData(this),
            //         contentType: false,
            //         cache: false,
            //         processData: false,
            //         success: function(response) {

            //             // if (response.feeInvoiceDetails) {

            //             // }
            //             toastr.success(response.msg);
            //         },
            //         error: function(response) {
            //             toastr.success(response.msg);
            //         }
            //     });
            // });

            // set url for automatic invoice
            /*$(document).on('change', '#user_id', function(e) {
                // alert($(this).val());
                var student_id = $(this).val();
                if (student_id) {

                    $('#generateAutomaticInvoice').attr('href', '/accounting/fee-invoice/generate/' +
                        student_id + '/student');
                } else {
                    $('#generateAutomaticInvoice').attr('href', '');
                }
            });*/


            //click on automatic invoice btn for generate automatic invoice
            $(document).on('click', '#generateAutomaticInvoice', function(e) {
                e.preventDefault();
                var href = $(this).attr('href');

                //ajax call when click on automatic invoice and load data based on user id
                $.ajax({
                    url: href,
                    data: $('#filterForm').serialize(),
                    method: "GET",
                    success: function(response) {
                        if (response.feeInvoiceDetails) {
                            toastr.success(response.msg);

                            $.ajax({
                                method: 'GET',
                                // data: {
                                //     'user_id': response.user_id
                                // },
                                url: "{{ route('accounting.fee_invoice.index') }}",
                                success: function(response) {
                                    // Destroy the existing DataTable instance
                                    if ($.fn.DataTable.isDataTable(
                                            '#invoiceTable')) {
                                        $('#invoiceTable').DataTable().destroy();
                                    }
                                    if ($.fn.DataTable.isDataTable('#trash')) {
                                        $('#trash').DataTable().destroy();
                                    }

                                    // Replace the table body with the new data
                                    if (!response.homeData) {
                                        $("#homeDataShow").addClass("d-none");
                                        // $('#home-data').html('<tr><td colspan="7" class="text-center">No Data Found</td></tr>');
                                        toastr.success(response.message);

                                    } else {
                                        $('#home-data').html(response.homeData);
                                        $('#trash-data').html(response.trashData);
                                        $("#homeDataShow").removeClass("d-none");
                                    };


                                    // Reinitialize the DataTable
                                    $('#invoiceTable').DataTable({
                                        responsive: true
                                    });
                                    $('#trash').DataTable({
                                        responsive: true
                                    });
                                },
                                error: function(response) {}
                            });
                        } else {
                            toastr.success(response.msg);
                        }

                        // toastr.success(response.msg);

                    },
                    error: function(response) {
                        toastr.success(response.msg);
                    }
                });
            })
        });
    </script>
@endpush