<div class="bottom-nav">
    
    <a href="<?php echo e(route('home')); ?>" class="nav-item <?php echo e(request()->routeIs('home') ? 'active' : ''); ?>">
        <i class="fas fa-home"></i>
        <span>Home</span>
    </a>

    
    <a href="<?php echo e(route('my.matches')); ?>" class="nav-item <?php echo e(request()->routeIs('my.matches') ? 'active' : ''); ?>">
        <i class="fas fa-gamepad"></i>
        <span>My Match</span>
    </a>

    
    <a href="<?php echo e(route('leaderboard.index')); ?>" class="nav-item <?php echo e(request()->routeIs('leaderboard.index') ? 'active' : ''); ?>">
        <i class="fas fa-trophy"></i>
        <span>Leaderboard</span>
    </a>

    
    <a href="<?php echo e(route('wallet.index')); ?>" class="nav-item <?php echo e(request()->routeIs('wallet.index') ? 'active' : ''); ?>">
        <i class="fas fa-wallet"></i>
        <span>Wallet</span>
    </a>

    
    <a href="<?php echo e(route('profile.index')); ?>" class="nav-item <?php echo e(request()->routeIs('profile.index') ? 'active' : ''); ?>">
        <i class="fas fa-user"></i>
        <span>Profile</span>
    </a>
</div>



<?php if (! $__env->hasRenderedOnce('10ba62b0-bc18-4be0-8863-f8ffb61fe590')): $__env->markAsRenderedOnce('10ba62b0-bc18-4be0-8863-f8ffb61fe590'); ?>
    <style>
        .bottom-nav { 
            position: fixed; 
            bottom: 0; 
            left: 0; 
            right: 0; 
            background-color: #ffffff; 
            display: flex; 
            justify-content: space-around; 
            padding: 5px 0; 
            box-shadow: 0 -2px 10px rgba(0,0,0,0.08); 
            border-top-left-radius: 20px; 
            border-top-right-radius: 20px; 
            z-index: 1000; /* নিশ্চিত করে যেন এটি অন্য সবকিছুর উপরে থাকে */
        }
        .nav-item { 
            display: flex; 
            flex-direction: column; 
            align-items: center; 
            color: #6c757d; 
            text-decoration: none; 
            font-size: 11px; 
            padding: 8px 10px; 
            width: 19%; /* ৫টি আইটেমের জন্য সমান জায়গা */
            border-radius: 16px; 
            transition: all 0.2s ease-in-out;
        }
        .nav-item.active { 
            color: white; 
            background: #3A7BD5; /* আপনার পছন্দের অ্যাক্টিভ রঙ */
        }
        .nav-item i { 
            font-size: 20px; 
            margin-bottom: 4px; 
        }
    </style>
<?php endif; ?><?php /**PATH /storage/emulated/0/htdocs/resources/views/partials/bottom-nav.blade.php ENDPATH**/ ?>