<section class="page-hero">
  <div class="container">
    <span class="badge badge-soft">Contact</span>
    <h1>Une question&nbsp;? Écrivez-nous</h1>
    <p class="page-hero-sub">Nous répondons généralement sous 24 à 48 heures ouvrées.</p>
  </div>
</section>

<section class="section">
  <div class="container narrow">
    <% if (sent) { %>
      <div class="notice notice-success">
        Merci, votre message a bien été envoyé. Nous reviendrons vers vous rapidement.
      </div>
    <% } %>

    <div class="contact-grid">
      <div class="contact-info">
        <h3>Coordonnées</h3>
        <p><strong>Email&nbsp;:</strong> <a href="mailto:<%= company.email %>"><%= company.email %></a></p>
        <p><strong>Société&nbsp;:</strong> <%= company.legalName %></p>
        <% if (company.address) { %><p><strong>Adresse&nbsp;:</strong> <%= company.address %></p><% } %>
        <div class="notice notice-soft" style="margin-top:1.5rem">
          Pour toute demande liée au jeu responsable, contactez gratuitement
          <strong>Joueurs Info Service&nbsp;: 09&nbsp;74&nbsp;75&nbsp;13&nbsp;13</strong>.
        </div>
      </div>

      <div class="contact-form-wrap">
        <%- include('partials/form-errors', { errors: errors }) %>
        <form action="/contact" method="post" class="form" novalidate>
          <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
          <div class="field">
            <label for="name">Votre nom</label>
            <input type="text" id="name" name="name" required value="<%= values.name || '' %>" maxlength="80" />
          </div>
          <div class="field">
            <label for="email">Votre email</label>
            <input type="email" id="email" name="email" required value="<%= values.email || '' %>" />
          </div>
          <div class="field">
            <label for="message">Votre message</label>
            <textarea id="message" name="message" rows="6" required maxlength="3000"><%= values.message || '' %></textarea>
          </div>
          <button type="submit" class="btn btn-primary">Envoyer le message</button>
        </form>
      </div>
    </div>
  </div>
</section>
