<div id="sidebar"
     class="collapse d-md-block d-flex flex-column flex-shrink-0 p-3 text-white bg-dark sidebar"
     style="width:280px;">

  <a href="/" class="d-flex align-items-center mb-3 text-white text-decoration-none">
    <span class="fs-4 sidebar-title">Mondialisa</span>
  </a>

  <hr>

  <ul class="nav nav-pills flex-column mb-auto">

    <li class="nav-item">
      <a href="admin/index.php" class="nav-link active">
        🏠 <span class="menu-text">Home</span>
      </a>
    </li>

    <li>
      <a href="/admin/index.php" class="nav-link text-white">
        📊 <span class="menu-text">Dashboard</span>
      </a>
    </li>

    <li>
      <a href="/admin/annonces.php" class="nav-link text-white">
        🛒 <span class="menu-text">Classifieds</span>
      </a>
    </li>

    <li>
      <a href="/admin/users.php" class="nav-link text-white">
        👥 <span class="menu-text">Users</span>
      </a>
    </li>

    <li>
      <a href="/admin/admins.php" class="nav-link text-white">
        👥 <span class="menu-text">Admins</span>
      </a>
    </li>

  </ul>

  <hr>

  <div class="dropdown">
    <a href="#" class="d-flex align-items-center text-white text-decoration-none dropdown-toggle"
       data-bs-toggle="dropdown">
      <img src="https://github.com/mdo.png" width="32" height="32"
           class="rounded-circle me-2">
      <strong class="menu-text"><?= $_SESSION['admin']['nom'] ?></strong>
    </a>

    <ul class="dropdown-menu dropdown-menu-dark shadow">
      <li><a class="dropdown-item" href="/admin/myprofil.php">Profile</a></li>
      <li><a class="dropdown-item" href="/admin/settings.php.php">Settings</a></li>
      <li><hr class="dropdown-divider"></li>
      <li><a class="dropdown-item text-danger" href="/admin/logout.php">Logout</a></li>
    </ul>
  </div>

</div>
