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

{% block title %}Liste des biens
{% endblock %}

{% block body %}

	<div class="container">
		<h2>Liste des biens</h2>
		<div class="list-group">
			{% for property in properties %}
				<div class="row list-group-item clearfix d-flex align-items-center">
					<div class="col-md-2">
						<h3>
							{% if property.photos|length %}
								{% set mainImage = property.photos[0].filepath %}
								<img style="width: 200px; height: 200px; object-fit: cover;" class="img-fluid rounded me-3" src="{{ path('app_property_readphoto', {'path':mainImage}) }}">
							{% else %}
								<img style="width: 200px; height: 200px; object-fit: cover;" class="img-fluid rounded me-3" src="{{ asset('assets/img/property-0.jpg') }}">
							{% endif %}
						</h3>
					</div>
					<div class="col-md-10">
						<h3 class="mb-1">
							{{ property.title }}
							{% if (property.currentPromotion) %}
								<span class="badge bg-secondary float-end">
									{{ property.currentPromotion }}
								</span>
								<span class="bg-warning rounded me-3 fs-6 float-end">
									jusqu'au
									{{ property.currentPromotion.endDate|date('d/m/Y') }}&nbsp;
								</span>
							{% endif %}
						</h3>
						<p class="mb-2">
							{{ property.description }}
							<br/>
							<a href="{{ path('app_property_show', {'id': property.id }) }}">
								<span>Détails&#8230;</span>
							</a>
						</p>
					</div>
					<div class="btn-toolbar justify-content-end" role="toolbar">
						<div class="btn-group me-2">
							<button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
								<i class="bi bi-list"></i>
							</button>
							<ul class="dropdown-menu">
								<li>
									<a class="dropdown-item" href="{{ path('app_property_promo', {'id': property.id}) }}">Promouvoir</a>
								</li>
								<li><hr class="dropdown-divider"></li>
								<li>
									<a class="dropdown-item" href="{{ path('app_property_edit', {'id': property.id}) }}">Modifier</a>
								</li>
								<li>
									<a class="dropdown-item" href="#">Another list</a>
								</li>
								<li>
									<a class="dropdown-item" href="#">Third list</a>
								</li>
							</ul>
						</div>
						<div>
							<a href="{{ path('app_property_promo', {'id': property.id}) }}">Promotion</a>
							<a href="{{ path('app_property_show', {'id': property.id }) }}" class="btn btn-primary ms-2 disabled">{{ property.sold|number_format(0, '.', ' ') }}&nbsp;XAF</a>
						</div>
					</div>
				</div>
			{% else %}
				<div class="row list-group-item clearfix d-flex align-items-center">
					Aucun bien trouvé
					<br>
					<a href="{{ path('app_property_new') }}" class="btn btn-primary">
						Nouveau bien
					</a>
				</div>
			{% endfor %}
		</div>
	</div>
{% endblock %}