<%- include('partials/header') %>

<div class="head-row">
  <h1>Contenu du site</h1>
  <a class="link" href="/" target="_blank" rel="noopener">Voir le site ↗</a>
</div>

<% if (saved) { %><p class="saved-note">✓ Modifications enregistrées.</p><% } %>
<p class="muted">Modifiez ici les textes affichés sur le site. Les changements sont visibles immédiatement après enregistrement (rechargez la page du site).</p>

<form class="adm-form" method="post" action="/admin/contenu">

  <h2 class="form-section">Accueil</h2>
  <label>Surtitre (hero)
    <input name="hero_kicker" value="<%= content.hero_kicker || '' %>">
  </label>
  <label>Phrase d'accroche (hero)
    <textarea name="hero_lead" rows="2"><%= content.hero_lead || '' %></textarea>
  </label>

  <h2 class="form-section">La résidence</h2>
  <label>Texte de présentation
    <textarea name="residence_text" rows="4"><%= content.residence_text || '' %></textarea>
  </label>

  <h2 class="form-section">Localisation</h2>
  <label>Texte
    <textarea name="loc_text" rows="3"><%= content.loc_text || '' %></textarea>
  </label>
  <label>Adresse affichée
    <input name="loc_address" value="<%= content.loc_address || '' %>">
  </label>

  <h2 class="form-section">Coordonnées (section contact)</h2>
  <label>Adresse
    <input name="contact_address" value="<%= content.contact_address || '' %>">
  </label>
  <div class="grid2">
    <label>Téléphone 1
      <input name="contact_phone1" value="<%= content.contact_phone1 || '' %>">
    </label>
    <label>Téléphone 2
      <input name="contact_phone2" value="<%= content.contact_phone2 || '' %>">
    </label>
  </div>
  <label>Email
    <input name="contact_email" value="<%= content.contact_email || '' %>">
  </label>
  <label>Horaires
    <input name="contact_hours" value="<%= content.contact_hours || '' %>">
  </label>

  <div class="form-actions">
    <button class="btn" type="submit">Enregistrer</button>
  </div>
</form>

<%- include('partials/footer') %>
