{% 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="card card-body py-3">
        <div class="row align-items-center">
          <div class="col-12">
            <h5>Paramètres du projet</h5>
            <div class="d-sm-flex align-items-center justify-space-between">
              <a href="{{ path('app_index') }}" class="p-2">
                <iconify-icon icon="solar:home-2-broken" class="fs-6"></iconify-icon>
              </a> >
              <a href="{{ path('projet_index') }}" class="p-2">Projets</a> >
              <a href="{{ path('projet_view', { id: projet.idtoken }) }}" class="p-2">{{ projet.titre }}</a> >
              <a href="{{ path('projet_view_parametres', { id: projet.idtoken }) }}" class="p-2">Paramètres</a>
            </div>
          </div>
        </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('') }}">
                </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('') }}">
                </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('') }}">
                </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 %}