<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, user-scalable=0"
    />

    <title>UISTO - CMS</title>

    <script src="checkAuth.js"></script>

    <script>
      const token = localStorage.getItem("token");
    </script>

    <link
      rel="shortcut icon"
      type="image/x-icon"
      href="/assets/img/favicon.jpg"
    />

    <link rel="stylesheet" href="/assets/css/bootstrap.min.css" />

    <link rel="stylesheet" href="/assets/css/animate.css" />

    <link rel="stylesheet" href="/assets/css/dataTables.bootstrap4.min.css" />

    <link
      rel="stylesheet"
      href="/assets/plugins/fontawesome/css/fontawesome.min.css"
    />
    <link rel="stylesheet" href="/assets/plugins/fontawesome/css/all.min.css" />

    <link rel="stylesheet" href="/assets/css/style.css" />

    <style>
      .action-btns {
        cursor: pointer;
      }

      .form-group input[type="text"],
      .form-group input[type="password"] {
        color: black;
      }
    </style>
  </head>

  <body>
    <div id="global-loader">
      <div class="whirly-loader"></div>
    </div>

    <div class="main-wrapper">
      <div class="header">
        <div class="header-left active">
          <a href="/" class="logo">
            <img src="/assets/img/uisto-logo.jpg" alt="" />
          </a>
          <a href="/" class="logo-small">
            <img src="/assets/img/favicon.jpg" alt="" />
          </a>
          <a id="toggle_btn" href="javascript:void(0);"> </a>
        </div>

        <a id="mobile_btn" class="mobile_btn" href="#sidebar">
          <span class="bar-icon">
            <span></span>
            <span></span>
            <span></span>
          </span>
        </a>
      </div>

      <div class="sidebar" id="sidebar">
        <div class="sidebar-inner slimscroll">
          <div id="sidebar-menu" class="sidebar-menu">
            <ul>
              <li class="">
                <a href="/dashboard"
                  ><img src="/assets/img/icons/dashboard.svg" alt="img" /><span>
                    Dashboard</span
                  >
                </a>
              </li>

              <!-- <li class="submenu">
                            <a href="javascript:void(0);"><img src="/assets/img/icons/places.svg" alt="img"><span>
                                    Manage Structures</span> <span class="menu-arrow"></span></a>
                            <ul>
                                <li><a href="/schools">Schools</a></li>
                                <li><a href="/departments">Departments</a></li>
                                <li><a href="/program-types">program Types</a></li>
                                <li><a href="/programs">Programs</a></li>
                            </ul>
                        </li>

                        <li>
                            <a href="/staff"><img src="/assets/img/icons/users1.svg" alt="img"><span>
                                    Staff Management</span></a>

                        </li> -->

              <li class="submenu">
                <a href="javascript:void(0);"
                  ><img src="/assets/img/icons/product.svg" alt="img" /><span>
                    News Management</span
                  >
                  <span class="menu-arrow"></span
                ></a>
                <ul>
                  <li><a href="/news-management">News Statistics</a></li>
                  <li><a href="/news-list">View All News</a></li>
                  <li><a href="/add-news">Add News</a></li>
                </ul>
              </li>
              <li>
                <a href="/manage-gallery"
                  ><img src="/assets/img/icons/sales1.svg" alt="img" /><span>
                    Gallery Management</span
                  >
                </a>
              </li>

              <li class="submenu">
                <a href="javascript:void(0);"
                  ><img src="/assets/img/icons/sales1.svg" alt="img" /><span>
                    Event Management</span
                  >
                  <span class="menu-arrow"></span
                ></a>
                <ul>
                  <li><a href="/add-event">Add Event</a></li>
                  <li><a href="/view-all-events">View All Events</a></li>
                </ul>
              </li>

              <li>
                <a href="/UISTO-ai"
                  ><img src="/assets/img/icons/users1.svg" alt="img" /><span>
                    AI Management</span
                  ></a
                >
              </li>

              <!-- <li class="submenu">
                            <a href="javascript:void(0);"><img src="/assets/img/icons/settings.svg" alt="img"><span>
                                    Settings</span> <span class="menu-arrow"></span></a>
                            <ul>
                                <li><a href="javascript:void(0);">Manage Password</a></li>
                            </ul>
                        </li> -->

              <li class="logout">
                <a href="javascript:void(0);" onclick="logout()">
                  <i class="fas fa-sign-out-alt ms-2"></i><span> Logout </span>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
