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

{% block title %}Vos réservations
{% endblock %}

{% block body %}

	<div class="container">
		<h1 class="my-5">Mes réservations</h1>
		{% if app.user.reservations | length > 0 %}
			<div class="alert alert-info mt-3">
				<h2> {{ app.user.reservations | length }} Réservations  :
				</h2>
			</div>
			{% for reservation in app.user.reservations %}
				{% set annonce = reservation.annonce %}
				<div class="row mt-5">
					<div class="col-md-4">
						<img src="{{ asset('/uploads/imagesAnnonce/'~annonce.coverImage) }}" alt="Photo de l'annonce {{annonce.titre}}" class="img-fluid">
						<div class="mt-3">
							{% set comment = annonce.commentFromUser(app.user) %}
							{% if comment is not null %}
								<strong>Note donnée :
								</strong>
								{% include 'includes/rating.html.twig' with {'rating': comment.rating} %}
							{% else %}
								Vous n'avez pas encore donné de note
								<a href="{{ path('app_reservation_show', {'reference': reservation.reference}) }}#comment">Je donne mon avis !</a>
							{% endif %}
						</div>
					</div>
					<div class="col-md-6">
						<h4>{{annonce.titre}}</h4>
						<p>
							Réservation
							<strong>n°{{reservation.id}}</strong><br>
							Du
							{{reservation.startAt|date('d/m/Y')}}
							au
							{{reservation.endAt|date('d/m/Y')}}
							({{reservation.amount | number_format(2, ',', ' ')}}
							DZD)
						</p>
						<a href="{{ path('app_reservation_show', {'reference': reservation.reference}) }}" class="btn btn-info">Plus d'informations</a>	
					</div>
					<div class="col-md-2">
						{% if reservation.status == constant('App\\Entity\\Reservation::STATUS_PENDING') %}
							<h6><span class="badge badge-info ml-2">En attente</span></h6>
						{% endif %}
						{% if reservation.status == constant('App\\Entity\\Reservation::STATUS_VALIDATION') %}
							<h6><span class="badge badge-success ml-2">Validée</span></h6>
						{% endif %}
						{% if reservation.status == constant('App\\Entity\\Reservation::STATUS_CANCELATION') %}
							<h6><span class="badge badge-danger ml-2">Annulée</span></h6>
						{% endif %}
					</div>
				</div>
			{% endfor %}
		{% else %}
			<div class="alert alert-info mt-3">
				<h5>Vous n'avez pas encore fait de réservations 😥 !</h5>
			</div>
		{% endif %}
	</div>
{% endblock %}