
 <!-- Main Sidebar Container -->
 <style>
  .active{
    background-color:#007BFF!important;
    color:white !important;
  }
  .user-panel {
      display: flex; /* Flexbox layout for alignment */
      align-items: center; /* Vertically center the items */
  }

  .User_image {
      width: 50px; /* Circle ka diameter */
      height: 50px; /* Circle ka diameter */
      overflow: hidden; /* Image overflow ko hide karega */
      border-radius: 50%; /* Circle shape */
      display: flex; /* Flexbox for centering */
      align-items: center; /* Center image vertically */
      justify-content: center; /* Center image horizontally */
      margin-right: 10px; /* Space between image and info */
  }

  .User_image img {
      width: 100%; /* Image ko container ke width ke according scale karega */
      height: auto; /* Aspect ratio maintain karega */
      object-fit: cover; /* Image ko crop kar dega agar dimensions match nahi karte */
  }

 </style>
 <aside class="main-sidebar sidebar-dark-primary elevation-4">
    <!-- Brand Logo -->
    <a href="<?php echo e(url('/')); ?>" class="brand-link">


        <!-- <img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8"> -->

    </a>

    <!-- Sidebar -->
    <div class="sidebar">
      <!-- Sidebar user panel (optional) -->
        <div class="user-panel mt-3 pb-3 mb-3 d-flex">
            <div class="User_image">
                <img src="<?php echo e(Auth::user()->getFirstMediaUrl('user_image')); ?>" alt="User Image">
            </div>
            <div class="info">
                <a href="#" class="d-block">User Name: <?php echo e(Auth::user()->first_name ?? ''); ?></a>
            </div>
        </div>



        <!-- Sidebar Menu -->
  <nav class="mt-2">
        <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
          <!-- Add icons to the links using the .nav-icon class
               with font-awesome or any other icon font library -->
          <li class="nav-item menu-open">

            <ul class="nav">
              <li class="nav-item">
                <a href="<?php echo e(route('user.dashboard')); ?>" class="nav-link <?php echo e((request()->is('user/dashboard*'))? 'active' : ''); ?>">
                  <i class="nav-icon fas fa-tachometer-alt"></i>
                  <p>Dashboard</p>
                </a>
              </li>



          <li class="nav-item">
            <a href="#" class="nav-link">
            <i class="fa fa-cog nav-icon"></i>
                          <p>
                Account Setting

                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="<?php echo e(route('user.logout')); ?>"
                      class="nav-link">
                  <!-- <i class="far fa-circle nav-icon"></i> -->
                  <i class="fa fa-lock nav-icon"></i>
                  <p> LoggOut</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="<?php echo e(route('user.profile')); ?>" class="nav-link <?php echo e((request()->is('user/profile*')) ? 'active' : ''); ?>">
                <i class="fa fa-user-check nav-icon"></i>
                  <p>Profile</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="<?php echo e(route('user.update-password-view')); ?>" class="nav-link <?php echo e((request()->is('user/change-password*')) ? 'active' : ''); ?>">
                  <i class="fa fa-key nav-icon"></i>
                  <p>Change Password</p>
                </a>
              </li>
            </ul>
          </li>

        </ul>
      </nav>
      <!-- /.sidebar-menu -->
    </div>
    <!-- /.sidebar -->
  </aside>


<?php /**PATH /home/vagrant/projects/upsence/resources/views/user/includes/sidebar.blade.php ENDPATH**/ ?>