@props([
    'title',
    'pdfRoute' => null,
    'backRoute' => null,
    'backLabel' => 'Reports',
    'from' => request('from', $accountingPeriod['from'] ?? null),
    'to' => request('to', $accountingPeriod['to'] ?? null),
    'asOf' => null,
])

@php
    $query = array_filter([
        'from' => $from,
        'to' => $to,
        'account_id' => request('account_id'),
    ]);
    $periodLabel = $accountingPeriod['label'] ?? null;
@endphp

<div class="chm-report-shell card shadow-sm border-0" id="chm-report-shell">
    <div class="chm-report-shell-toolbar card-header bg-primary text-white d-flex flex-wrap align-items-center justify-content-between gap-2">
        <div>
            <h5 class="mb-0">{{ $title }}</h5>
            @if($asOf)
                <small class="opacity-75">As at {{ $asOf }}</small>
            @elseif($from || $to)
                <small class="opacity-75">{{ $from ?: '…' }} to {{ $to ?: '…' }}</small>
            @endif
            @if($periodLabel && !request()->has('from') && !request()->has('to'))
                <small class="d-block opacity-75"><i class="bx bx-calendar-check"></i> Session period: {{ $periodLabel }}</small>
            @endif
        </div>
        <div class="d-flex flex-wrap align-items-center gap-2">
            <form method="GET" class="d-flex flex-wrap align-items-center gap-2 mb-0">
                @foreach(request()->except(['from', 'to', 'page']) as $key => $value)
                    @if(is_scalar($value))
                        <input type="hidden" name="{{ $key }}" value="{{ $value }}">
                    @endif
                @endforeach
                <input type="date" name="from" value="{{ $from }}" class="form-control form-control-sm" aria-label="From date">
                <input type="date" name="to" value="{{ $to }}" class="form-control form-control-sm" aria-label="To date">
                <button type="submit" class="btn btn-light btn-sm">Apply</button>
            </form>

            @if($pdfRoute)
                @can('reports.export')
                    <form method="POST" action="{{ route($pdfRoute) }}" class="mb-0">
                        @csrf
                        <input type="hidden" name="from" value="{{ $from }}">
                        <input type="hidden" name="to" value="{{ $to }}">
                        <input type="hidden" name="account_id" value="{{ request('account_id') }}">
                        <button type="submit" class="btn btn-light btn-sm">
                            <i class="bx bx-file-pdf"></i> PDF
                        </button>
                    </form>
                @endcan
            @endif

            <button type="button" class="btn btn-light btn-sm" id="chm-report-open-tab" title="Open in new tab">
                <i class="bx bx-window-open"></i>
            </button>
            <button type="button" class="btn btn-light btn-sm" id="chm-report-maximize" title="Maximize">
                <i class="bx bx-fullscreen"></i>
            </button>

            @if($backRoute)
                <a href="{{ route($backRoute, $query) }}" class="btn btn-outline-light btn-sm">{{ $backLabel }}</a>
            @endif
        </div>
    </div>

    <div class="chm-report-shell-body card-body p-0">
        {{ $slot }}
    </div>
</div>

@once
    @push('scripts')
        <script src="{{ asset('backend/assets/js/chm-accounting.js') }}"></script>
    @endpush
@endonce