<div class="container mt-5 py-5 pb-5" style="width:100%;">
	<form method='POST'  action='/edit/{{ bloc.name }}' enctype="multipart/form-data" hx-swap="outerHTML" hx-target="#{{ bloc.name }}" hx-encoding="multipart/form-data"> 
      {{ form.csrf_token }}
      <div class="row">

        <div class="col-lg-10 form-group mx-auto">
	  {% include 'edit-tools/_form-base.html' %}
	  {{ form.title(value=bloc.title,
          class="form-control form-control-lg text-center text-uppercase")
          }}
          {% for error in form.title.errors %}
          <span style="color: red;">{{ error }}</span>
          {% endfor %}
          <hr>
        </div>
        <div class="col-lg-10 form-group mx-auto">
         {% set f = form.text.process_data(bloc.text) %}
         {% include 'edit-tools/_editor-wysiwyg.html' %}

	 {% for error in form.text.errors %}
          <span style="color: red;">{{ error }}</span>
          {% endfor %}
	</div>
          <br/>
          <div class="col-lg-10 form-group mx-auto">
		  <h4> Texte du bouton </h4>
            {{ form.text_button(value=bloc.text_button,
            class="form-control text-center") }}
            {% for error in form.text_button.errors %}
            <span style="color: red;">
              {{ error }}</span>
	    {% endfor %}
	    <h4> cible du bouton #bloc ou un lien (https://exemple.com) </h4>
	    {{ form.link(value=bloc.link, class="form-control text-center") }}
	    <br />
	    <div class="col-lg-10 form-group mx-auto">
		<h4> Image d'arrière plan </h4>
	        {{ form.image(class="form-control" ) }}
          </div>
	  {% include 'edit-tools/_btn-save-cancel.html' %}
        </div>
      </div>
    </form>
  </div>
  {% include 'edit-tools/_disable-modify-button.html' %}
