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

{% block title %}Categorie :
	{{ category.nom}}
{% endblock %}

{% block body %}
<div class="container" style="padding-top: 3rem">
	<ol class="breadcrumb">
		<li class="breadcrumb-item">
			<a href="{{ path('app_home') }}">Accueil</a>
		</li>
		<li class="breadcrumb-item active">{{ category.nom }}</li>
	</ol>
</div>
	<div class="container">
		<h1>Catégorie : {{category.nom }}</h1>
		<div class="row">
			{% if category.annonces is defined %}
				{% for annonce in category.annonces %}
					<div class="col-md-4 mt-4">
						<div class="card bg-light mb-3 rounded ">
							<div class="card-header text-center">
								{{ annonce.rooms }}
								chambres,
								<strong>{{ annonce.price | number_format(2, ',', ' ') }}DZD / nuit</strong>
								<br>
							</div>
							<img  src="{{ asset('/uploads/imagesAnnonce/'~annonce.coverImage) }}" alt="Image de l'appartement" style="height: 200px; width: 100%; display: block">
							<div class="card-body">
								<h4 class="card-title">
									{{ annonce.titre }}
								</h4>
								<p class="card-text">
									{{ annonce.introduction }}
								</p>
								<a href="{{ path('app_annonce_show', { 'category_slug' : annonce.category.slug, 'slug': annonce.slug}) }}" class="btn btn-primary">En savoir plus !</a>

								{% if app.user and app.user == annonce.user %}
									<a href="#" class="btn btn-secondary">Modifier l'annonce</a>
								{% endif %}
							</div>
						</div>
					</div>
				{% endfor %}
			{% endif %}
		</div>
	</div>
{% endblock %}