@extends('../backend/layout/' . $layout)

@section('subhead')
    <title>GST Report</title>
@endsection

@section('subcontent')
    <!-- BEGIN: HTML Table Data -->
    <div class="intro-y box mt-5">
        <div class="flex flex-col sm:flex-row items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400">
            <h2 class="font-medium text-base mr-auto">Search & Filters</h2>
        </div>
        <div class="p-5">
            <form id="tabulator-html-filter-form-status">
                <div class="grid grid-cols-4 gap-5">
                    <div>
                        <label>Date Range</label><br>
                        <input type="text" id="daterange" data-daterange="true" class="datepicker form-control w-56 block">
                    </div>
                    <div class="mt-5">
                        <button id="tabulator-html-filter-go-status" type="button" class="btn btn-primary">Search</button>
                        <button id="tabulator-html-filter-reset-status" type="button"
                            class="btn btn-outline-secondary reset-button">Reset</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="intro-y box p-5 mt-5">
        <div class="flex flex-col sm:flex-row sm:items-end xl:items-start">
            <div class="flex mt-5 sm:mt-0">
                <div class="dropdown w-1/2 sm:w-auto">
                    <button class="dropdown-toggle btn btn-outline-secondary w-full sm:w-auto" aria-expanded="false"
                        data-tw-toggle="dropdown">
                        <i data-lucide="file-text" class="w-4 h-4 mr-2"></i> Export <i data-lucide="chevron-down"
                            class="w-4 h-4 ml-auto sm:ml-2"></i>
                    </button>
                    <div class="dropdown-menu w-40">
                        <ul class="dropdown-content">
                            <li>
                                {{-- <form action="{{ route('export.gst.report') }}" method="post">
                                    @csrf --}}
                                    <button type="submit" id="tabulator-export-xlsx" class="dropdown-item">
                                        <i data-lucide="file-text" class="w-4 h-4 mr-2"></i> Export XLSX
                                    </button>
                                {{-- </form> --}}
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="overflow-x-auto scrollbar-hidden">
            <div id="tabulator" class="mt-5 table-report table-report--tabulator"></div>
        </div>
    </div>
    <!-- END: HTML Table Data -->
@endsection

@section('script')
    <script>
        let GSTReportList = '{{ route('gst.report') }}';
        let exportGSTReportRoute = '{{ route('export.gst.report') }}'
    </script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="{{ asset(mix('js/backend/pages/reports/gst.js')) }}"></script>
@endsection