<header class="app-topbar">
    <div class="page-container topbar-menu">
        <div class="d-flex align-items-center gap-2">

            <!-- Brand Logo -->
            <a href="/" class="logo">
                <img src="<?php echo e(asset(env('APP_LOGO'))); ?>" width="200" alt="logo">
            </a>

            <!-- Sidebar Menu Toggle Button -->
            <button class="sidenav-toggle-button px-2">
                <i class="ti ti-menu-deep fs-24"></i>
            </button>

            <!-- Horizontal Menu Toggle Button -->
            <button class="topnav-toggle-button px-2" data-bs-toggle="collapse" data-bs-target="#topnav-menu-content">
                <i class="ti ti-menu-deep fs-22"></i>
            </button>

            <div id="google_translate_element"></div>
        </div>

        <div class="d-flex align-items-center gap-2">
            <!-- Light/Dark Mode Button -->
            <div class="topbar-item d-none d-sm-flex">
                <button class="topbar-link" id="light-dark-mode" type="button">
                    <i class="ti ti-moon fs-22"></i>
                </button>
            </div>

            <!-- User Dropdown -->
            <div class="topbar-item nav-user">
                <div class="dropdown">
                    <a class="topbar-link dropdown-toggle drop-arrow-none px-2" data-bs-toggle="dropdown"
                        data-bs-offset="0,19" type="button" aria-haspopup="false" aria-expanded="false">
                        <?php if(auth('user')->user()->image): ?>
                            <img src="<?php echo e(asset(auth('user')->user()->image)); ?>" width="32"
                                class="rounded-circle me-lg-2 d-flex" alt="user-image">
                        <?php else: ?>
                            <img src="<?php echo e(asset('assets/images/avatar.png')); ?>" width="32"
                                class="rounded-circle me-lg-2 d-flex" alt="user-image">
                        <?php endif; ?>
                        <span class="d-lg-flex flex-column gap-1 d-none">
                            <h5 class="my-0"><?php echo e(auth('user')->user()->first_name); ?>

                                <?php echo e(auth('user')->user()->last_name); ?></h5>
                            <h6 class="my-0 fw-normal"><?php echo e(auth('user')->user()->email); ?></h6>
                        </span>
                        <i class="ti ti-chevron-down d-none d-lg-block align-middle ms-2"></i>
                    </a>
                    <div class="dropdown-menu dropdown-menu-end">

                        <!-- item-->
                        <a href="<?php echo e(route('user.profile.index')); ?>" class="dropdown-item">
                            <i class="ti ti-user-hexagon me-1 fs-17 align-middle"></i>
                            <span class="align-middle">My Account</span>
                        </a>

                        <!-- item-->
                        <a href="<?php echo e(route('user.transfer_pin.index')); ?>" class="dropdown-item">
                            <i class="ti ti-pin me-1 fs-17 align-middle"></i>
                            <span class="align-middle">Set Transfer PIN</span>
                        </a>

                        <div class="dropdown-divider"></div>

                        <!-- item-->
                        <a href="<?php echo e(route('logout')); ?>" class="dropdown-item active fw-semibold text-danger">
                            <i class="ti ti-logout me-1 fs-17 align-middle"></i>
                            <span class="align-middle">Sign Out</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<?php /**PATH C:\xampp\htdocs\projects\online-banking-v6.0\resources\views/dashboard/user/layouts/header.blade.php ENDPATH**/ ?>