@extends('admin.reports._layout')
@section('title', 'GSTR1 Report')

@php $reportTitle = 'GSTR1 Report'; @endphp

@section('reports_content')
<div class="hub-page">
    <div class="hub-page__header">
        <h1 class="hub-page__title">GSTR1 Report</h1>
        <p class="hub-page__subtitle">Export outward supply data for GST offline filing (B2B, B2CS, CDNR, HSN)</p>
    </div>
    <div class="hub-page__body">
        @include('partials.admin.module-hub.filter-month', [
            'formAction' => route('admin.reports.gstr1'),
            'formId' => 'gstr1-period-form',
            'periodFrom' => $periodFrom,
            'periodTo' => $periodTo,
            'filterLabel' => 'Financial Period between',
            'exportButtons' => [
                ['id' => 'gstr1-export-xls', 'label' => 'Export XLS', 'icon' => 'ri-file-excel-2-line'],
                ['id' => 'gstr1-export-json', 'label' => 'Export JSON', 'icon' => 'ri-code-box-line'],
            ],
        ])

        @if(empty($company->gstin))
            <div class="hub-alert alert alert-warning mb-4">
                <i class="ri-error-warning-line"></i>
                <div>
                    Add your company <strong>GSTIN</strong> under
                    <a href="{{ route('admin.preferences.profile') }}" class="alert-link">Company profile</a>
                    for accurate GSTR-1 filing data.
                </div>
            </div>
        @endif

        @include('partials.admin.module-hub.help', [
            'title' => 'In the GSTR1 section you can',
            'items' => array_merge(config('reports.gstr1.capabilities', []), [
                'Configure invoices with correct GSTIN, place of supply, and HSN on line items.',
            ]),
        ])
    </div>
</div>
@endsection

@push('scripts')
<script>
(function () {
    const form = document.getElementById('gstr1-period-form');
    const xlsBtn = document.getElementById('gstr1-export-xls');
    const jsonBtn = document.getElementById('gstr1-export-json');
    const xlsUrl = @json(route('admin.reports.gstr1.export.xls'));
    const jsonUrl = @json(route('admin.reports.gstr1.export.json'));

    function periodParams() {
        return new URLSearchParams({
            period_from: form.querySelector('[name="period_from"]').value,
            period_to: form.querySelector('[name="period_to"]').value,
        });
    }

    xlsBtn?.addEventListener('click', function (e) {
        e.preventDefault();
        window.location.href = xlsUrl + '?' + periodParams().toString();
    });
    jsonBtn?.addEventListener('click', function (e) {
        e.preventDefault();
        window.location.href = jsonUrl + '?' + periodParams().toString();
    });
})();
</script>
@endpush