
  <div class="container-fluid p-0">
    <form method='POST' action='/edit/images/{{ bloc.name }}/{{ image.file }}' hx-swap="outerHTML" hx-target="#{{ bloc.name }}">
      {{ form.csrf_token }}
      <div class="row">
	<div class="col-lg-2 mx-auto my-4 text-center">
	   <img class="img-fluid"  src="/static/img/portfolio/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="/edit/images/{{ bloc.name }}/{{ image.file }}"
		  hx-swap="outerHTML"
		  hx-target="#{{ bloc.name }}"> Valider </button>
	  <a class="btn btn-danger mx-auto" href="/edit/images/del/{{ image.nom_fichier }}">Supprimer l'image</a>      
	</div>
      </div>
    </form>
    
</div>

