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

<div class="head-row">
  <h1><%= avantage ? 'Modifier l\u2019avantage' : 'Ajouter un avantage' %></h1>
  <a class="link" href="/admin/avantages">← Retour</a>
</div>

<form class="adm-form" method="post"
      action="<%= avantage ? '/admin/avantages/' + avantage.id : '/admin/avantages' %>">

  <label>Titre *
    <input name="titre" required value="<%= avantage ? avantage.titre : '' %>" placeholder="Ex : Piscine olympique">
  </label>

  <label>Texte
    <textarea name="texte" rows="3" placeholder="Courte description de l'avantage…"><%= avantage ? avantage.texte : '' %></textarea>
  </label>

  <label>Icône
    <select name="icon">
      <% icons.forEach(function(ic){ %>
        <option value="<%= ic[0] %>" <%= (avantage && avantage.icon === ic[0]) ? 'selected' : '' %>><%= ic[1] %></option>
      <% }) %>
    </select>
  </label>

  <div class="grid2">
    <label>Ordre d'affichage
      <input type="number" name="position" value="<%= avantage ? avantage.position : 0 %>">
    </label>
    <label class="check">
      <input type="checkbox" name="actif" <%= (!avantage || avantage.actif) ? 'checked' : '' %>>
      Afficher sur le site
    </label>
  </div>

  <div class="form-actions">
    <button class="btn" type="submit">Enregistrer</button>
    <a class="link" href="/admin/avantages">Annuler</a>
  </div>
</form>

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