<nav class="sidebar vertical-scroll ps-container ps-theme-default ps-active-y">
  <div class="logo d-flex justify-content-space-around">
    <a href="/admin/"><img src="/img/logo.png" alt="" style="height: 50px; width: 50px" /></a>
    <h6 class="fw-bold header_text mt-3 mx-3">CORASS</h6>

    <div class="sidebar_close_icon d-lg-none">
      <i class="ti-close"></i>
    </div>
  </div>
  <div class="sidebar_close_icon d-lg-none">
    <i class="ti-close"></i>
  </div>
  <!-- <div class="d-flex schoolsett"> 
        <a href="/admin">
        <i class="fa-solid fa-gear text-light" style="margin:12px 0 0 12px"></i>
        <button class="btn text-light"> School Settings</button> 
    </a>
      </div> -->
  <ul id="sidebar_menu">
    <p class="system-confg">SYSTEM CONFIGURATION</p>
    <% if(user.second_role==1){ %>
      <!-- <li class="">

          <a class="has-arrow" href="#" aria-expanded="false">
            <div>
              <img src="../img2/menu-icon/2.svg" alt="" />
            </div>
            <span class="dash-item">App Setup</span>
          </a>
            <ul>

              <li class="d-flex"><i class="fa-solid fa-building-columns li-icon"></i>
              <a href="#">School</a>
              </li>
              <li class="d-flex"><i class="fa-solid fa-cube li-icon"></i>
                <a href="/admin/department">Department</a></li>
                <li class="d-flex"><i class="fa-solid fa-user-plus li-icon"></i>
                  <a href="/admin/supervisor">Supervisors</a></li>
                  <li class="d-flex"><i class="fa-sharp fa-solid fa-layer-group li-icon"></i>
                    <a href="#">Level</a></li>
                    <li class="d-flex"><i class="fa-solid fa-building-columns li-icon"></i>
                      <a href="#">Study Mode</a></li>
                        <li class="d-flex"><i class="fa-solid fa-cash-register li-icon"></i>
                          <a href="/admin/payment-settings">Payment Plans</a></li>
            </ul>
        </li> -->
      <%}%>

        <% if(user.second_role==1){ %>
          <li class="">
            <a class="has-arrow" href="#" aria-expanded="false">
              <div>
                <img src="../img2/useracc.png" class="img-fluid" style="width: 20px;" alt="" />
              </div>
              <span class="dash-item">Access Control</span>
            </a>
            <ul>
              <li class="d-flex"><i class="fa-solid fa-shield li-icon"></i>
                <a href="/admin/all-role">Roles</a>
              </li>
              <li class="d-flex"><i class="fa-solid fa-user-plus li-icon"></i>
                <a href="/admin/admin-user">Admin Users</a>
              </li>
            </ul>
          </li>

          <%}%>
            <p class="system-confg1">MISCELLANEOUS</p>
            <li class="">
              <a class="has-arrow" href="#" aria-expanded="false">
                <div>
                  <img src="../img2/chart.png" style="width: 24px;" alt="" />
                </div>
                <span class="dash-item">Report</span>
              </a>
              <ul>

                <% if(user.second_role==1 || user.second_role==4 || user.second_role==2){ %>
                  <li>
                    <a class="has-arrow">Projects</a>
                    <ul>
                      <%for (const session of sessions){%>
                        <li class="">
                          <a href="/admin/projects/<%= session.id%>" aria-expanded="false">
                            <span>
                              <%= session.name %>
                            </span>
                          </a>
                        </li>
                        <%}%>
                    </ul>
                  </li>

                  <%}%>
                    <% if(user.second_role==1 || user.second_role==2 || user.second_role==10){ %>
                      <li><a class="has-arrow">Student</a>
                        <ul>
                          <%for (const session of sessions){%>
                            <li class="">
                              <a href="/admin/students/<%= session.id%>" aria-expanded="false">
                                <span>
                                  <%= session.name %>
                                </span>
                              </a>
                            </li>
                            <%}%>
                        </ul>
                      </li>
                      <%}%>

                        <!-- <% if(user.second_role == 1 || user.second_role == 2 || user.second_role == 3){ %>
                  <li class="d-flex"><i class="fa-solid fa-building-columns li-icon"></i>
                    <a href="/admin/institute-report">Institute</a></li>     
        <%}%>             -->
              </ul>
            </li>
            <% if(user.second_role==1 || user.second_role==3 || user.second_role==10 || user.second_role==2 ||
              user.second_role==14 ){ %>
              <li class="">
                <a class="has-arrow" href="#" aria-expanded="false">
                  <div>
                    <img src="../img2/menu-icon/2.svg" alt="" />
                  </div>
                  <span class="dash-item">Support</span>
                </a>

                <ul>
                  <li class="d-flex"><i class="fa-sharp fa-solid fa-credit-card li-icon"></i>
                    <a href="/admin/paymentrequery">Payment Requery</a>
                  </li>
                  <!-- <li class="d-flex"><i class="fa-sharp fa-solid fa-credit-card li-icon"></i>
                <a href="/admin/paymentswap">Payment Swap</a></li> -->
                </ul>
              </li>
              <%}%>

                <% if(user.second_role==1 || user.second_role==2 || user.second_role==12) { %>
                  <!-- <li class="">
            <a class="has-arrow" href="#" aria-expanded="false">
              <div>
                <img src="../img2/book icon.png" alt="" />
              </div>
              <span class="dash-item">Library Management</span>
            </a>
           
            <ul>
              <li class="d-flex"><i class="fa-sharp fa-solid fa-credit-card li-icon"></i>
                <a href="/research" class="dash-item">Research Library</a></li>
                <li class="d-flex"><i class="fa-sharp fa-solid fa-credit-card li-icon"></i>
                  <a href="/library-access">Library Access</a></li>
            </ul>
          </li> -->
                  <%}%>
                    <% if(user.second_role==1 || user.second_role==2 || user.second_role==13) { %>
                      <li class="">
                        <a class="has-arrow" href="#" aria-expanded="false">
                          <div>
                            <img src="../img2/book icon.png" alt="" />
                          </div>
                          <span class="dash-item">Project Binding</span>
                        </a>

                        <ul>
                          <!-- <a href="/admin/binding-record" class="dash-item">Student Details</a> -->
                          <li><a class="has-arrow">Student Details</a>
                            <ul>
                              <%for (const session of sessions){%>
                                <li class="">
                                  <a href="/admin/binding-record/<%= session.id%>" aria-expanded="false">
                                    <span>
                                      <%= session.name %>
                                    </span>
                                  </a>
                                </li>
                                <%}%>
                            </ul>
                          </li>
                      </li>

                      <% if(user.second_role==1 || user.second_role==3 || user.second_role==2) { %>
                        <!-- <li class="d-flex"><i class="fa-sharp fa-solid fa-credit-card li-icon"></i>
                          <a href="/admin/binding-payment" class="dash-item">Payment Summary</a>
                        </li> -->
                        <%}%>
                          <li class="d-flex"><i class="fa-solid fa-user-plus li-icon"></i>
                            <a href="/admin/binding-group" class="dash-item">Groups</a>
                          </li>
  </ul>
  </li>
  <%}%>
