


<aside class="hidden lg:flex lg:flex-col fixed inset-y-0 left-0 z-40 bg-slate-950 border-r border-slate-900/50 transition-all duration-300 shadow-xl"
       :class="sidebarOpen ? 'w-64' : 'w-16'">

    
    <div class="flex h-16 items-center border-b border-slate-900/60 px-4 shrink-0" :class="sidebarOpen ? 'justify-between' : 'justify-center'">
        <div x-show="sidebarOpen" class="flex items-center gap-2.5" x-transition:enter="transition-opacity ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100">
            <div class="w-9 h-9 bg-gradient-to-br from-indigo-500 to-purple-600 rounded-xl flex items-center justify-center shadow-md shadow-indigo-500/10 border border-indigo-400/10">
                <i class="fas fa-hotel text-white text-sm"></i>
            </div>
            <span class="text-white font-black text-base tracking-tight"><?php echo e($hotelName); ?></span>
        </div>
        <div x-show="!sidebarOpen" class="w-9 h-9 bg-gradient-to-br from-indigo-500 to-purple-600 rounded-xl flex items-center justify-center shadow-md shadow-indigo-500/10 border border-indigo-400/10" style="display:none">
            <i class="fas fa-hotel text-white text-sm"></i>
        </div>
        <button @click="sidebarOpen = !sidebarOpen" x-show="sidebarOpen"
                class="text-slate-500 hover:text-white p-1 rounded-lg hover:bg-slate-900 transition-all cursor-pointer">
            <i class="fas fa-chevron-left text-xs"></i>
        </button>
    </div>

    
    <nav class="flex-1 overflow-y-auto no-scrollbar py-4 px-3 space-y-1">

        
        <div x-show="sidebarOpen" class="px-3 pb-1.5 pt-1">
            <span class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Main</span>
        </div>

        <a href="<?php echo e(route('dashboard')); ?>" wire:navigate
           class="sidebar-link group relative flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('dashboard') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>"
           :class="sidebarOpen ? '' : 'justify-center px-0'">
            <i class="fas fa-tachometer-alt nav-icon transition-transform duration-200 group-hover:scale-105"></i>
            <span x-show="sidebarOpen" x-transition>Dashboard</span>
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(request()->routeIs('dashboard') && false): ?>
            <span class="absolute left-0 top-1/2 -translate-y-1/2 w-1 h-6 bg-indigo-500 rounded-r-full"></span>
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
        </a>

        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(Auth::check() && Auth::user()->hasRole('admin')): ?>
        <a href="<?php echo e(route('rooms.index')); ?>" wire:navigate
           class="sidebar-link group relative flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('rooms.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>"
           :class="sidebarOpen ? '' : 'justify-center px-0'">
            <i class="fas fa-bed nav-icon transition-transform duration-200 group-hover:scale-105"></i>
            <span x-show="sidebarOpen" x-transition>Rooms</span>
        </a>
        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

        <a href="<?php echo e(route('reservations.index')); ?>" wire:navigate
           class="sidebar-link group relative flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('reservations.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>"
           :class="sidebarOpen ? '' : 'justify-center px-0'">
            <i class="fas fa-calendar-check nav-icon transition-transform duration-200 group-hover:scale-105"></i>
            <span x-show="sidebarOpen" x-transition>Reservations</span>
        </a>

        <a href="<?php echo e(route('calendar')); ?>" wire:navigate
           class="sidebar-link group relative flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('calendar') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>"
           :class="sidebarOpen ? '' : 'justify-center px-0'">
            <i class="fas fa-calendar-alt nav-icon transition-transform duration-200 group-hover:scale-105"></i>
            <span x-show="sidebarOpen" x-transition>Booking Calendar</span>
        </a>

        <a href="<?php echo e(route('guests.index')); ?>" wire:navigate
           class="sidebar-link group relative flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('guests.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>"
           :class="sidebarOpen ? '' : 'justify-center px-0'">
            <i class="fas fa-users nav-icon transition-transform duration-200 group-hover:scale-105"></i>
            <span x-show="sidebarOpen" x-transition>Guests</span>
        </a>

        
        <div x-show="sidebarOpen" class="px-3 pt-5 pb-1.5">
            <span class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Operations</span>
        </div>
        <div x-show="!sidebarOpen" class="border-t border-slate-900 my-3" style="display:none"></div>

        <a href="<?php echo e(route('checkin.index')); ?>" wire:navigate
           class="sidebar-link group relative flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('checkin.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>"
           :class="sidebarOpen ? '' : 'justify-center px-0'">
            <i class="fas fa-sign-in-alt nav-icon transition-transform duration-200 group-hover:scale-105"></i>
            <span x-show="sidebarOpen" x-transition>Check-In</span>
        </a>

        <a href="<?php echo e(route('checkout.index')); ?>" wire:navigate
           class="sidebar-link group relative flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('checkout.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>"
           :class="sidebarOpen ? '' : 'justify-center px-0'">
            <i class="fas fa-sign-out-alt nav-icon transition-transform duration-200 group-hover:scale-105"></i>
            <span x-show="sidebarOpen" x-transition>Check-Out</span>
        </a>

        <a href="<?php echo e(route('invoices.index')); ?>" wire:navigate
           class="sidebar-link group relative flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('invoices.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>"
           :class="sidebarOpen ? '' : 'justify-center px-0'">
            <i class="fas fa-file-invoice-dollar nav-icon transition-transform duration-200 group-hover:scale-105"></i>
            <span x-show="sidebarOpen" x-transition>Invoices</span>
        </a>

        <a href="<?php echo e(route('housekeeping.index')); ?>" wire:navigate
           class="sidebar-link group relative flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('housekeeping.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>"
           :class="sidebarOpen ? '' : 'justify-center px-0'">
            <i class="fas fa-broom nav-icon transition-transform duration-200 group-hover:scale-105"></i>
            <span x-show="sidebarOpen" x-transition>Housekeeping</span>
        </a>

        <a href="<?php echo e(route('maintenance.index')); ?>" wire:navigate
           class="sidebar-link group relative flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('maintenance.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>"
           :class="sidebarOpen ? '' : 'justify-center px-0'">
            <i class="fas fa-tools nav-icon transition-transform duration-200 group-hover:scale-105"></i>
            <span x-show="sidebarOpen" x-transition>Maintenance</span>
        </a>

        
        <div x-show="sidebarOpen" class="px-3 pt-5 pb-1.5">
            <span class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Analytics</span>
        </div>
        <div x-show="!sidebarOpen" class="border-t border-slate-900 my-3" style="display:none"></div>

        <a href="<?php echo e(route('reports.daily')); ?>" wire:navigate
           class="sidebar-link group relative flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('reports.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>"
           :class="sidebarOpen ? '' : 'justify-center px-0'">
            <i class="fas fa-chart-bar nav-icon transition-transform duration-200 group-hover:scale-105"></i>
            <span x-show="sidebarOpen" x-transition>Reports</span>
        </a>

        
        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(Auth::check() && Auth::user()->hasRole('admin')): ?>
        <div x-show="sidebarOpen" class="px-3 pt-5 pb-1.5">
            <span class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Admin</span>
        </div>
        <div x-show="!sidebarOpen" class="border-t border-slate-900 my-3" style="display:none"></div>

        <a href="<?php echo e(route('users.index')); ?>" wire:navigate
           class="sidebar-link group relative flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('users.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>"
           :class="sidebarOpen ? '' : 'justify-center px-0'">
            <i class="fas fa-user-shield nav-icon transition-transform duration-200 group-hover:scale-105"></i>
            <span x-show="sidebarOpen" x-transition>Users</span>
        </a>

        <a href="<?php echo e(route('settings')); ?>" wire:navigate
           class="sidebar-link group relative flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('settings') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>"
           :class="sidebarOpen ? '' : 'justify-center px-0'">
            <i class="fas fa-cog nav-icon transition-transform duration-200 group-hover:scale-105"></i>
            <span x-show="sidebarOpen" x-transition>Settings</span>
        </a>
        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

    </nav>

    
    <div class="border-t border-slate-900/60 px-3 py-4 shrink-0 bg-slate-950/40">
        <div class="flex items-center gap-3" :class="sidebarOpen ? '' : 'justify-center'">
            <div class="w-9 h-9 rounded-xl bg-gradient-to-br from-indigo-500 to-purple-600 flex items-center justify-center shrink-0 shadow-md border border-indigo-400/10">
                <span class="text-white text-xs font-black"><?php echo e(strtoupper(substr(Auth::user()?->name ?? 'U', 0, 1))); ?></span>
            </div>
            <div x-show="sidebarOpen" x-transition class="min-w-0">
                <p class="text-xs font-extrabold text-slate-200 truncate leading-tight"><?php echo e(Auth::user()?->name ?? ''); ?></p>
                <p class="text-[10px] text-slate-500 truncate mt-0.5 leading-tight"><?php echo e(Auth::user()?->email ?? ''); ?></p>
            </div>
        </div>
    </div>
