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

{% block script %}
  {{ parent() }}
  <script src="{{ asset('assets/libs/tinymce/tinymce.min.js') }}" data-turbo-track="reload"></script>
{% 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">Modèles de contrat</h2>
              <p class="text-muted mb-0">Retrouvez vos modèles de contrat pour générer plus facilement les documents</p>
            </div>
          </div>

          <div class="card">
              
                <div class="card-body">
                  <h6>Modèle de convention</h6>

                  <form
                    id="addModele"
                    class="form-horizontal needs-validation"
                    data-controller="modele-editor"
                    data-modele-editor-update-url-value="{{ path('modele_update') }}"
                    data-modele-editor-redirect-url-value="{{ path('projet_view_modeles', { id: projet.idtoken }) }}?tab=modele"
                    novalidate=""
                  >
                    <div class="text-end mb-2">
                        <button type="button" class="btn btn-primary" data-action="modele-editor#save">
                          Enregistrer
                        </button>
                      </div>
            
                    <div class="form-group mb-3 p-3 pt-0">
                      <input type="text" class="form-control" data-field="titre" id="titre" placeholder="Titre du modèle" value="{{modele.titre}}" data-modele-editor-target="title" required />
                    </div> 

                    <div class="form-group mb-3 p-3 pt-0">
                      
                      <input type="hidden" data-field="modeleId" id="modeleId" value="{{modele.idtoken}}" />
                      <textarea class="form-control tinymce" rows="3" data-field="contenu" id="contenu" data-id="{{modele.idtoken}}" data-route="{{path('modele_update')}}" data-modele-editor-target="content">{{modele.contenu}}</textarea>
                    </div>     
                    <div class="text-end mb-2">
                        <button type="submit" class="btn btn-primary" data-action="modele-editor#save">
                          Enregistrer
                        </button>
                      </div>
                  </form>

                </div>
            </div>
          </div>
        </div>
      </div>
{% endblock %}