<div class="sidebar-wrapper">

  <style>
    :root {
      --bs-primary: #880000;
      --bs-primary-rgb: 241, 150, 150;
    }
  </style>

  <!-- Menu Card -->
  <div class="card mb-4 border-0 shadow-sm">
    <div class="card-header bg-primary text-white p-3 ">
      <h5 class="mb-0"><i class="fas fa-bars me-2"></i>Main Menu</h5>
    </div>
    <div class="list-group list-group-flush">
      <a href="/IOTSMS2025/index.php" class="list-group-item list-group-item-action d-flex align-items-center">
        <i class="fas fa-home me-2"></i> Home
      </a>
      <a href="/IOTSMS2025/call-for-papers.php"
        class="list-group-item list-group-item-action d-flex align-items-center">
        <i class="fas fa-file-alt me-2"></i> Call for Papers
      </a>
      <a href="/IOTSMS2025/workshops.php" class="list-group-item list-group-item-action d-flex align-items-center">
        <i class="fas fa-chalkboard-teacher me-2"></i> Call for Workshop Papers
      </a>
      <a href="/IOTSMS2025/phd.php" class="list-group-item list-group-item-action d-flex align-items-center">
        <i class="fas fa-chalkboard-teacher me-2"></i> PhD Forum and Posters track
      </a>
      <a href="/IOTSMS2025/submission.php" class="list-group-item list-group-item-action d-flex align-items-center">
        <i class="fas fa-upload me-2"></i> Submission
      </a>
      <a href="/IOTSMS2025/important-dates.php"
        class="list-group-item list-group-item-action d-flex align-items-center">
        <i class="fas fa-calendar-check me-2"></i> Important Dates
      </a>
      <a href="/IOTSMS2025/committee.php" class="list-group-item list-group-item-action d-flex align-items-center">
        <i class="fas fa-users me-2"></i> Committee
      </a>
      <a href="/IOTSMS2025/CFWP.php" class="list-group-item list-group-item-action d-flex align-items-center">
        <i class="fas fa-briefcase me-2"></i> Call for Workshop Proposals
      </a>
      <a href="/IOTSMS2025/keynote-speakers.php"
        class="list-group-item list-group-item-action d-flex align-items-center">
        <i class="fas fa-microphone me-2"></i> Keynote Speakers
      </a>
      <a href="/IOTSMS2025/conference-topics.php"
        class="list-group-item list-group-item-action d-flex align-items-center">
        <i class="fas fa-list-alt me-2"></i> Conference Topics
      </a>
      <!-- <a href="/IOTSMS2025/final-program.php" class="list-group-item list-group-item-action d-flex align-items-center">
        <i class="fas fa-award me-2"></i> Final Program & Best Paper Award
      </a> -->
      <a href="/IOTSMS2025/journalSpecialIssues.php"
        class="list-group-item list-group-item-action d-flex align-items-center">
        <i class="fas fa-book-open me-2"></i> Journal Special Issues
      </a>
      <a href="/IOTSMS2025/Registration.php" class="list-group-item list-group-item-action d-flex align-items-center">
        <i class="fas fa-ticket-alt me-2"></i> Registration
      </a>
      <a href="/IOTSMS2025/venue.php" class="list-group-item list-group-item-action d-flex align-items-center">
        <i class="fas fa-map-marked-alt me-2"></i> Venue
      </a>
    </div>
  </div>

  <!-- Sponsors Card
  <div class="card mb-4 border-0 shadow-sm">
    <div class="card-header bg-primary text-white">
      <h5 class="mb-0"><i class="fas fa-handshake me-2"></i>Sponsors</h5>
    </div>
    <div class="card-body text-center">
      <a href="#" class="d-block mb-3">
        <img src="images/ieeeSpain.png" alt="IEEE Spain" class="img-fluid sponsor-logo">
      </a>
      <a href="https://www.tamusa.edu/" target="_blank" class="d-block mb-3">
        <img src="/api/placeholder/200/80" alt="TAMUSA" class="img-fluid sponsor-logo">
      </a>
      <a href="https://www.aau.ac.ae/en/" target="_blank" class="d-block mb-3">
        <img src="images/Al-Ain-University-Logo-.svg" alt="Al-Ain University" class="img-fluid sponsor-logo">
      </a>
      <a href="#" class="d-block mb-3">
        <img src="images/bpi.png" alt="BPI" class="img-fluid sponsor-logo">
      </a>
      <a href="#" class="d-block mb-3">
        <img src="images/region.jpg" alt="Region" class="img-fluid sponsor-logo">
      </a>
      <a href="#" class="d-block">
        <img src="images/LOGO_France.png" alt="France Logo" class="img-fluid sponsor-logo">
      </a>
    </div>
  </div> -->
</div>