<!DOCTYPE html>
<html lang="en">
{{ template "head" . }}

<body>
  <header></header>
 
    <div class="column">
      <h1>Dashboard</h1>
      <div class="columns is-mobile">
        <div class="column is-2">
          <aside class="menu">

            <p class="menu-label">GoDownloader</p>

            <ul class="menu-list">
              <li><a class="nav-link" onclick="toggleMenuGoDownload(); return false;">GoDownloader</a>
                <ul id="menuDownload" hidden>
                  <li><a hx-get="/godownloader/downloads"  hx-target="#content" hx-swap-oob="beforeend">Downloads</a></li>
                  <li><a hx-get="/godownloader/linkcollectors"  hx-target="#content" hx-swap-oob="beforeend">Linkcollectors</a></li>
                </ul>
              
              </li>
              <p class="menu-label">Library</p>

              <li><a hx-get="/library" class="nav-link"
                onclick="toggleMenu(); return false;"
                hx-target="#content" hx-swap-oob="beforeend">Library</a>
              <li>
                <ul class="menu-list" id="libraryMenu" hidden>
                  <li>
                    <a class="is-active">Choise Library</a>
                    <ul>
                      {{range .paths}}
                      <li>
                        <span class="icon-text">
                          <span><a>{{ .PathName }}</a></span>
                          <span class="icon">
                            <a style="padding-top: 0;height: 0;"><i class="fas fa-ellipsis-v"></i></a>
                          </span>
                        </span>
                        {{end}}
                    </ul>
                  </li>
                </ul>
              </li>
              <li><a hx-get="/settings" class="nav-link" hx-target="#content" hx-swap-oob="beforeend">Settings</a></li>
              </li>
            </ul>
          </aside>
        </div>
        <div class="column is-10">
          <div id="content">
            <!-- Le contenu spécifique sera chargé ici -->
          </div>
        </div>
      </div>
    </div>

  <footer></footer>



</body>

</html>