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

<head>
    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title><?php echo $__env->yieldContent('title', 'ERP System'); ?></title>

    <!-- Bootstrap 5 -->
    <link
        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
        rel="stylesheet"
    >

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


    <link rel="stylesheet" href="<?php echo e(asset('css/case-detail.css')); ?>">
<link rel="stylesheet" href="<?php echo e(asset('css/dashboard.css')); ?>">

</head>

<body class="bg-light">
<?php echo $__env->make('layouts.header', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>

<?php if(auth()->check()): ?>
    <!-- Navbar -->
   

<nav class="main-navigation">

    <div class="nav-left">

        
        <a href="<?php echo e(url('/dashboard')); ?>"
           class="nav-menu <?php echo e(request()->is('dashboard') ? 'active' : ''); ?>">

            <i class="bi bi-grid-1x2-fill"></i>
            <span>Dashboard</span>

        </a>


        
        <a href="<?php echo e(url('/cases')); ?>"
           class="nav-menu <?php echo e(request()->is('cases') ? 'active' : ''); ?>">

            <i class="bi bi-folder2-open"></i>
            <span>Case List</span>

        </a>


        
        <a href="<?php echo e(url('/case-search')); ?>"
           class="nav-menu <?php echo e(request()->is('case-search') ? 'active' : ''); ?>">

            <i class="bi bi-search"></i>
            <span>Search Record</span>

        </a>


        <a href="<?php echo e(url('/profile')); ?>"
   class="nav-menu <?php echo e(request()->is('profile') ? 'active' : ''); ?>">

    <i class="bi bi-person-circle"></i>

    <span>Profile</span>

</a>


    </div>







    

<div class="d-flex align-items-center gap-3">

    

    <?php if(auth()->guard()->check()): ?>

        <a
            href="<?php echo e(route('profile')); ?>"
            class="d-flex align-items-center text-decoration-none profile-user"
        >

            

            <?php if(Auth::user()->profile_picture): ?>

                <img
                    src="<?php echo e(asset('storage/' . Auth::user()->profile_picture)); ?>"
                    alt="Profile"
                    class="navbar-profile-image"
                >

            <?php else: ?>

                <div class="navbar-profile-placeholder">

                    <i class="bi bi-person"></i>

                </div>

            <?php endif; ?>


            

            <span class="ms-2">

                <?php echo e(Auth::user()->name); ?>


            </span>

        </a>

    <?php endif; ?>


    

    <form
        method="POST"
        action="<?php echo e(route('logout')); ?>"
        class="m-0"
    >

        <?php echo csrf_field(); ?>

        <button type="submit" class="logout-btn">

            <i class="bi bi-box-arrow-right me-1"></i>

            Logout

        </button>

    </form>

</div>

</div>

</nav>
<?php endif; ?>

    <!-- Main Content -->

    <main class="container-fluid py-4">

        <?php echo $__env->yieldContent('content'); ?>

    </main>

<style>




.profile-user:hover {

    color: #3f302b;

}


.navbar-profile-image {

    width: 34px;

    height: 34px;

    object-fit: cover;

    border-radius: 50%;

    border: 2px solid #e5e7eb;

}


.navbar-profile-placeholder {

    width: 34px;

    height: 34px;

    border-radius: 50%;

    background: #e9ecef;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #6c757d;

    font-size: 18px;

    border: 2px solid #e5e7eb;

}

</style>


<style>

.main-navigation {
    width: 100%;
    min-height: 56px;
    background: #212529;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0 28px;

    box-shadow: 0 2px 5px rgba(0,0,0,.08);
}


.nav-left {
    display: flex;
    align-items: center;
    gap: 5px;
}


.nav-menu {
    height: 56px;

    display: flex;
    align-items: center;

    gap: 8px;

    padding: 0 20px;

    color: #ffffff;
    text-decoration: none;

    font-size: 14px;
    font-weight: 500;

    border-bottom: 3px solid transparent;

    transition: all .2s ease;
}


.nav-menu:hover {
    background: rgba(255,255,255,.08);
    color: #ffffff;
}


.nav-menu.active {
    background: rgba(255,255,255,.10);
    border-bottom-color: #e0a800;
    color: #ffffff;
}


.nav-menu i {
    font-size: 16px;
}


/* =====================================================
   RIGHT NAVIGATION
===================================================== */

.nav-right {
    display: flex;
    align-items: center;
    gap: 14px;
}


/* =====================================================
   PROFILE USER
===================================================== */

.profile-user {
    display: flex;
    align-items: center;
    gap: 8px;

    color: #ffffff !important;

    text-decoration: none;

    font-size: 14px;
    font-weight: 500;

    white-space: nowrap;
}

.profile-user:hover {
    color: #ffffff !important;
}


/* =====================================================
   PROFILE IMAGE
===================================================== */

.navbar-profile-image {

    width: 36px;
    height: 36px;

    object-fit: cover;

    border-radius: 50%;

    border: 2px solid #ffffff;

}


/* =====================================================
   PROFILE PLACEHOLDER
===================================================== */

.navbar-profile-placeholder {

    width: 36px;
    height: 36px;

    border-radius: 50%;

    background: #ffffff;

    color: #263238;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 18px;

}


/* =====================================================
   USER NAME
===================================================== */

.navbar-user-name {

    color: #ffffff !important;

    font-size: 14px;

    font-weight: 500;

    white-space: nowrap;

}


/* =====================================================
   LOGOUT BUTTON
===================================================== */

.logout-btn {

    height: 38px;

    display: flex;

    align-items: center;

    gap: 7px;

    padding: 0 15px;

    border: 1px solid rgba(255,255,255,0.35);

    border-radius: 6px;

    background: transparent;

    color: #ffffff !important;

    font-size: 14px;

    font-weight: 500;

    cursor: pointer;

    transition: all 0.2s ease;

}


/* HOVER */

.logout-btn:hover {

    background: #ffffff;

    color: #5a3931 !important;

    border-color: #ffffff;

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 768px) {

    .nav-right {

        gap: 8px;

    }

    .navbar-user-name {

        display: none;

    }

    .logout-btn {

        padding: 0 10px;

    }

    .logout-btn span {

        display: none;

    }

}

</style>


    <!-- Bootstrap JS -->

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

<script src="<?php echo e(asset('js/case-detail.js')); ?>"></script>

</body>

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