<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
<meta name="robots" content="noindex, nofollow">
        <title><?php echo e(config('app.name', 'Rydi')); ?></title>

        <!-- Bootstrap CSS -->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
        
        <!-- Font Awesome for icons -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
        
        <link rel="icon" href="<?php echo e(asset('images/favicon.png')); ?>" type="image/png">
<link rel="apple-touch-icon" href="<?php echo e(asset('images/favicon.png')); ?>">
        <!-- Pusher -->
        <script src="https://js.pusher.com/8.4.0/pusher.min.js"></script>
        
        <!-- Custom CSS -->
        <link href="<?php echo e(asset('css/style.css')); ?>" rel="stylesheet">
        
        <style>
            .navbar-brand {
                font-weight: 700;
                letter-spacing: 0.5px;
            }
            .nav-link {
                font-weight: 500;
                padding: 0.5rem 1rem;
                border-radius: 0.5rem;
                transition: all 0.2s;
            }
            .nav-link:hover, .nav-link.active {
                background-color: rgba(50, 205, 50, 0.1);
                color: #E2712F !important;
            }
            .navbar-toggler {
                border: none;
            }
            .user-avatar {
                width: 32px;
                height: 32px;
                border-radius: 50%;
                background-color: #E2712F;
                color: white;
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: bold;
                font-size: 14px;
            }
            .dropdown-menu {
                border: none;
                box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
            }
            .dropdown-item {
                padding: 0.5rem 1.5rem;
            }
            .dropdown-item:hover {
                background-color: rgba(50, 205, 50, 0.1);
                color: #E2712F;
            }
            .notification-badge {
                position: absolute;
                top: -5px;
                right: -5px;
                font-size: 10px;
                background-color: #dc3545;
                color: white;
                border-radius: 50%;
                width: 18px;
                height: 18px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            @media (max-width: 991.98px) {
                .navbar-collapse {
                    padding-top: 1rem;
                }
                .nav-item {
                    margin-bottom: 0.5rem;
                }
                .dropdown-menu {
                    margin-left: 1rem;
                    width: calc(100% - 2rem);
                }
            }
        </style>
    </head>
    <body>
       <nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top p-0">
    <div class="container-fluid p-0" style=" border-bottom: 1px solid; ">
        <a class="navbar-brand" href="<?php echo e(url('/dashboard')); ?>"style="width:200px; background: white; padding: 10px;">
            <img src="<?php echo e(asset('images/rydi.png')); ?>" alt="Logo" style="width: 100%;">
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                
                <!-- UNIVERSAL LINKS -->
                <li class="nav-item">
                    <a class="nav-link text-white <?php echo e(request()->is('dashboard') ? 'active' : ''); ?>" href="<?php echo e(url('/dashboard')); ?>">
                        <i class="fas fa-tachometer-alt me-1"></i> Dashboard
                    </a>
                </li>
                

                <!-- PASSENGER SPECIFIC LINKS -->
                <?php if(Auth::user()->role === 'passenger'): ?>
                    <li class="nav-item">
                        <a class="nav-link text-white <?php echo e(request()->is('rides/request') ? 'active' : ''); ?>" href="#">
                            <i class="fas fa-map-marker-alt me-1"></i> Request a Ride
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-white <?php echo e(request()->is('rides/ongoing') ? 'active' : ''); ?>" href="#">
                            <i class="fas fa-car-side me-1"></i> My Ongoing Rides
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-white <?php echo e(request()->is('rides/history') ? 'active' : ''); ?>" href="#">
                            <i class="fas fa-history me-1"></i> Ride History
                        </a>
                    </li>
                <?php endif; ?>
                
                <!-- SELLER SPECIFIC LINKS -->
                <?php if(Auth::user()->role === 'seller'): ?>
                    <li class="nav-item">
                        <a class="nav-link text-info <?php echo e(request()->is('seller/items*') ? 'active' : ''); ?>" href="<?php echo e(route('seller.items.index')); ?>">
                            <i class="fas fa-box-open me-1"></i> Shop Products
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-info <?php echo e(request()->is('seller/orders*') ? 'active' : ''); ?>" href="#">
                            <i class="fas fa-shopping-basket me-1"></i> Customer Orders
                        </a>
                    </li>
                <?php endif; ?>

                <!-- CAPTAIN SPECIFIC LINKS -->
                <?php if(Auth::user()->role === 'captain'): ?>
                    <li class="nav-item">
                        <a class="nav-link text-warning <?php echo e(request()->is('captain/rides/available') ? 'active' : ''); ?>" href="#">
                            <i class="fas fa-route me-1"></i> Available Requests
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-warning <?php echo e(request()->is('captain/wallet') ? 'active' : ''); ?>" href="#">
                            <i class="fas fa-wallet me-1"></i> Earnings
                        </a>
                    </li>
                <?php endif; ?>

                <!-- ADMIN SPECIFIC LINKS -->
                <?php if(Auth::user()->role === 'admin'): ?>
                    <li class="nav-item">
                        <a class="nav-link text-danger <?php echo e(request()->is('admin/users*') ? 'active' : ''); ?>" href="#">
                            <i class="fas fa-user-shield me-1"></i> User Management
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-danger <?php echo e(request()->is('admin/approvals*') ? 'active' : ''); ?>" href="#">
                            <i class="fas fa-stamp me-1"></i> Approvals
                        </a>
                    </li>
                <?php endif; ?>

            </ul>
            
            <!-- Right Side Navigation -->
            <div class="d-flex align-items-center">
               
                <!-- User Dropdown -->
                <div class="dropdown">
                    <a class="nav-link dropdown-toggle text-white d-flex align-items-center" href="#" role="button" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                        <div class="user-avatar me-2">
                            <?php echo e(strtoupper(substr(Auth::user()->name, 0, 1))); ?>

                        </div>
                        <span class="d-none d-lg-inline"><?php echo e(Auth::user()->name); ?></span>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown">
                        
                      
  <li>
                            <form method="POST" action="<?php echo e(route('logout')); ?>">
                                <?php echo csrf_field(); ?>
                                <button type="submit" class="dropdown-item">
                                    <i class="fas fa-sign-out-alt me-2"></i> Log Out
                                </button>
                            </form>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</nav>

        <br>

        <main class="py-4">
            <?php echo e($slot); ?>

        </main>

        <!-- Bootstrap Bundle with Popper -->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>

        <!-- Custom JS -->
        <script src="<?php echo e(asset('js/app.js')); ?>"></script>
        
        <script>
            // Initialize tooltips
            document.addEventListener('DOMContentLoaded', function() {
                var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
                var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
                    return new bootstrap.Tooltip(tooltipTriggerEl)
                });
                
                // Highlight active nav item
                const currentPath = window.location.pathname;
                document.querySelectorAll('.nav-link').forEach(link => {
                    if (link.getAttribute('href') === currentPath) {
                        link.classList.add('active');
                    }
                });
            });
        </script>
    </body>
</html><?php /**PATH D:\xampp\htdocs\ridek\resources\views/layouts/app.blade.php ENDPATH**/ ?>