<aside class="flex flex-col w-64 bg-gray-800 text-white shadow-xl">
    <div class="flex items-center justify-center h-16 bg-gray-900 border-b border-gray-700">
        <span class="text-xl font-extrabold tracking-wider"><img src="<?php echo e(asset('storage/imgs/ssff_logo_ticko.png')); ?>" alt="SSFF Ticketing Portal" class="h-10 w-auto fill-current text-gray-800 dark:text-gray-200"></span>
        <span class="text-[12px] ml-2 mt-4">Ticketing Portal v1.0</span>
    </div>

    <nav class="flex-1 overflow-y-auto p-4 space-y-2">
        <a href="<?php echo e(route('fans.fansdashboard')); ?>"
           class="flex items-center p-3 rounded-lg transition duration-200 <?php echo e(request()->routeIs('fans.fansdashboard') ? 'bg-indigo-600' : 'hover:bg-gray-700'); ?>">
            <i class="fas fa-tachometer-alt mr-3"></i>
            My Dashboard
        </a>

        <div x-data="{ open: <?php echo e(request()->routeIs('fans.*') ? 'true' : 'false'); ?> }">
            <button @click="open = !open" class="w-full flex items-center justify-between p-3 rounded-lg hover:bg-gray-700 transition duration-200 focus:outline-none">
                <span class="flex items-center">
                    <i class="fas fa-futbol mr-3"></i> Matches
                </span>
                <i class="fas" :class="{'fa-chevron-up': open, 'fa-chevron-down': !open}"></i>
            </button>
            <div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" class="pl-6 pt-1 space-y-1">
                <a href="<?php echo e(route('fans.index', ['status' => 'active'])); ?>" class="block p-2 text-sm rounded-lg transition duration-200 <?php echo e(request()->routeIs('fans.matches.index') && request('status') != 'past' ? 'bg-gray-700 text-indigo-300' : 'hover:bg-gray-700'); ?>">
                    Coming Up/Active
                </a>
                <a href="<?php echo e(route('fans.index', ['status' => 'past'])); ?>" class="block p-2 text-sm rounded-lg transition duration-200 <?php echo e(request()->routeIs('fans.matches.index') && request('status') == 'past' ? 'bg-gray-700 text-indigo-300' : 'hover:bg-gray-700'); ?>">
                    Past Matches
                </a>
            </div>
        </div>

        <div x-data="{ open: <?php echo e(request()->routeIs('fans.tickets.*') ? 'true' : 'false'); ?> }">
            <button @click="open = !open" class="w-full flex items-center justify-between p-3 rounded-lg hover:bg-gray-700 transition duration-200 focus:outline-none">
                <span class="flex items-center">
                    <i class="fas fa-ticket-alt mr-3"></i> Tickets
                </span>
                <i class="fas" :class="{'fa-chevron-up': open, 'fa-chevron-down': !open}"></i>
            </button>
            <div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" class="pl-6 pt-1 space-y-1">
                <a href="<?php echo e(route('fans.fancreateticket')); ?>" class="block p-2 text-sm rounded-lg transition duration-200 <?php echo e(request()->routeIs('fans.fancreateticket') ? 'bg-gray-700 text-indigo-300' : 'hover:bg-gray-700'); ?>">
                    Create Ticket
                </a>
                <a href="#" class="block p-2 text-sm rounded-lg hover:bg-gray-700 transition duration-200">
                    Manage Tickets
                </a>
            </div>
        </div>

        <a href="<?php echo e(route('fans.transactions')); ?>"
           class="flex items-center p-3 rounded-lg transition duration-200 hover:bg-gray-700">
            <i class="fas fa-exchange-alt mr-3"></i>
            My Transactions
        </a>

        
    </nav>
</aside>
<script>
    // This assumes Alpine.js is included in your main asset build.
    // If not, you may need a simple JS polyfill or include Alpine.js.
</script><?php /**PATH C:\wamp64\www\ssfaticketing\resources\views/partials/fans_sidebar.blade.php ENDPATH**/ ?>