
<div class="container-fluid p-0" id="editImageInfo">
	<form method='POST' action="{{ url_for('edit_img', page=page, bloc=bloc.name, image=image.file) }}" hx-swap="outerHTML" hx-target="#editImg">
      {{ form.csrf_token }}
      <div class="row">
	<div class="col-lg-2 mx-auto my-4 text-center">
	   <img class="img-fluid"  src="/img/thumbnails/{{ image.file }}" alt="{{ image.description }}">
	</div>
	<div class="col-lg-4 mx-auto my-4 text-center">
	  <h3> Titre </h3>
	  {{ form.title(value=image.title,
	  class="form-control form-control-lg text-center") }}
	  <hr class="light my-4">
	  <h3>Sous-titre</h3>
	  {{ form.subtitle(value=image.subtitle, class="form-control text-center") }}
	  <br/>
	  <h3> Catégorie </h3>
	  {{ form.category(value=image.category, class="form-control text-center") }}
	  <hr class="light my-4"> 
	  <h3> Description de votre image </h3>
	  <p> Une description de l'image est utile pour les personnes mal-voyantes et au référecement de votre site </p>
	  {{ form.description(value=image.description, class="form-control text-center") }}
	  <br/>
	  <button class="btn btn-success" type="submit" data-dismiss="modal"
		  	  hx-post="{{ url_for('edit_img', page=page, bloc=bloc.name, image=image.file) }}"
		  hx-swap="outerHTML"
		  hx-target="#editImageInfo"
		  hx-swap="delete"> Valider </button>
	  <button class="btn btn-danger mx-auto" hx-get="{{ url_for('del_image', page=page, bloc=bloc.name, image=image.file) }}"
		  hx-swap="delete"
		  hx-target="#editImageInfo"> Supprimer l'image</button>      
	</div>
      </div>
    </form>
    
</div>

