{{-- Main content area needs to account for the fixed sidebar and header, similar to the reports page. --}}
{{-- Tabs Navigation --}}
{{-- I have updated this div to match the reports page for horizontal scrolling. --}}
{{-- Tab Buttons for Season Pass / Reserve Pass --}}
{{-- Active tab: yellow border and text --}}
{{-- Added responsive padding and text size to prevent overflow --}}
{{-- Inactive tab: gray text, hover yellow --}}
@php
// We've created two different card arrays, one for each tab.
// Now only including the "Total Passes" card as requested.
$seasonCards = [
[
'icon' => 'fa-car',
'color' => 'text-yellow-600',
'title' => 'Total Parkings',
'type' => 'season_pass',
'id' => 'totalActiveSeasonPasses',
'is_currency' => false,
],
];
$reserveCards = [
[
'icon' => 'fa-car',
'color' => 'text-yellow-600',
'title' => 'Total parkings',
'type' => 'reserved_lot',
'id' => 'totalActiveReservePasses',
'is_currency' => false,
],
];
@endphp
@foreach (['season' => 'Season', 'reserve' => 'Reserve'] as $tab => $type)
{{-- Get the correct cards based on the current tab in the loop --}}
@php
$cards = ($tab === 'season') ? $seasonCards : $reserveCards;
@endphp
{{-- Removed `space-y-8` from the parent and added explicit margin to the chart section below --}}
{{-- Card 1: Total Parkings --}}
@foreach ($cards as $card)