<section id="contact" id="{{ bloc.name }}">
  <div class="container" id="{{ bloc.name }}" hx_swap="beforeend">
    <form method='POST'  action="/edit/{{ bloc.name }}" hx-post='/edit//{{ bloc.name }}' hx-swap="outerHTML" hx-target="#{{ bloc.name }}" >
      {{ form.csrf_token }}
       {% include 'edit-tools/_form-base.html' %}
      <div class="row">
        <div class="col-lg-8 mx-auto text-center">
          {{ form.title(col=5, value=bloc.title,
          class="form-control form-control-lg text-center") }}
          <hr class="my-4">
          <textarea class="form-control text-center" id="text" name="text"> {{ bloc.text }} </textarea> 
	</div>
      </div>

      <div class="row">
	<div class="col-lg-4 ml-auto text-center">
	  <i class="fa fa-phone fa-3x mb-3 sr-contact"></i>
	  {{form.phone(col=3,value=bloc.phone,
	  class="form-control form-control-lg text-center")}}
	</div>
	<div class="col-lg-4 mr-auto text-center">
	  <i class="fa fa-envelope-o fa-3x mb-3 sr-contact"></i>
	  
	  {{form.email(col=5,value=bloc.email,
	  class="form-control obfuscate form-control-lg text-center")}}
	  
	</div>
	<div class="col-lg-8 mx-auto text-center">
	  <br/> <br/>
	  <label> {{ form.address.label }} </label>
	  <p class="mb-2"> {{ form.address(col=5, value=bloc.address,
	    class="form-control form-control-lg text-center") }} </p>
	  <div class="row">
	    <div class="col-lg-4 ml-auto text-center">
	      <label> {{ form.postal_code.label }} </label>
	      {{ form.postal_code( value=bloc.postal_code,
	      class="form-control form-control-lg-3 text-center") }}
	    </div>
	    <div class="col-lg-4 mr-auto text-center">
	      <label> {{ form.city.label }} </label>
	      {{ form.city( value=bloc.city,
	      class="form-control form-control-lg-3 text-center") }}
	    </div>
	  </div>
	  <br/>
	  {% include 'edit-tools/_btn-save-cancel.html' %}
	 
	</div>
      </div>
    </form>
  </div>
</section>
{% include 'edit-tools/_disable-modify-button.html' %}
