{{--
    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">
        <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">
        <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
    </form>
    @else
    <form method="GET" action="{{ route('reports.' . $active) }}" class="flex items-center gap-2 flex-wrap">
        <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>
    </form>
    @endif

</div>