Day:1

public/events.html

@@ -0,0 +1,18 @@
+<nav class="nav"><div class="inner">
+  <img src="/assets/img/logo.svg" width="22" height="22" alt="logo"/>
+  <div class="brand"><span class="badge">P24P</span><span class="title">Padel24Play</span></div>
+  <a href="/">Accueil</a><a href="/events.html">Événements</a><a href="/admin.html">Admin</a>
+  <div class="spacer"></div><a href="/reglement.html">Règlement</a></div></nav>
+
+<main class="container">
+  <h1>📅 Événements</h1>
+  <div class="card">
+    <table id="eventsTable"><thead><tr><th>Nom</th><th>Type</th><th>Date</th><th>Lieu</th><th></th></tr></thead><tbody></tbody></table>
+  </div>
+</main>
+<script src="/assets/js/app.js"></script>
+<script>
+(async()=>{ const rows=document.querySelector('#eventsTable tbody'); const list = await api('/api/events'); 
+  list.forEach(ev=>{ const tr=document.createElement('tr'); tr.innerHTML = `<td>${ev.name}</td><td>${ev.kind||'-'}</td><td>${new Date(ev.date).toLocaleString()}</td><td>${ev.location}</td>
+  <td><a class="btn" href="/register.html?eventId=${encodeURIComponent(ev.id)}">S'inscrire</a></td>`; rows.appendChild(tr); });
+})();</script>