{{--
    Shared toolbar for all report pages.
    Variables expected: $active ('occupancy'|'revenue'|'night-audit'), $from, $to, $date
--}}
<div class="flex flex-wrap items-center justify-between gap-3 mb-5">

    {{-- Tab switcher --}}
    <div class="flex gap-1 bg-gray-100 rounded-xl p-1" data-tour="report-tabs">
        <a href="{{ route('reports.occupancy', ['from' => $from, 'to' => $to]) }}"
           class="px-4 py-1.5 text-xs font-medium rounded-lg transition-colors
                  {{ $active === 'occupancy'
                      ? 'bg-white shadow-sm text-gray-800'
                      : 'text-gray-500 hover:text-gray-700' }}">
            Occupancy
        </a>
        <a href="{{ route('reports.revenue', ['from' => $from, 'to' => $to]) }}"
           class="px-4 py-1.5 text-xs font-medium rounded-lg transition-colors
                  {{ $active === 'revenue'
                      ? 'bg-white shadow-sm text-gray-800'
                      : 'text-gray-500 hover:text-gray-700' }}">
            Revenue
        </a>
        <a href="{{ route('reports.night-audit', ['date' => $date]) }}"
           class="px-4 py-1.5 text-xs font-medium rounded-lg transition-colors
                  {{ $active === 'night-audit'
                      ? 'bg-white shadow-sm text-gray-800'
                      : 'text-gray-500 hover:text-gray-700' }}">
            Night Audit
        </a>
    </div>

    {{-- Date picker form — adapts to the active tab --}}
    @if($active === 'night-audit')
    <form method="GET" action="{{ route('reports.night-audit') }}" class="flex items-center gap-2 flex-wrap" data-tour="date-range">
        <label class="text-xs text-gray-500 flex-shrink-0">Date</label>
        <input type="date" name="date" value="{{ $date }}"
               class="text-xs border-[0.5px] border-gray-200 rounded-lg px-2.5 py-1.5
                      focus:outline-none focus:ring-2 focus:ring-teal-500/20 focus:border-teal-400 transition-colors">
        <button type="submit"
                class="px-3 py-1.5 text-xs font-medium bg-teal-600 hover:bg-teal-700 text-white rounded-lg transition-colors">
            Go
        </button>
        @if($date !== now()->toDateString())
        <a href="{{ route('reports.night-audit') }}"
           class="px-3 py-1.5 text-xs font-medium text-teal-600 hover:text-teal-800 bg-teal-50 border-[0.5px] border-teal-200 rounded-lg hover:bg-teal-100 transition-colors">
            Today
        </a>
        @endif
        <a href="{{ route('reports.night-audit', ['date' => $date, 'export' => 'csv']) }}" data-tour="export-actions"
           class="inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-gray-600 bg-white border-[0.5px] border-gray-200 rounded-lg hover:bg-gray-50 transition-colors">CSV</a>
        <a href="{{ route('reports.night-audit', ['date' => $date, 'export' => 'xlsx']) }}"
           class="inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-green-700 bg-green-50 border-[0.5px] border-green-200 rounded-lg hover:bg-green-100 transition-colors">Excel</a>
        <a href="{{ route('reports.night-audit', ['date' => $date, 'print' => 1]) }}" target="_blank"
           class="inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-gray-600 bg-white border-[0.5px] border-gray-200 rounded-lg hover:bg-gray-50 transition-colors">
            <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                      d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z"/>
            </svg>
            Print
        </a>
    </form>
    @else
    <form method="GET" action="{{ route('reports.' . $active) }}" class="flex items-center gap-2 flex-wrap" data-tour="date-range">
        <label class="text-xs text-gray-500 flex-shrink-0">From</label>
        <input type="date" name="from" value="{{ $from }}"
               class="text-xs border-[0.5px] border-gray-200 rounded-lg px-2.5 py-1.5
                      focus:outline-none focus:ring-2 focus:ring-teal-500/20 focus:border-teal-400 transition-colors">
        <label class="text-xs text-gray-500 flex-shrink-0">To</label>
        <input type="date" name="to" value="{{ $to }}"
               class="text-xs border-[0.5px] border-gray-200 rounded-lg px-2.5 py-1.5
                      focus:outline-none focus:ring-2 focus:ring-teal-500/20 focus:border-teal-400 transition-colors">
        <button type="submit"
                class="px-3 py-1.5 text-xs font-medium bg-teal-600 hover:bg-teal-700 text-white rounded-lg transition-colors">
            Apply
        </button>
        {{-- Quick presets --}}
        <div class="flex flex-wrap gap-1">
            @php
            $presets = [
                'This Month' => ['from' => now()->startOfMonth()->toDateString(), 'to' => now()->toDateString()],
                'Last Month' => ['from' => now()->subMonth()->startOfMonth()->toDateString(), 'to' => now()->subMonth()->endOfMonth()->toDateString()],
                'Last 7d'    => ['from' => now()->subDays(6)->toDateString(), 'to' => now()->toDateString()],
                'Last 30d'   => ['from' => now()->subDays(29)->toDateString(), 'to' => now()->toDateString()],
            ];
            @endphp
            @foreach($presets as $label => $params)
            @php $isActive = $from === $params['from'] && $to === $params['to']; @endphp
            <a href="{{ route('reports.' . $active, $params) }}"
               class="px-2.5 py-1.5 text-[10px] font-medium rounded-lg border-[0.5px] transition-colors
                      {{ $isActive
                          ? 'bg-teal-50 border-teal-200 text-teal-700'
                          : 'bg-white border-gray-200 text-gray-500 hover:border-gray-300 hover:text-gray-700' }}">
                {{ $label }}
            </a>
            @endforeach
        </div>
        <a href="{{ route('reports.' . $active, ['from' => $from, 'to' => $to, 'export' => 'csv']) }}" data-tour="export-actions"
           class="inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-gray-600 bg-white border-[0.5px] border-gray-200 rounded-lg hover:bg-gray-50 transition-colors">CSV</a>
        <a href="{{ route('reports.' . $active, ['from' => $from, 'to' => $to, 'export' => 'xlsx']) }}"
           class="inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-green-700 bg-green-50 border-[0.5px] border-green-200 rounded-lg hover:bg-green-100 transition-colors">Excel</a>
        <a href="{{ route('reports.' . $active, ['from' => $from, 'to' => $to, 'print' => 1]) }}" target="_blank"
           class="inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-gray-600 bg-white border-[0.5px] border-gray-200 rounded-lg hover:bg-gray-50 transition-colors">
            <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                      d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z"/>
            </svg>
            Print
        </a>
    </form>
    @endif

</div>

@push('pageTour')
@php
$__pageTour = [
    ['target' => '[data-tour=report-tabs]',     'title' => 'Switch report',   'desc' => 'Jump between the Occupancy, Revenue, and Night Audit views — your selected date range carries across.'],
    ['target' => '[data-tour=date-range]',       'title' => 'Pick a period',   'desc' => 'Set a custom From/To range (or use a quick preset like This Month or Last 7 days), then Apply.'],
    ['target' => '[data-tour=summary-tiles]',    'title' => 'Headline numbers','desc' => 'The KPI tiles summarize the whole selected period at a glance.'],
    ['target' => '[data-tour=export-actions]',   'title' => 'Export & print',  'desc' => 'Download the report as CSV or Excel (.xlsx), or open a print-ready letterhead version.'],
];
@endphp
<script>window.__pmsPageTour = @json($__pageTour);</script>
@endpush