@extends('layouts.master')

@section('title', __('accounting.fee_invoices'))
@section('content_title', __('accounting.fee_invoices'))
@section('content_summary', __('accounting.fee_invoices_summary'))


@section('main_content')
    <div class="main-card mb-3 ">

        <div class=" mb-3 card">
            <div class="card-body row">
                <h5 class="card-title">{{ __('core.filter') }}</h5>
                <form id="filterForm">
                    <x-academicFilter class="row">
                        <x-slot:show_business class="filter-dropdown"></x-slot:show_business>
                        <x-slot:show_academic_year class="filter-dropdown"></x-slot:show_academic_year>
                        <x-slot:show_academic_class class="filter-dropdown"></x-slot:show_academic_class>
                        <x-slot:show_academic_section class="filter-dropdown"></x-slot:show_academic_section>
                        <x-slot:show_academic_student class="filter-dropdown"></x-slot:show_academic_student>
                        <div class="col-12 mb-3">
                            <a href="{{ route('accounting.fee_invoice.student', ['id' => null, 'type' => 'student']) }}"
                                target="_blank" id="generateAutomaticInvoice"
                                class="btn btn-info mt-4">{{ __('accounting.generate_invoice') }}</a>
                        </div>
                    </x-academicFilter>
                </form>
            </div>
        </div>
        <div class="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">{{ __('core.home') }}</a>
                    </li>
                    @if (auth()->user()->can('exams.trash_view'))
                        <li class="nav-item">
                            <a data-bs-toggle="tab" href="#tab-eg10-1" class="mb-2 me-2 btn btn-shadow-danger btn-danger">
                                {{ __('core.trash') }}
                            </a>
                        </li>
                    @endif
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="tab-eg10-0" role="tabpanel">
                        <div class="table-responsive">
                            {!! $html1->table(['style' => 'width:100%;'], true) !!}
                        </div>
                    </div>
                    <div class="tab-pane" id="tab-eg10-1" role="tabpanel">
                        <div class="table-responsive">
                            {!! $html2->table(['style' => 'width:100%;'], true) !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@include('partials.js.sweet_alert')
@include('partials.js.crud')
@include('partials.js.datatable')
@include('partials.js.datatable_features')

@push('script')
    {!! $html1->scripts() !!}
    {!! $html2->scripts() !!}
    <script type="text/javascript">
        $(document).ready(function() {

            var home_table = $('#home-table').DataTable();
            var trash_table = $('#trash-table').DataTable();







            $(document).on("submit", "#modal_form", function(e) {
                e.preventDefault(); // make sure default form submit is prevented

                ModalFormSubmit("#modal_form")
                    .then(() => {
                        home_table.ajax.reload();
                        trash_table.ajax.reload();
                    });
            });




            $(".filter-dropdown").on("change", function() {
                home_table.ajax.reload();
                trash_table.ajax.reload();
            })



            setupActionButtons({
                actions: {
                    '.toggle_button': {
                        method: 'PUT',
                        confirmTitle: "{{ __('core.sure') }}",
                        confirmText: "{{ __('core.confirm_update_status') }}",
                    },
                    '.delete_button': {
                        method: 'DELETE',
                        confirmTitle: "{{ __('core.confirm_delete') }}",
                        confirmText: "{{ __('core.confirm_delete_msg') }}",
                        forceDeleteRetry: true
                    },
                    '.restore_button': {
                        method: 'POST',
                        confirmTitle: "{{ __('core.confirm_restore') }}",
                        confirmText: "{{ __('core.confirm_restore_msg') }}",
                    },
                    '.force_delete_button': {
                        method: 'DELETE',
                        icon: "error",
                        confirmTitle: "{{ __('core.confirm_delete') }}",
                        confirmText: "{{ __('core.confirm_delete_msg') }}",
                    }
                },
                onSuccess: () => {
                    home_table.ajax.reload();
                    trash_table.ajax.reload();
                },
                onError: (err) => {
                    if (!err.cancelled) {
                        console.error("Request failed", err);
                        toastr.error("Something went wrong.");
                    }
                }
            });



            //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);
                        } else {
                            toastr.success(response.msg);
                        }
                        home_table.ajax.reload();
                        trash_table.ajax.reload();

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



        });
    </script>


    <script>
        $(document).ready(function() {

            $(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');
                }
            })



        });
    </script>
@endpush