{% 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="card card-body py-3">
            <div class="row align-items-center">
              <div class="col-12">
                <h5>Modèles de contrat</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_modeles', {'id': projet.idtoken})}}" class="p-2">Modèle de contrat </a>
                  
                </div>
              </div>
            </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" />
                    </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="button" class="btn btn-primary" data-action="modele-editor#save">
                          Enregistrer
                        </button>
                      </div>
                  </form>

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