<header class="topbar d-flex">
    <!-- Sidebar Logo -->
    <div class="logo-box">
        <a href="<?php echo e(config('app.url')); ?>/admin" class="logo-dark">
            <img src="<?php echo e(asset('metor/images/logo-sm.png')); ?>" class="logo-sm" alt="logo sm">
            <img src="<?php echo e(asset('metor/images/logo-dark.png')); ?>" class="logo-lg" alt="logo dark">
        </a>

        <a href="<?php echo e(config('app.url')); ?>/admin" class="logo-light">
            <img src="<?php echo e(asset('metor/images/logo-sm.png')); ?>" class="logo-sm" alt="logo sm">
            <img src="<?php echo e(asset('metor/images/logo-white.png')); ?>" class="logo-lg" alt="logo light">
        </a>
    </div>

    <div class="container">
        <div class="navbar-header">
            <!-- Menu Toggle Button (sm-hover) -->
            <button type="button" class="btn btn-link d-flex button-sm-hover button-toggle-menu" aria-label="Show Full Sidebar">
                <i class="ri-menu-2-line button-sm-hover-icon text-white"></i>
            </button>

            

            <div class="d-flex align-items-center gap-2 ms-auto">
                <!-- Theme Color (Light/Dark) -->
                <div class="topbar-item">
                    <button type="button" class="topbar-button" id="light-dark-mode">
                        <i class="ri-moon-line fs-20 align-middle light-mode"></i>
                        <i class="ri-sun-line fs-20 align-middle dark-mode"></i>
                    </button>
                </div>

                <!-- User -->
                <div class="dropdown topbar-item">
                    <a type="button" class="topbar-button p-0" id="page-header-user-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span class="d-flex align-items-center gap-2">
                            <img class="rounded-circle" width="32" src="<?php echo e(Auth::user()->picture ? asset('images/' . Auth::user()->picture) : asset('metor/images/users/avatar-1.jpg')); ?>" alt="user-image">
                            <span class="d-lg-flex flex-column gap-1 d-none">
                                <h5 class="my-0 fs-13 text-uppercase text-reset fw-bold"><?php echo e(Auth::user()->name); ?></h5>
                            </span>
                        </span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-end">
                        <a class="dropdown-item" href="<?php echo e(route('profile.edit')); ?>">
                            <i class="bx bx-user-circle fs-18 align-middle me-2"></i><span class="align-middle">Profile</span>
                        </a>
                        <div class="dropdown-divider my-1"></div>
                        <a class="dropdown-item" href="<?php echo e(route('logout')); ?>" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                            <i class="bx bx-log-out fs-18 align-middle me-2"></i><span class="align-middle">Logout</span>
                        </a>
                        <form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST" class="d-none">
                            <?php echo csrf_field(); ?>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

<?php /**PATH /Applications/MAMP/htdocs/test1/resources/views/layouts/metor/inc/nav-header.blade.php ENDPATH**/ ?>