<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>KHAN MOTOR'S</title>

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">

    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">

    <style>
        /* Layout Styles */
        .khan-motors-layout .layout-wrapper {
            display: flex;
            height: 100vh;
            overflow: hidden;
        }

        .khan-motors-layout .layout-container {
            display: flex;
            flex: 1;
            overflow: hidden;
        }

        /* Sidebar */
        .khan-motors-layout #sidebar-wrapper {
            width: 250px;
            background-color: #343a40;
            transition: all 0.3s;
        }

        .khan-motors-layout .sidebar-heading {
            text-align: center;
            padding: 1rem;
            font-size: 1.5rem;
            font-weight: bold;
            border-radius: 25px;
            color: white;
            height: 72px;
            width: 252px;
            /* background: darkred; */
        }

        .khan-motors-layout .list-group-item {
            background-color: #343a40;
            color: white;
            border: none;
            height: 60px;
            padding-top: 15px;
            font-weight: bold;
        }

        .khan-motors-layout .list-group-item:hover {
            background-color: #7FFFD4;
            color: black;
        }

        /* Collapsed sidebar */
        .khan-motors-layout .layout-container.toggled #sidebar-wrapper {
            width: 50px;
        }

        .khan-motors-layout .layout-container.toggled #sidebar-wrapper .text {
            display: none;
        }

        /* Page Content */
        .khan-motors-layout .layout-page {
            flex: 1;
            overflow-y: auto;
            background-color: #f8f9fa;
        }

        .khan-motors-layout .content-wrapper {
            padding: 2rem;
        }

        /* Navbar */
        .khan-motors-layout .navbar {
            background: #fff;
            height: 55px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }
    </style>
</head>

<body class="khan-motors-layout">

    <div class="layout-wrapper">
        <div class="layout-container" id="layoutContainer">
            <!-- Sidebar -->
            <div id="sidebar-wrapper">
                <img class="sidebar-heading " src="/logo1.png" alt="KHAN MOTOR'S">
                <!-- <div class="sidebar-heading ">KHAN MOTOR'S</div>  -->
                <div class="list-group list-group-flush">
                    <a href="<?php echo e(route('dashboard')); ?>" class="list-group-item list-group-item-action">
                        <i class="bi bi-speedometer2"></i> <span class="text"> Dashboard</span>
                    </a>
                    <!-- <a href="<?php echo e(route('purchase-invoice.create')); ?>" class="list-group-item list-group-item-action">
                        <i class="bi bi-receipt-cutoff"></i> <span class="text"> Add Purchase Invoice</span>
                    </a> -->
                    <a href="<?php echo e(route('purchase-invoice.index')); ?>" class="list-group-item list-group-item-action">
                        <i class="bi bi-list-ul"></i> Purchase Invoices
                    </a>
                    <a href="<?php echo e(route('cars.index')); ?>" class="list-group-item list-group-item-action">
                        <i class="bi bi-car-front-fill"></i> <span class="text"> Available Cars</span>
                    </a>
                    <a href="<?php echo e(route('cars.create')); ?>" class="list-group-item list-group-item-action">
                        <i class="bi bi-plus-square-fill"></i> <span class="text"> Add Car</span>
                    </a>
                    <a href="<?php echo e(route('cars.reports')); ?>" class="list-group-item list-group-item-action">
                        <i class="bi bi-bar-chart-line-fill"></i> <span class="text"> Reports</span>
                    </a>
                    <a href="<?php echo e(route('car.sales')); ?>" class="list-group-item list-group-item-action">
                        <i class="bi bi-currency-dollar"></i> <span class="text"> Invoice's</span>
                    </a>
                    <a href="<?php echo e(route('customers.create')); ?>" class="list-group-item list-group-item-action">
                        <i class="bi bi-people-fill"></i> <span class="text">Add Customer</span>
                    </a>                    
                    <a href="<?php echo e(route('customers.index')); ?>" class="list-group-item list-group-item-action">
                        <i class="bi bi-people-fill"></i> <span class="text"> Customers</span>
                    </a>
                    <a href="<?php echo e(route('users.index')); ?>" class="list-group-item list-group-item-action">
                        <i class="bi bi-people"></i> <span class="text">Users</span>
                    </a>
                </div>
            </div>
            <!-- End Sidebar -->

            <!-- Page -->
            <div class="layout-page">
                <!-- Navbar -->
                <nav class="navbar navbar-expand-lg navbar-dark bg-dark px-3">
                    <button class="btn btn-outline-light me-3" id="menu-toggle">
                        <i class="bi bi-list"></i> <!-- This is the toggle icon -->
                    </button>

                    <div class="collapse navbar-collapse">
                        <ul class="navbar-nav ms-auto align-items-center">
                            <li class="nav-item">
                                <a class="nav-link" style="color: white;" href="#">Welcome, <?php echo e(Auth::user()->name); ?></a>
                            </li>
                            <li class="nav-item" style=" background: darkred ; height:40px; border-radius: 5px;">
                                <form  method="POST" action="<?php echo e(route('logout')); ?>">
                                    <?php echo csrf_field(); ?>
                                    <button type="submit" class="nav-link btn btn-link" style="text-decoration: none; color: white; ">
                                        Logout
                                    </button>
                                </form>
                            </li>
                        </ul>
                    </div>
                </nav>

                <!-- End Navbar -->

                <!-- Content -->
                <div class="content-wrapper">
                    <?php echo $__env->yieldContent('content'); ?>
                </div>
            </div>
            <!-- End Page -->
        </div>
    </div>

    <!-- Scripts -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>

    <script>
        // Sidebar Toggle
        document.getElementById('menu-toggle').addEventListener('click', function () {
            document.getElementById('layoutContainer').classList.toggle('toggled');
        });
    </script>






</body>

</html>
<?php /**PATH C:\xampp\htdocs\laravel-app12\resources\views/layouts/app.blade.php ENDPATH**/ ?>