<!--
          ====================================
          ——— LEFT SIDEBAR WITH FOOTER
          =====================================
        -->
<aside class="left-sidebar bg-sidebar">
  <div id="sidebar" class="sidebar sidebar-with-footer">
    <!-- Aplication Brand -->
    <div class="app-brand">
      <a href="/" title="Distribyted">
        <img src="/assets/img/favicon.png" />
        <span class="brand-name text-truncate">Distribyted</span>
      </a>
    </div>
    <!-- begin sidebar scrollbar -->
    <div class="sidebar-scrollbar">

      <!-- sidebar menu -->
      <ul class="nav sidebar-inner" id="sidebar-menu">
        {{if eq . "dashboard"}}
        <li class="active">
          {{else}}
        <li>
          {{end}}
          <a class="sidenav-item-link" href="/">
            <i class="mdi mdi-view-dashboard-outline"></i>
            <span class="nav-text">Dashboard</span>
          </a>
        </li>
        {{if eq . "routes"}}
        <li class="active">
          {{else}}
        <li>
          {{end}}
          <a class="sidenav-item-link" href="/routes">
            <i class="mdi mdi-folder-multiple-outline"></i>
            <span class="nav-text">Routes</span>
          </a>
        </li>
        {{if eq . "served-folders"}}
        <li class="active">
          {{else}}
        <li>
          {{end}}
          <a class="sidenav-item-link" href="/servers">
            <i class="mdi mdi-folder-upload-outline"></i>
            <span class="nav-text">Served Folders</span>
          </a>
        </li>
        {{if eq . "logs"}}
        <li class="active">
          {{else}}
        <li>
          {{end}}
          <a class="sidenav-item-link" href="/logs">
            <i class="mdi mdi-information-outline"></i>
            <span class="nav-text">Logs</span>
          </a>
        </li>

        <li>
          <a class="sidenav-item-link" href="/fs" target="_blank">
            <i class="mdi mdi-application-export"></i>
            <span class="nav-text">HTTPFS</span>
          </a>
        </li>
      </ul>

    </div>

    <!-- <div class="sidebar-footer">
          <hr class="separator mb-0" />
          <div class="sidebar-footer-content">
            <h6 class="text-uppercase">
              Main cache <span class="float-right">40%</span>
            </h6>
            <div class="progress progress-xs">
              <div class="progress-bar active" style="width: 40%;" role="progressbar"></div>
            </div>
            <h6 class="text-uppercase">
              /path/pepe cache <span class="float-right">65%</span>
            </h6>
            <div class="progress progress-xs">
              <div class="progress-bar active" style="width: 65%;" role="progressbar"></div>
            </div>
          </div>
        </div>
      </div> -->
</aside>