</aside>


<aside class="lg:hidden fixed inset-y-0 left-0 z-50 w-64 bg-slate-950 flex flex-col transform transition-transform duration-300 shadow-2xl border-r border-slate-900/50"
       :class="mobileSidebarOpen ? 'translate-x-0' : '-translate-x-full'">
    <div class="flex h-16 items-center justify-between border-b border-slate-900/60 px-4 shrink-0">
        <div class="flex items-center gap-2.5">
            <div class="w-9 h-9 bg-gradient-to-br from-indigo-500 to-purple-600 rounded-xl flex items-center justify-center border border-indigo-400/10 shadow-md shadow-indigo-500/10">
                <i class="fas fa-hotel text-white text-sm"></i>
            </div>
            <span class="text-white font-black text-base tracking-tight"><?php echo e($hotelName); ?></span>
        </div>
        <button @click="mobileSidebarOpen = false" class="text-slate-500 hover:text-white p-1 rounded-lg transition-all cursor-pointer">
            <i class="fas fa-times"></i>
        </button>
    </div>
    
    <nav class="flex-1 overflow-y-auto no-scrollbar py-4 px-3 space-y-1">
        <a href="<?php echo e(route('dashboard')); ?>" wire:navigate @click="mobileSidebarOpen = false"
           class="sidebar-link group flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('dashboard') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>">
            <i class="fas fa-tachometer-alt nav-icon"></i><span>Dashboard</span>
        </a>
        
        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(Auth::check() && Auth::user()->hasRole('admin')): ?>
        <a href="<?php echo e(route('rooms.index')); ?>" wire:navigate @click="mobileSidebarOpen = false"
           class="sidebar-link group flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('rooms.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>">
            <i class="fas fa-bed nav-icon"></i><span>Rooms</span>
        </a>
        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
        
        <a href="<?php echo e(route('reservations.index')); ?>" wire:navigate @click="mobileSidebarOpen = false"
           class="sidebar-link group flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('reservations.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>">
            <i class="fas fa-calendar-check nav-icon"></i><span>Reservations</span>
        </a>
        
        <a href="<?php echo e(route('calendar')); ?>" wire:navigate @click="mobileSidebarOpen = false"
           class="sidebar-link group flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('calendar') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>">
            <i class="fas fa-calendar-alt nav-icon"></i><span>Booking Calendar</span>
        </a>
        
        <a href="<?php echo e(route('guests.index')); ?>" wire:navigate @click="mobileSidebarOpen = false"
           class="sidebar-link group flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('guests.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>">
            <i class="fas fa-users nav-icon"></i><span>Guests</span>
        </a>
        
        <div class="px-3 pt-4 pb-1"><span class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Operations</span></div>
        
        <a href="<?php echo e(route('checkin.index')); ?>" wire:navigate @click="mobileSidebarOpen = false"
           class="sidebar-link group flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('checkin.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>">
            <i class="fas fa-sign-in-alt nav-icon"></i><span>Check-In</span>
        </a>
        
        <a href="<?php echo e(route('checkout.index')); ?>" wire:navigate @click="mobileSidebarOpen = false"
           class="sidebar-link group flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('checkout.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>">
            <i class="fas fa-sign-out-alt nav-icon"></i><span>Check-Out</span>
        </a>
        
        <a href="<?php echo e(route('invoices.index')); ?>" wire:navigate @click="mobileSidebarOpen = false"
           class="sidebar-link group flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('invoices.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>">
            <i class="fas fa-file-invoice-dollar nav-icon"></i><span>Invoices</span>
        </a>
        
        <a href="<?php echo e(route('housekeeping.index')); ?>" wire:navigate @click="mobileSidebarOpen = false"
           class="sidebar-link group flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('housekeeping.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>">
            <i class="fas fa-broom nav-icon"></i><span>Housekeeping</span>
        </a>
        
        <a href="<?php echo e(route('maintenance.index')); ?>" wire:navigate @click="mobileSidebarOpen = false"
           class="sidebar-link group flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('maintenance.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>">
            <i class="fas fa-tools nav-icon"></i><span>Maintenance</span>
        </a>
        
        <div class="px-3 pt-4 pb-1"><span class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Analytics</span></div>
        
        <a href="<?php echo e(route('reports.daily')); ?>" wire:navigate @click="mobileSidebarOpen = false"
           class="sidebar-link group flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('reports.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>">
            <i class="fas fa-chart-bar nav-icon"></i><span>Reports</span>
        </a>
        
        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(Auth::check() && Auth::user()->hasRole('admin')): ?>
        <div class="px-3 pt-4 pb-1"><span class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Admin</span></div>
        
        <a href="<?php echo e(route('users.index')); ?>" wire:navigate @click="mobileSidebarOpen = false"
           class="sidebar-link group flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('users.*') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>">
            <i class="fas fa-user-shield nav-icon"></i><span>Users</span>
        </a>
        
        <a href="<?php echo e(route('settings')); ?>" wire:navigate @click="mobileSidebarOpen = false"
           class="sidebar-link group flex items-center gap-3 px-3 py-2.5 rounded-xl text-slate-400 text-sm font-semibold transition-all duration-200 hover:bg-slate-900 hover:text-slate-100 <?php echo e(request()->routeIs('settings') ? 'active bg-indigo-600 text-white shadow-md shadow-indigo-600/10' : ''); ?>">
            <i class="fas fa-cog nav-icon"></i><span>Settings</span>
        </a>
        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
    </nav>
</aside>
<?php /**PATH /home/rikki-saini/Desktop/localhost/laravel/livewire_02/change/resources/views/layouts/sidebar.blade.php ENDPATH**/ ?>