<div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="hidden-md hidden-lg hidden-sm navbar-brand brand" href="#!" ui-sref="home()">ACM CoNEXT 2025</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse navbar-ex1-collapse">
      <ul class="nav navbar-nav">
        <li ng-class="getClass('/home')"><a href="#/home" ui-sref="home()">Home</a></li>
        <!--  <li ng-class="getClass('/committee')"><a href="#!/committee">Committee</a></li> -->

        <li ng-class="getClass('/registration')"><a href="#/registration" ui-sref="registration()">Registration</a></li>
        <li ng-class="getClass('/sponsors')"><a href="#/sponsors" ui-sref="sponsors()">Supporters</a></li>
        <!--
                
                <li ng-class="getClass('/sponsors')"><a href="#/sponsors" ui-sref="sponsors()">Sponsorship</a></li>
                <li ng-class="getClass('/program')"><a href="#/program" ui-sref="program()">Program</a></li>
                <li ng-class="getClass('/committee')"><a href="#/commitee" ui-sref="committee()">Committee</a></li> 
                -->


        <li class="menu-item dropdown">
          <a href="#!/committee" class="dropdown-toggle" data-toggle="dropdown">Committee<b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li class="menu-item">
              <a href="#/committee" ui-sref="committee()" class="dropdown-toggle">Organizing Committee</a>
              <a href="#/pc" ui-sref="pc()" class="dropdown-toggle">Program Committee</a>
              <!-- <a href="#/shadow" ui-sref="shadow()" class="dropdown-toggle">Shadow TPC</a> -->
              <a href="#/artifactcommittee" ui-sref="artifactcommittee()" class="dropdown-toggle">Artifact Evaluation
                Committee</a>
              <a href="#/shadow" ui-sref="shadow()" class="dropdown-toggle">Shadow TPC</a>
            </li>
          </ul>
        </li>

        <li class="menu-item dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Papers<b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li class="menu-item">
              <a href="#/cfp" ui-sref="cfp()" class="dropdown-toggle">Call for Papers</a>
              <a href="#/submission" ui-sref="submission()" class="dropdown-toggle">Submission Instructions</a>
              <a href="#/artifact-submission" ui-sref="artifact-submission()" class="dropdown-toggle">Artifact
                Evaluation</a>

              <!-- <a href="#/camera-ready" ui-sref="camera-ready()" class="dropdown-toggle">Camera Ready Instructions</a> -->
              <!--
                         <a href="#/accepted-papers" ui-sref="accepted-papers()" class="dropdown-toggle">Accepted Papers</a> 
                         <a href="#/cae" ui-sref="cae()" class="dropdown-toggle">Call for Artifact Evaluation</a>
                         <a href="#/video-preparation" ui-sref="video-preparation()" class="dropdown-toggle">Video Submission Instruction</a>
                         -->
            </li>
          </ul>
        </li>
        <!-- <li ng-class="getClass('/shadow')"><a href="#/shadow" ui-sref="shadow()">Call for Shadow TPC</a></li> -->

        <!-- <li class="menu-item dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Submissions<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                      <li class="menu-item">
                         <a href="#/submission" ui-sref="submission()" class="dropdown-toggle">Paper Submission Instruction</a>
                         <a href="#/artifact-submission" ui-sref="artifactsubmission()" class="dropdown-toggle">Artifact Submission Instruction</a>
                      </li>
                    </ul>
                </li> -->
        <li class="menu-item dropdown">
          <a href="#!/cfw" class="dropdown-toggle" data-toggle="dropdown">Workshops<b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li class="menu-item">
              <a href="#/cfw" ui-sref="cfw()" class="dropdown-toggle">Call for Workshops</a>
              <a href="#/studentworkshop" ui-sref="workshop-student()" class="dropdown-toggle">Student Workshop</a>
              <a href="https://irtf-net4ai.github.io/inet4ai/cfp.html" target="_blank" class="dropdown-toggle">INET4AI
                Workshop</a>
              <a href="https://eccai.github.io/" target="_blank" class="dropdown-toggle">ECCAI Workshop</a>
              <a href="https://pn-workshop.github.io/pn-workshop-2025/index" target="_blank" class="dropdown-toggle">PN
                Workshop</a>
              <a href="http://xintelligence.pro/archives/1461" target="_blank" class="dropdown-toggle">BlockNetSys
                Workshop</a>
              <a href="https://incas-2025.github.io/call-for-papers" target="_blank" class="dropdown-toggle">INCAS
                Workshop</a>
              <a href="https://cnc2025.xyz" target="_blank" class="dropdown-toggle">CNC Workshop</a>
              <!-- <a href="#/workshopatglance" ui-sref="workshopatglance()" class="dropdown-toggle">Workshops at a Glance</a> -->
              <!-- <a href="#/studentworkshop" ui-sref="workshop-student()" class="dropdown-toggle">CFP Student Workshop</a>
                        <a href="#/cfw" ui-sref="cfw()" class="dropdown-toggle">Call for Workshops</a>
                        <a href="#/workshop-bigdama" ui-sref="workshop-bigdama()" class="dropdown-toggle">Big-DAMA Workshop</a>
                        <a href="#/workshop-encp" ui-sref="workshop-encp()" class="dropdown-toggle">ENCP Workshop</a>
                        <a href="#/workshop-epiq" ui-sref="workshop-epiq()" class="dropdown-toggle">EPIQ Workshop</a>
                        <a href="#/workshop-em5g" ui-sref="workshop-em5g()" class="dropdown-toggle">EM-5G Workshop</a> -->
            </li>
          </ul>
        </li>

        <li class="menu-item dropdown">
          <a href="#!/posters" class="dropdown-toggle" data-toggle="dropdown">Posters<b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li class="menu-item">
              <a href="#/posters" ui-sref="posters()" class="dropdown-toggle">Call for Posters</a>
            </li>
          </ul>
        </li>

        <li class="menu-item dropdown">
          <a href="#!/venue" class="dropdown-toggle" data-toggle="dropdown">Venue<b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="#/venue" ui-sref="venue()" class="dropdown-toggle">Venue</a></li>
            <li><a href="#/visa" ui-sref="visa()" class="dropdown-toggle">Visa</a></li>
          </ul>
        </li>

        <li ng-class="getClass('/policy')"><a href="#/policy" ui-sref="policy()">Policies</a></li>

      <!--
                 <li class="menu-item dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                      <li class="menu-item">
                        <a href="#/mentoring" ui-sref="mentoring()" class="dropdown-toggle">Call for Applications</a>
                        <a href="#/socialdinner" ui-sref="socialdinner()" class="dropdown-toggle">Social Dinner</a>
                        <a href="#/n2women" ui-sref="n2women()" class="dropdown-toggle">N2Women</a> 
                      </li>
                    </ul>
                </li> 
               -->


      <!-- <li class="menu-item dropdown">
                    <a href="#!/posters" class="dropdown-toggle" data-toggle="dropdown">Poster<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                     <!-- <li class="menu-item">
                          <a href="#/program-poster" ui-sref="program-poster()" class="dropdown-toggle">Posters</a> 
                      </li> -->
      <!-- <li class="menu-item"> -->
      <!-- <a href="#/posters" ui-sref="posters()" class="dropdown-toggle">Call for Posters</a> -->
      <!-- </li> -->
      <!-- </ul> -->
      <!-- </li> -->

      <!-- <li class="menu-item dropdown">
                     <a href="#!/venue" class="dropdown-toggle" data-toggle="dropdown">Venue<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                      <li><a href="#/venue" ui-sref="venue()" lass="dropdown-toggle">Venue</a></li>
                      <!-- <li><a href="#/hotel" ui-sref="hotel()" lass="dropdown-toggle">Hotel</a></li> -->
      <!-- </ul> -->
      <!-- </li> -->




      <!-- <li><a href="#/travelgrants" ui-sref="travelgrants()">Travel Grants</a></li> -->
      <!--
                <li><a href="#/venue" ui-sref="venue()">Venue</a></li>
                <li class="menu-item dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Registration Grants<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                      <li class="menu-item">
                        <a href="#/accommodation" ui-sref="accommodation()" class="dropdown-toggle">Accommodation</a>
                        <a href="#/travelgrants" ui-sref="travelgrants()" class="dropdown-toggle">Registration Grants</a>
                       <a href="#/n2women" ui-sref="n2women()" class="dropdown-toggle">N2Women</a>
                        <a href="#/visa" ui-sref="visa()" class="dropdown-toggle">Visa Information</a> 
                        <a href="#/shuttle" ui-sref="shuttle()" class="dropdown-toggle">Shuttle Bus Schedule</a> 
                        <a href="#/antiharassment" ui-sref="antiharassment()" class="dropdown-toggle">Policy Against Discrimination and Harassment</a> 
                      </li>
                    </ul>
                </li> 
                -->
      <!-- <li class="menu-item dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Social Events<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                      <li class="menu-item">
                        <a href="#/reception" ui-sref="reception()" class="dropdown-toggle">Welcome Reception / Poster Session</a>
                        <a href="#/socialdinner" ui-sref="socialdinner()" class="dropdown-toggle">Social Dinner</a>
                        <a href="#/n2women" ui-sref="n2women()" class="dropdown-toggle">N2Women</a>
                      </li>
                    </ul>
                </li> -->

      <!--
                <li ng-class="getClass('/policy')"><a href="#/policy" ui-sref="policy()">Policies/Visa</a></li>
                -->

      <!-- <li ng-class="getClass('/visa')"><a href="#/visa" ui-sref="visa()">Visa</a></li> -->

      <li ng-class="getClass('/pastvenues')"><a href="#/pastvenues" ui-sref="pastvenues()">Past Venues</a></li>

      </ul>
    </div>
    <!-- /.nav-collapse -->
  </div> <!-- /.container -->
</div><!-- /.navbar -->