{% extends 'base.html.twig' %}
{% block stylesheets %}
	{{ parent() }}
	<style>
		.image-container {
			position: relative;
			display: inline-block;
			width: 100%;
		}
		.image-container img {
			display: block;
			width: 100%;
			height: auto;
		}
		.btn-top-right {
			position: absolute;
			top: 10px; /* Ajustez selon vos besoins */
			right: 10px; /* Ajustez selon vos besoins */
		}
		.btn-bottom-right {
			position: absolute;
			bottom: 10px; /* Ajustez selon vos besoins */
			right: 10px; /* Ajustez selon vos besoins */
		}
	</style>
{% endblock %}
{% block body %}
	<div class="container">
		<h1>Editer Bien</h1>
		<div class="row">
			<div class="col-md-6">
				{{ form_start(form) }}
				<button type="submit" class="btn btn-primary">Enregistrer</button>
				<div class="form-group">
					{{ form_label(form.title) }}
					{{ form_widget(form.title, {'attr': {'class': 'form-control'}}) }}
				</div>
				<div class="row">
					<div class="col-6">
						<div class="form-group">
							{{ form_label(form.type) }}
							{{ form_widget(form.type, {'attr': {'class': 'form-control'}}) }}
						</div>
					</div>
					<div class="col-6">
						<div class="form-group">
							{{ form_label(form.status) }}
							{{ form_widget(form.status, {'attr': {'class': 'form-control'}}) }}
						</div>
					</div>
				</div>
				<div class="form-group">
					{{ form_label(form.description) }}
					{{ form_widget(form.description, {'attr': {'class': 'form-control'}}) }}
				</div>
				<div class="form-group">
					{{ form_label(form.address) }}
					{{ form_widget(form.address, {'attr': {'class': 'form-control'}}) }}
				</div>
				<div class="form-group">
					{{ form_label(form.city) }}
					{{ form_widget(form.city, {'attr': {'class': 'form-control'}}) }}
				</div>

				<div class="form-group">
					{{ form_label(form.sold) }}
					{{ form_widget(form.sold, {'attr': {'class': 'form-control'}}) }}
					{{ form_errors(form.sold) }}
				</div>

				<div class="form-group">
					{{ form_label(form.parking) }}
					{{ form_widget(form.parking, {'attr': {'class': 'form-control'}}) }}
				</div>
				<div class="row">
					<div class="col-4">
						<div class="form-group">
							{{ form_label(form.surface) }}
							{{ form_widget(form.surface, {'attr': {'class': 'form-control'}}) }}
						</div>
						{{ form_errors(form.surface) }}
					</div>
					<div class="col-4">
						<div class="form-group">
							{{ form_label(form.bathrooms) }}
							{{ form_widget(form.bathrooms, {'attr': {'class': 'form-control'}}) }}
						</div>
						{{ form_errors(form.bathrooms) }}
					</div>
					<div class="col-4">
						<div class="form-group">
							{{ form_label(form.rooms) }}
							{{ form_widget(form.rooms, {'attr': {'class': 'form-control'}}) }}
						</div>
						{{ form_errors(form.rooms) }}
					</div>
				</div>
				<div class="form-group">
					{{ form_label(form.prestation) }}
					<div class="row">
						{% for choice in form.prestation %}
							<div class="col-6">
								<div class="form-check">
									{{ form_widget(choice, {'attr': {'class': 'form-check-input'}}) }}
									{{ form_label(choice, null, {'attr': {'class': 'form-check-label'}}) }}
								</div>
							</div>
						{% endfor %}
					</div>
				</div>
				<div class="row mb-3">
					{{ form_row(form.files) }}
				</div>

				{{ form_end(form) }}

				<a href="{{ path('app_property_index') }}">Retour</a>
			</div>
			<div class="col-md-6 shadow">
				<button type="button" class="btn btn-secondary" onclick="addFiles()">Ajouter des photos</button>
				<div class="file-list row border" id="file-list"></div>
			</div>
		</div>
	</div>
{% endblock %}
{% block javascripts %}
	<script src="{{ asset('assets/js/uploadfiles.js?v=3') }}"></script>
{% endblock %}