{% extends 'base.html.twig' %}

{% block title %}Gestion des annonces
{% endblock %}

{% block body %}

	<div class="container">
		<div class="row">
			<div class="col">

				<h1 class='h3 text-dark mt-4'>Dépot d'une annonce</h1>


				{{ form_start(form, {attr: {'novalidate': 'novalidate'}}) }}

				{{ form_label(form.localisation,'Choisir votre emplacement',{'label_attr': {'class': 'form-label my-2'}}) }}
				{{ form_widget(form.localisation,{'attr': {'class': 'form-control'}}) }}
				<div class="form-error">{{ form_errors(form.localisation) }}</div>

				{{ form_label(form.type,'Choisir le type de bien',{'label_attr': {'class': 'form-label my-2'}}) }}
				{{ form_widget(form.type) }}
				<div class="form-error">{{ form_errors(form.type) }}</div>

				{{ form_label(form.blabla,'Rédiger votre annonce',{'label_attr': {'class': 'form-label my-2'}}) }}
				{{ form_widget(form.blabla,{'attr': {'class': 'form-control'}}) }}
				<div class="form-error">{{ form_errors(form.blabla) }}</div>

				{{ form_label(form.photos,null,{'label_attr': {'class': 'form-label my-2'}}) }}
				{{ form_widget(form.photos,{'attr': {'class': 'form-control'}}) }}
				<div class="form-error">{{ form_errors(form.photos) }}</div>

				{% for photo in ano.photos %}

					<div class='mt-2'>
						<img src="{{ asset('assets-static/photos/uploads/' ~ photo.name)}}" alt="mes photos" width='150'>
						<a href="{{ path('app_annonces_delete_photo',{id:photo.id})}}" class='btn btn-primary mx-4' data-delete data-token={{ csrf_token('delete' ~ photo.id)}}>Supprimer</a>
					</div>

				{% endfor %}

				<div class="form-error">{{ form_errors(form) }}</div>

				<div>
					<button class='btn btn-primary mt-4' type='submit'>Je sauvegarde</button>
				</div>

				{{ form_end(form) }}

			</div>
		</div>
	</div>

{% endblock %}

{% block javascripts %}
	{{ parent() }}
	<script defer src="{{asset('assets-static/photos/photo.js')}}"></script>
{% endblock %}