<%- include('../partials/head', { title, bodyClass: 'app-page app-screen-page my-list-app-page' }) %>
<%- include('../partials/app-header') %>

<main class="app-main app-screen neo-list-page" data-neo-list-page>
  <section class="neo-list-hero">
    <div>
      <span>Zone personnelle</span>
      <h1>Ma liste</h1>
      <p>Regroupez les avis et stats que vous voulez suivre avant le coup d’envoi.</p>
    </div>
    <label class="neo-list-combo">
      <span>Combiné</span>
      <input type="checkbox" data-neo-list-combo>
      <i></i>
    </label>
  </section>

  <section class="neo-list-summary" data-neo-list-summary>
    <span><strong data-neo-list-count>0 sélection</strong></span>
    <span data-neo-list-total-row hidden>Cote totale <strong data-neo-list-total-odds>-</strong></span>
  </section>

  <section class="neo-list-items" data-neo-list-items aria-label="Sélections de Ma liste"></section>

  <section class="neo-list-empty" data-neo-list-empty>
    <strong>Ninguna selección</strong>
    <p>Ajoutez une stat depuis “Stats du jour” pour construire votre liste.</p>
    <a href="/stats-du-jour">Voir les stats du jour</a>
  </section>
</main>

<%- include('../partials/bottom-nav') %>
<%- include('../partials/footer') %>