</nav>
<section class="main_content dashboard_part large_header_bg">
  <div class="container-fluid g-0">
    <div class="row">
      <div class="col-lg-12 p-0">
        <div class="header_iner d-flex justify-content-between align-items-center">
          <div class="sidebar_icon d-lg-none">
            <i class="ti-menu"></i>
          </div>
          <div class="serach_field-area d-flex align-items-center">

            <span class="f_s_14 f_w_400 ml_25 white_text text_white">Apps</span>
          </div>
          <div class="header_right d-flex justify-content-between align-items-center">
            <div class="header_notification_warp d-flex align-items-center">
              <li>
                <a class="bell_notification_clicker nav-link-notify" href="#">
                  <img src="../img2/icon/bell.svg" alt="" />
                </a>

                <div class="Menu_NOtification_Wrap">
                  <div class="notification_Header">
                    <h4>Notifications</h4>
                  </div>
                  <hr>
                  <div class="Notification_body">
                    <div class="single_notify d-flex align-items-center">
                      <p class="small">There are no new notifications</p>
                    </div>
                    <hr>
                    <div class="nofity_footer">
                      <div class="submit_button text-center pt_20">
                        <a href="#" class="btn_1 btn-block">See More</a>
                      </div>
                    </div>
                  </div>
              </li>
            </div>
            <div class="profile_info">
              <!--  <h3>AYODEJI FATAI ABOLARIN</h3>
                  <p>Supervisor</p> -->
              <img src="../img/client_img.png" alt="#">
              <div class="profile_info_iner">
                <div class="profile_author_name">
                  <h5 style="font-size: small;">Admin</h5>
                </div>
                <div class="profile_info_details">
                  <a href="student-account?user_id=<%=user.id%>&type=staff">My Account </a>
                  <!-- <a href="/profile-staff-security">Account Security</a> -->
                  <a href="/user/logout">Log Out </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>