{% extends "base.html" %}
{% block titre %}Nouveau voyage{% endblock %}
{% block contenu %}
<h1>Nouveau voyage</h1>
<form id="formulaire" class="formulaire" hx-post="{{ base }}/nouveau" hx-target="#formulaire" hx-select="#formulaire" hx-swap="outerHTML">
  {% if erreur %}<div class="erreur">{{ erreur }}</div>{% endif %}
  <label>Titre
    <input name="titre" value="{{ form.titre[0] if form and form.titre else '' }}" placeholder="Été 2027 en Écosse" autofocus>
  </label>
  <label>Nom du dossier
    <input name="dossier" required value="{{ form.dossier[0] if form and form.dossier else '' }}" placeholder="Ete-2027">
    <span class="aide">Il apparaît dans l'adresse des pages : évitez espaces et accents.</span>
  </label>
  <label>Moto
    <input name="moto" value="{{ form.moto[0] if form and form.moto else '' }}" placeholder="facultatif">
  </label>
  <fieldset>
    <legend>Rubrique</legend>
    <label class="choix"><input type="radio" name="groupe" value="" checked> Voyages <span class="aide">(dossier à la racine du site, affiché sur la carte globale)</span></label>
    {% for g in groupes %}
    <label class="choix"><input type="radio" name="groupe" value="{{ g }}"> {{ g }}</label>
    {% endfor %}
    <label class="choix">Nouvelle rubrique : <input name="groupe_nouveau" placeholder="Balades"></label>
  </fieldset>
  <p><button class="principal">Créer le voyage</button> <a href="{{ base }}/">Annuler</a></p>
  <p class="aide">Le dossier est créé avec un <code>voyage.toml</code>. Vous indiquerez ensuite où sont les traces, les vidéos et les photos : elles restent où elles sont.</p>
</form>
{% endblock %}