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

{% block body %}
						
    <div class="container py-5" xmlns="http://www.w3.org/1999/html">
        <div class="row pb-5 mb-4">
            <div class="col">
                <!-- Card-->
                <div class="card rounded shadow-sm border-0">
                    <div class="card-body p-4">
                        
                        <div class='row align-items-center'>
                            <div class="col-8">
                            <img src="{{  vich_uploader_asset(type, 'imageFile') | imagine_filter('thumb') }}" class="img-fluid d-block mx-auto mb-3" alt="">
							</div>
                            <div class="col-4">
                                <h5>{{ type.name }}</h5>
                                {% if Caros|length > 1 %}
                                    <p class="small text-muted font-italic"><strong>{{ Caros|length }}</strong> disponibles</p>
                                {% else %}
                                    <p class="small text-muted font-italic"><strong>{{ Caros|length }}</strong> disponible</p>
                                {% endif %}
                            </div>
                        </div>
						<h4>Departement : {{ departement }}</h4>
                        <div class="row align-items-center">
                            {% if isMoisRecurring %}
                                <div class="jumbotron w-100">
                                    <div class="container">
                                        <h4 class="display-4">Location mensuelle</h4>
                                        <p class="lead">Un paiement chaque mois, réservé pour vous pour une durée indéterminé, annulable à partir du premier mois! </p>
                                           
										   {% if savedDatesStart|date('d-m-Y') is not empty %}
                                               <span>A partir du {{ savedDatesStart|date('d-m-Y') }}</span>
                                            {% endif %}
												
                                            <span> days : {{ days }}</span>
                                            
												
                                            </div>
                                        </div>
                                    {% else %}
                                        <div class="jumbotron w-100">
                                            <div class="container">
                                                <h1 class="display-5">Location personalisée</h1>
                                                <p class="lead">Profiter d'une location à des dates précises, qui convient à tous, à partir d'un jour!</p>
                                            
											<span>Location du <strong>{{ savedDatesStart|date('Y-m-d') }}</strong> au <strong>{{ savedDatesEnd|date('Y-m-d') }}</strong></span>
											
											
											<p><span> days : {{ days }}</span></p>
										
											</div>
                                        </div>
                                    {% endif %}
                            </div>
                            <div class="jumbotron w-100">
                                <div class="container">
                                                
                                    <p class="lead"> {% if app.user is not empty %}
										Bienvenue  {{ app.user.name }}	
                                        {% endif %}    </p>
                        												
                                </div>
                            </div>
						
						{% if app.user is empty %}    
							<div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="NeedLoginLabel">Veuillez vous connecter</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            La réservation d'un hangar nécessite un compte utilisateur.
                                        </div>
                                        <input name="hiddenDate" class="currentDate" type="hidden" hidden>
                                        <div class="modal-footer">
                                            <a href="{{ path('louage_index') }}" class="btn btn-outline-secondary">Annuler</a>
                                            
                                           {# <a href="{{ path('app_login') }}" class="btn btn-primary">Connexion/Inscription</a> #}
											<a href="{{ path('app_login') }}" class="btn btn-primary">Connexion/Inscription</a>
                                        </div>
                                    </div>
							</div>
                        {% endif %} 
                        <div class="container-fluid py-5">

                            {% for message in app.flashes('success') %}
                                <div class="alert alert-success">
                                    {{ message|raw }}
                                </div>
                            {% endfor %}
							{% for message in app.flashes('info') %}
                                <div class="alert alert-info">
                                    {{ message|raw }}
                                </div>
                            {% endfor %}
							{% for message in app.flashes('warning') %}
                                <div class="alert alert-warning">
                                    {{ message|raw }}
                                </div>
                            {% endfor %}
                            {% for message in app.flashes('danger') %}
                                <div class="alert alert-danger">
                                    {{ message|raw }}
                                </div>
                            {% endfor %}
	

                            {% for car in Caros %}
                            <hr>
                            <div class="row">
                                <div class="col-md-12">
                                    <form id="hangar_{{ car.id }}" action="{{ path('location_louer', {'id': car.id} ) }}" method="post">
																				
                                        <label for="date_{{ car.id }}" hidden></label>
                                        <input id="date_{{ car.id }}" name="date" class="inputDate" hidden>
                                        <h3>Info :
                                            {{ car.departement }} -  {{ car.adresse }}
                                        </h3>
										<h3>Modele :
                                            {{ type.name }} - {{ car.price }} euros /jour
                                        </h3>
										
                                    {# <p class="small text-muted">Loueur: <a href="renter.html"> {{ car.renter.name }} </a></p> #}
                                        
                                        <div class="row">
                                            <div class="col-md-4">
										<div class="col-md-4">
										<img src="{{  vich_uploader_asset(car, 'imageFile') | imagine_filter('thumb') }}" class="img-fluid d-block mx-auto mb-4" alt="">
												                                            
                                            </div>
																			
                                            </div>
                                            <div class="col-md-4">
											{#<div class="col-md-6">{{form_row(form.adresse)}}</div>#}
                                                <dl>
                                                    {% for key, descr in car.features %}
                                                        <dt>
                                                            {{ key }} -  {{ descr }}
                                                        </dt>
                                                                                                               
                                                    {% endfor %}
                                                </dl>
                                            </div>
                                            
											<div class="col-md-4">

                                                <!-- Confirmation -->
                                        
                                                    <div class="modal-dialog" role="document">
                                                        <div class="modal-content">
                                                            <div class="modal-header">
                                                                <h5 class="modal-title" id="BuyM_{{ car.id }}">Confirmation de location</h5>
                                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                    <span aria-hidden="true">&times;</span>
                                                                </button>
                                                            </div>
                                                            <div class="modal-body">
                                                                Ce hangar vous sera facturé
																
                                                                {% if isMoisRecurring %}
                                                                   
																	<strong>{{ car.price * 0.9 * 30}}€/mois</strong>
                                                                     à partir
																	
                                                                    {% if ( savedDatesStart|date('Y-m-d')) is empty %}
                                                                        d'aujourd'hui
                                                                    {% else %}
                                                                        du {{ (savedDatesStart|date('Y-m-d')) }}

                                                                    {% endif %}
                                                                {% elseif days >= 30 %}
                                                                    <strong>{{ car.price * 0.9 * days }} €</strong> du
                                                                    {{ savedDatesStart|date('Y-m-d') }} au {{ savedDatesEnd|date('Y-m-d') }}
                                                                {% else %}
                                                                    <strong>{{ car.price * days }} €</strong> du
                                                                    {{ savedDatesStart|date('Y-m-d') }} au {{ savedDatesEnd|date('Y-m-d') }}
																	
																{% endif %}
																
                                                            </div>
                                                            <div class="modal-footer">
                                                                <a href="{{ path('louage_index') }}" class="btn btn-outline-secondary">Annuler</a>
                                                            
                                                                <input type="submit" class="btn btn-primary validateLocation" value="Confirmer">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                          
                                        </div>
                                    </form>
                                </div> 
                            </div>
                            {% endfor %}
                     
                         
                            </div>

                      
                    </div>
                </div>
            </div>
        </div>
        <a href="{{ path('louage_index') }}">Accueil</a>
    </div>


{% endblock %}