{% extends 'layouts/base.html.twig' %}
{% block title %}Liste des biens
{% endblock %}

{% block body %}
	{# <div class="row justify-content-center"> #}
	<div class="container position-relative d-flex align-items-center">
		<div class="row py-2 bg-light rounded shadow-sm">
			<h1>Biens</h1>
			{# <div class="table-wrapper"> #}
			{% if properties %}
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th scope="row">#</th>
							<th scope="col" class="original-col">Nom</th>
							<th scope="col" class="merged-col">Nom</th>
							<th scope="col" class="original-col">Type</th>
							<th scope="col" class="original-col">Adresse</th>
							<th scope="col" class="original-col">Quartier</th>
							<th scope="col" class="original-col">Ville</th>
							<th scope="col" class="original-col">Pays</th>
							<th scope="col" class="merged-col">Quartier, Ville, Pays</th>
							<th scope="col" class="original-col">Description</th>
							<th scope="col" class="original-col text-end">Prix</th>
							<th scope="col" class="original-col">Statut</th>
							<th scope="col" class="original-col">Actions</th>
							<th scope="col" class="merged-col">Actions</th>
						</tr>
					</thead>
					<tbody>
						{% for property in properties %}
							<tr>
								<th scope="row">{{ property.id }}</th>
								<td class="original-col">
									<a class="link-primary" href="{{ path('app_property_show', {'id': property.id}) }}">{{ property.name }}</a>
								</td>
								<td class="merged-col">
									<a class="link-primary" href="{{ path('app_property_show', {'id': property.id}) }}">{{ property.name }}</a>
								</td>
								<td class="original-col">{{ property.type }}</td>
								<td class="original-col">{{property.address}}</td>
								<td class="original-col">{{ property.quarter }}</td>
								<td class="original-col">{{ property.city }}</td>
								<td class="original-col">{{ property.country }}</td>
								<td class="merged-col">{{ property.quarter }}<br>
									{{ property.city }}<br>
									{{ property.country }}</td>
								<td class="original-col">{{ property.description }}</td>
								<td class="original-col text-end">{{ property.price|number_format(0, '.', ' ') }}</td>
								<td class="original-col">{{ property.availabilityStatus }}</td>
								<td class="original-col">
									<a href="{{ path('app_property_show', {'id': property.id}) }}" class="btn btn-sm btn-info">Détails</a>
									<a href="{{ path('app_property_edit', {'id': property.id}) }}" class="btn btn-sm btn-warning">Modifier</a>
								</td>
								<td class="merged-col">
									<a href="{{ path('app_property_edit', {'id': property.id}) }}" class="btn btn-sm btn-warning">Modifier</a>
								</td>
							</tr>
						{% endfor %}
					</tbody>
				</table>
			{% else %}
				<li class="list-group-item">Aucun bien trouvé</li>
			{% endif %}
			<i class="bi bi-plus">
				<a href="{{ path('app_property_new') }}">Ajouter un bien</a>
			</i>
		</div>
	</div>
	{# </div> #}
{% endblock %}