<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Inventory Stock <?php echo $__env->yieldContent('title'); ?></title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<style>
   body {
    background-color: white;
}

.dropdown-menu .dropdown-item:hover {
    background-color: #FF0000;   /* red background on hover */
    color: #fff;                 /* white text on hover */
}

    </style>
<body>

    <!-- Navbar -->
    <nav class="navbar navbar-expand-lg navbar-light  shadow-sm">
        <div class="container-fluid px-4">

            <!-- Logo -->
            <a class="navbar-brand d-flex align-items-center" href="<?php echo e(url('/inventory')); ?>">
                <img src="<?php echo e(asset('assets/logo.png')); ?>" alt="Nilatech" height="40" class="me-2" style="margin-left:95px;">
            </a>

            <!-- Toggle for Mobile -->
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMenu">
                <span class="navbar-toggler-icon"></span>
            </button>

            <!-- Menu Items -->
            <div class="collapse navbar-collapse justify-content-end" id="navbarMenu">
                <ul class="navbar-nav">

                    <!-- Stock Dropdown -->
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" style="color: black; ">
                            Stock
                        </a>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="<?php echo e(url('/purchase')); ?>">Inward</a></li>
                            <li><a class="dropdown-item" href="<?php echo e(url('/outward')); ?>">Outward</a></li>
                             <li><a class="dropdown-item" href="<?php echo e(url('/return_products')); ?>">Return</a></li>
                        </ul>
                    </li>

                    <!-- View Dropdown -->
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" style="color: black;">
                            View
                        </a>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="<?php echo e(url('/inventory')); ?>">Inward</a></li>
                            <li><a class="dropdown-item" href="<?php echo e(url('/outward_view')); ?>">outward</a></li>
                            <li><a class="dropdown-item" href="<?php echo e(url('/fault_view')); ?>">Fault</a></li>
                            

                        </ul>
                    </li>

                    <!-- Categories -->
                    <li class="nav-item" >
                        <a class="nav-link"  style="color: black;" href="<?php echo e(url('/categories')); ?>">Categories</a>
                    </li>

                    <!-- Net Stock -->
                    <li class="nav-item"  >
                        <a class="nav-link" style="color: black;" href="<?php echo e(url('/reports')); ?>">Net Stock</a>
                    </li>

                    <!-- User Dropdown -->
                    <li class="nav-item dropdown ms-3" >
                        <a class="nav-link dropdown-toggle d-flex align-items-center"  style="color: black;"href="#" role="button" data-bs-toggle="dropdown">
                          <i class="fa-solid fa-user me-1"  style="color: black;"></i> <?php echo e(session('username')); ?>

                        </a>
                        <ul class="dropdown-menu dropdown-menu-end">

                            <li><a class="dropdown-item" href="<?php echo e(route('logout')); ?>">Logout</a></li>
                        </ul>
                    </li>
                </ul>
            </div>

        </div>
    </nav>

    <!-- Main Content -->
    <div class="container mt-4">
        <?php echo $__env->yieldContent('content'); ?>
    </div>

 
    <!-- Bootstrap Icons + JS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">


         <?php echo $__env->yieldPushContent('scripts'); ?>
</body>
</html>
<?php /**PATH D:\Inventorypage\stockapp\resources\views/layouts/app.blade.php ENDPATH**/ ?>