<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Administration IGF Burundi</title>
<%- include('_styles') %>
</head>
<body>
  <div class="topbar">
    <strong>Administration IGF Burundi</strong>
    <form method="POST" action="/admin/logout"><button>Se déconnecter</button></form>
  </div>
  <div class="layout">
    <div class="sidebar">
      <% for (const [group, items] of Object.entries(groups)) { %>
        <h3><%= group %></h3>
        <% items.forEach(function(it) { %>
          <a href="/admin/<%= it.key %>"><%= it.label %></a>
        <% }); %>
      <% } %>
    </div>
    <div class="main">
      <h1>Tableau de bord</h1>
      <p>Choisissez une rubrique dans le menu à gauche pour gérer le contenu du site.</p>
    </div>
  </div>
</body>
</html>
