{% extends '@App/partials/base.html.twig' %}

{% block head_extra %}
  <meta name="turbo-visit-control" content="reload">
{% endblock %}

{% block content %}
  <div class="body-wrapper">
    <div class="container-fluid">

    <div class="d-flex flex-wrap align-items-start justify-content-between gap-2 mb-4">
      <div>
        <h2 class="mb-1 fw-bold">Paramètres du projet</h2>
        <p class="text-muted mb-0">Personnalisez le cadre de votre projet pour structurer sa gestion et assurer un suivi plus fluide au quotidien</p>
      </div>

    </div>

      <div class="card">
        <div class="card-body">
          <div class="row">
            <div class="col-md-12">
              <div class="mb-3">
                <h6>Paramètres des conventions</h6>
                Ces paramètres servent à personnaliser vos conventions et à automatiser leur numérotation.</br/>
                Les préfixes permettent de distinguer mécénat/sponsoring, et le numéro en cours initialise la prochaine convention
              </div>
            </div>
          </div>

          <form
            class="form-horizontal r-separator needs-validation"
            method="post"
            action="{{ path('projet_parametres_update', { id: projet.idtoken }) }}"
            data-controller="form"
            data-action="turbo:submit-start->form#submitStart turbo:submit-end->form#submitEnd turbo:submit-error->form#submitError"
            data-turbo="false"
            novalidate
          >
            <div class="row">
              <div class="col-md-6">
                <div class="mb-3">
                  <label class="form-label" for="lieu_projet">Lieu du projet</label>
                  <input type="text" class="form-control" id="lieu_projet" name="lieu_projet" data-field="lieu_projet" value="{{ parametres.lieu_projet|default('') }}">
                </div>
              </div>
              <div class="col-md-6">
                <div class="mb-3">
                  <label class="form-label" for="numero_convention">Numéro de convention en cours</label>
                  <input type="number" min="0" step="1" class="form-control" id="numero_convention" name="numero_convention" data-field="numero_convention" value="{{ parametres.numero_convention|default(1) }}">
                </div>
              </div>
              <div class="col-md-6">
                <div class="mb-3">
                  <label class="form-label" for="prefixe_mecenat">Préfixe conventions mécénat</label>
                  <input type="text" class="form-control" id="prefixe_mecenat" name="prefixe_mecenat" data-field="prefixe_mecenat" value="{{ parametres.prefixe_mecenat|default('CONV_MECENAT') }}">
                </div>
              </div>
              <div class="col-md-6">
                <div class="mb-3">
                  <label class="form-label" for="prefixe_sponsoring">Préfixe conventions sponsoring</label>
                  <input type="text" class="form-control" id="prefixe_sponsoring" name="prefixe_sponsoring" data-field="prefixe_sponsoring" value="{{ parametres.prefixe_sponsoring|default('CONV_SPONSORING') }}">
                </div>
              </div>
              <div class="col-md-12">
                <div class="mb-3">
                  <label for="footer_convention" class="col-form-label">Pied de page du document de la convention</label>
                  <textarea
                    class="form-control"
                    id="footer_convention"
                    data-controller="tinymce"
                    data-field="footer_convention"
                    name="footer_convention"
                  >{{ parametres.footer_convention|default('') }}</textarea>
                </div>
              </div>
            </div>

            <div class="text-end">
              <button type="submit" class="btn btn-primary">Enregistrer</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
{% endblock %}