@extends('admin.reports._layout')
@section('title', $config['title'] ?? 'Report')

@php $reportTitle = $config['title'] ?? 'Report'; @endphp

@section('reports_content')
<div class="hub-page">
    <div class="hub-page__header">
        <h1 class="hub-page__title">{{ $config['title'] }}</h1>
        @if(!empty($config['about']))
            <p class="hub-page__subtitle">{{ $config['about'] }}</p>
        @endif
    </div>
    <div class="hub-page__body">
        @php
            $extraFields = !empty($config['include_services_option'])
                ? view('admin.reports.partials.include-services-check', ['includeServices' => $includeServices])->render()
                : '';
        @endphp
        @include('partials.admin.module-hub.filter-dates', [
            'formAction' => route('admin.reports.inventory', $reportKey),
            'formId' => 'inventory-report-form',
            'dateFrom' => $dateFrom,
            'dateTo' => $dateTo,
            'filterLabel' => $config['date_label'] ?? 'Sold between',
            'exportId' => 'inventory-export',
            'clearUrl' => route('admin.reports.inventory', $reportKey),
            'extraFields' => $extraFields,
        ])

        @include('partials.admin.module-hub.help', [
            'title' => $config['help_heading'] ?? 'What does this report do?',
            'items' => $config['description'] ?? [],
        ])
    </div>
</div>
@endsection

@push('scripts')
<script>
document.getElementById('inventory-export')?.addEventListener('click', function (e) {
    e.preventDefault();
    const form = document.getElementById('inventory-report-form');
    window.location.href = @json(route('admin.reports.inventory.export', $reportKey)) + '?' + new URLSearchParams(new FormData(form)).toString();
});
</script>
@endpush