<div class="sidebar" data-background-color="black">
    <div class="logo">
      <a href="/" class="logo-mini">
        <img class="img-fluid" src="/assets/admin/images/favicon.png" alt="Logo">
      </a>
      <a href="/" class="simple-text logo-normal">
        C-CMS
      </a>
    </div>
    <div class="sidebar-wrapper">
      <ul class="nav">
        <li class="nav-item">
            <a class="nav-link" href="/admin">
                <i class="material-icons">dashboard</i>
                <p> Dashboard </p>
            </a>
        </li>
        <h6 class="ml-4 mt-5" style="color:white">
            Espace Cadet Cadre
        </h6>
        <li class="nav-item ">
            <a class="nav-link" data-toggle="collapse" href="#message">
                <i class="material-icons">email</i>
                <p> Message
                    <b class="caret"></b>
                </p>
            </a>
            <div class="collapse" id="message">
                <ul class="nav">
                    <li class="nav-item ">
                        <a class="nav-link" href="/admin/message">
                            <span class="sidebar-mini"> <i class="fas fa-eye"></i> </span>
                            <span class="sidebar-normal"> Afficher les messages </span>
                        </a>
                    </li>
                    <li class="nav-item ">
                        <a class="nav-link" href="/admin/message/add">
                            <span class="sidebar-mini"> <i class="fas fa-plus"></i> </span>
                            <span class="sidebar-normal"> Ajouter un message </span>
                        </a>
                    </li>
                    <li class="nav-item ">
                        <a class="nav-link" href="/admin/message">
                            <span class="sidebar-mini"> <i class="fas fa-times"></i> </span>
                            <span class="sidebar-normal"> Supprimer un message </span>
                        </a>
                    </li>
                </ul>
            </div>
        </li>
        <li class="nav-item ">
            <a class="nav-link" href="/admin/files">
                <i class="material-icons">folder</i>
                <p> Fichier</p>
            </a>
        </li>
        <li class="nav-item ">
            <a class="nav-link" href="/admin/guide">
                <i class="material-icons">library_books</i>
                <p> Guide pédagogique</p>
            </a>
        </li>
        <h6 class="ml-4 mt-5" style="color:white">
            Espace Administration
        </h6>
        <li class="nav-item ">
            <a class="nav-link" href="/admin/calendar">
                <i class="material-icons">calendar_today</i>
                <p> Horaire</p>
            </a>
        </li>
        <li class="nav-item ">
            <a class="nav-link" data-toggle="collapse" href="#inventory">
                <i class="material-icons">shopping_basket</i>
                <p> Inventaire
                    <b class="caret"></b>
                </p>
            </a>
            <div class="collapse" id="inventory">
                <ul class="nav">
                    <li class="nav-item ">
                        <a class="nav-link" href="/admin/inventory">
                            <span class="sidebar-mini"> <i class="fas fa-box"></i> </span>
                            <span class="sidebar-normal"> Afficher l'inventaire </span>
                        </a>
                    </li>
                    <li class="nav-item ">
                        <a class="nav-link" href="/admin/item/add">
                            <span class="sidebar-mini"> <i class="fas fa-plus"></i> </span>
                            <span class="sidebar-normal"> Ajouter un item </span>
                        </a>
                    </li>
                    <!--<li class="nav-item ">
                        <a class="nav-link" href="/admin/inventory/booking">
                            <span class="sidebar-mini"> <i class="fas fa-bookmark"></i> </span>
                            <span class="sidebar-normal"> Réservation</span>
                        </a>
                    </li>-->
                </ul>
            </div>
        </li>
      <li class="nav-item ">
          <a class="nav-link" data-toggle="collapse" href="#inventory">
              <i class="material-icons">image</i>
              <p> Image
                  <b class="caret"></b>
              </p>
          </a>
          <div class="collapse" id="inventory">
              <ul class="nav">
                  <li class="nav-item ">
                      <a class="nav-link" href="/admin/picture">
                          <span class="sidebar-mini"> <i class="fas fa-list"></i> </span>
                          <span class="sidebar-normal"> Afficher toutes les images </span>
                      </a>
                  </li>
                  <li class="nav-item ">
                      <a class="nav-link" href="/admin/picture/add">
                          <span class="sidebar-mini"> <i class="fas fa-plus"></i> </span>
                          <span class="sidebar-normal"> Ajouter une image </span>
                      </a>
                  </li>
              </ul>
          </div>
      </li>
        <li class="nav-item ">
            <a class="nav-link" data-toggle="collapse" href="#stats">
                <i class="material-icons">timeline</i>
                <p> Statistiques
                    <b class="caret"></b>
                </p>
            </a>
            <div class="collapse" id="stats">
                <ul class="nav">
                    <li class="nav-item ">
                        <a class="nav-link" href="/admin/stats/log">
                            <span class="sidebar-mini"> <i class="fas fa-user-secret"></i> </span>
                            <span class="sidebar-normal"> Liste des activitées </span>
                        </a>
                    </li>
                </ul>
            </div>
        </li>
        <li class="nav-item ">
            <a class="nav-link" data-toggle="collapse" href="#user">
                <i class="material-icons">supervised_user_circle</i>
                <p> utilisateurs
                    <b class="caret"></b>
                </p>
            </a>
            <div class="collapse" id="user">
                <ul class="nav">
                    <li class="nav-item ">
                        <a class="nav-link" href="/admin/user/add">
                            <span class="sidebar-mini"> <i class="fas fa-plus"></i> </span>
                            <span class="sidebar-normal"> Ajouter un utilisateur </span>
                        </a>
                    </li>
                    <li class="nav-item ">
                        <a class="nav-link" href="/admin/user">
                            <span class="sidebar-mini"> <i class="fas fa-list"></i> </span>
                            <span class="sidebar-normal"> Liste des utilisateurs </span>
                        </a>
                    </li>
                </ul>
            </div>
        </li>
        <li class="nav-item ">
            <a class="nav-link" data-toggle="collapse" href="#config">
                <i class="material-icons">settings</i>
                <p> Configurations
                    <b class="caret"></b>
                </p>
            </a>
            <div class="collapse" id="config">
                <ul class="nav">
                    <li class="nav-item ">
                        <a class="nav-link" href="/admin/config">
                            <span class="sidebar-mini"> <i class="fas fa-cog"></i> </span>
                            <span class="sidebar-normal"> Général </span>
                        </a>
                    </li>
                    <li class="nav-item ">
                        <a class="nav-link" href="/admin/config/schedule">
                            <span class="sidebar-mini"> <i class="fas fa-calendar"></i></span>
                            <span class="sidebar-normal"> Horaire </span>
                        </a>
                    </li>
                    <li class="nav-item ">
                        <a class="nav-link" href="/admin/config/activity">
                            <span class="sidebar-mini"> <i class="fas fa-hiking"></i> </span>
                            <span class="sidebar-normal"> Activités </span>
                        </a>
                    </li>
                    <li class="nav-item ">
                        <a class="nav-link" href="/admin/config/customisation">
                            <span class="sidebar-mini"> <i class="fas fa-palette"></i> </span>
                            <span class="sidebar-normal"> Apparence </span>
                        </a>
                    </li>
                </ul>
            </div>
        </li>
        <h6 class="ml-4 mt-5" style="color:white">
            Outils
        </h6>
        <li class="nav-item ">
            <a class="nav-link" href="https://gitlab.com/TheGamecraft/c-cms/issues">
                <i class="material-icons">bug_report</i>
                <p> Signaler un bug </p>
            </a>
        </li>
        <li class="nav-item ">
            <a class="nav-link" href="/admin/update">
                <i class="material-icons">feedback</i>
                <p> Mise a jour </p>
            </a>
        </li>
    </ul>
    </div>
</div>