@extends('layouts.app')
@push('middle_part')
    @include('layouts.dateFilter')
    <div class="ml-1 mmr-1">
        <button class="print-button" type="button" name="button" id="exportExcelBtn" data-bs-toggle="tooltip"
            data-bs-placement="top" data-bs-custom-class="custom-tooltip" data-bs-title="xlsx">
            <i class="bi bi-filetype-xlsx"></i>
        </button>
    </div>
@endpush
@section('content')
    <div class="page-wrapper">
        <div class="page-content">
            <div class="row tablerow">
                <div class="col-md-12">
                    @php
                        $page_name = 'Account Processing > Trail Balance';
                        $page_number = 0;
                    @endphp
                    @include('layouts.table_top')
                </div>
                <div class="col-md-12">
                    <div class="left-card">
                        <div class="wrapper1">
                            <div class="div1">
                            </div>
                        </div>
                        <div class="table-fixed-head table-responsive">
                            <div id="items-table"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('script')
    <script>
        $(document).ready(function() {
            function loadItems() {
                $('#items-table').empty();
                $('#loading-indicator').show();
                var searchType = $("#searchType").val();
                var financialYear = $("#financial_year").val();
                var selectedQuarter = $("#selectedQuarter").val();

                $.ajax({
                    url: "{{ route('trail_balance.get_data') }}",
                    type: 'get',
                    data: {
                        financial_year: financialYear,
                        quarter: selectedQuarter,
                        search_type: searchType,
                    },
                    datatype: 'html',
                    success: function(data) {
                        $('#loading-indicator').hide();
                        // Append the loaded data to the table
                        $('#items-table').append(data);
                    },
                    error: function(data) {
                        $('#loading-indicator').hide();
                    }
                });
            }

            $(".search_data").on('click', function() {
                loadItems();
            });


            /* $('#exportExcelBtn').click(function() {
                $('#loading-indicator').show();
                // Serialize form data
                var ex_export = 'excel';
                var searchType = $("#searchType").val();
                var financialYear = $("#financial_year").val();
                var selectedQuarter = $("#selectedQuarter").val();

                $.ajax({
                    url: "{{ route('get-fund-balance-anx-c') }}",
                    type: "get",
                    data: {
                        export: ex_export,
                        financial_year: financialYear,
                        quarter: selectedQuarter,
                        search_type: searchType,
                    },
                    xhrFields: {
                        responseType: 'blob' // Set response type to blob
                    },
                    success: function(response) {
                        // Create a blob from the response data
                        var blob = new Blob([response], {
                            type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
                        });
                        // Create a URL for the blob
                        var url = window.URL.createObjectURL(blob);
                        // Create a temporary link element
                        var a = document.createElement('a');
                        a.href = url;
                        a.download = 'fund.xlsx'; // Set the filename for the download
                        // Append the link element to the document body
                        document.body.appendChild(a);
                        // Trigger the click event on the link element to initiate the download
                        a.click();
                        // Remove the link element from the document body
                        document.body.removeChild(a);
                        $('#loading-indicator').hide();
                    },
                    error: function(xhr, status, error) {
                        console.error(error);
                        $('#loading-indicator').hide();
                    }
                });
            }); */


        });
    </script>
@endpush