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

{% block style %}
   
     
{% endblock %}

{% block body %}
    <div class="container py-5">
        <div class="text-center mb-5">
            <h1 class="display-4 font-weight-bold">Car' Louage</h1>
            {% if types|length > 1 %}
            <p class="font-italic text-muted mb-0">Choisissez parmis nos <strong>{{ types|length }}</strong>
                modèles</p>
            {% endif %}
            <br />
						
            {{ form_start(form) }}
            <div class="my-custom-class-for-errors">
                {{ form_errors(form) }}
            </div>
            <div class="row justify-content-md-center">
			
                <div class="col-6">
                   {% if isMonthlyRecurring %}
						<p>isMonthly  {{ isMonthlyRecurring }}</p>
					
                        {{ form_row(form.startDate, {'label': 'Choisissez la date de début de location :'}) }} 
						
                     {% else %}
					
						<p>is no Monthly</p>
					
                        {{ form_row(form.startDate, {'label': 'Choisissez une date debut de location :'}) }} 
						{{ form_row(form.endDate, {'label': 'Choisissez la date de fin de location ou pas :'}) }}
					{#	{{ form_row(form.isMonthlyRecurring, {'label': 'Choisissez Mensuel ou pas :'}) }}
						#}
                    {% endif %}
		
					
                </div>
				
            </div>
		
            <div class="row justify-content-md-center my-3">
                <div class="col-3">
                    {% if isMonthlyRecurring == true %}
                        <a href="{{ path('louage_date_init') }}" class="btn btn-warning">Location à des dates précises</a>
                    {% else %}
                        <a href="{{ path('louage_date_reset') }}" class="btn btn-info">Location mensuelle</a>
                    {% endif %}
                </div>
                <div class="col-3">
                    <button class="btn btn-primary" type="submit">
                        Valider {% if isMonthlyRecurring %}la date{% else %}les dates{% endif %} <span class='fa fa-calendar-alt'></span>
                    </button>
                </div>
            </div>
			<div class="row justify-content-center">
                <div class="col-6">
                    {% for message in app.flashes('success') %}
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            {{ message|raw }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    {% endfor %}
                    {% for message in app.flashes('danger') %}
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            {{ message|raw }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    {% endfor %}
                    {% for message in app.flashes('info') %}
                        <div class="alert alert-info alert-dismissible fade show" role="alert">
                            {{ message|raw }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    {% endfor %}
                    {% for message in app.flashes('warning') %}
                        <div class="alert alert-warning alert-dismissible fade show" role="alert">
                            {{ message|raw }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    {% endfor %}
                </div>
            </div>
			
			{{ form_row(form._token) }}
            {{ form_end(form, {render_rest: false}) }}
            {# {{ form_end(form) }} #}
        </div>
		
	
		

        <div class="row pb-5 mb-4" id="grid-types">

            {% if types|length > 0 %}
                {% for type in types %}
                <div class="col-lg-3 col-md-6 mb-4">
                    <!-- Card-->
                    <div class="card rounded shadow-sm border-0">
                        <a href="{{ path('louagetype', {id: type.id})}}" class="text-dark">
                            <div class="card-body p-4">
								<img src="{{  vich_uploader_asset(type, 'imageFile') | imagine_filter('thumb') }}">                                
                                 <h3>
                                 modele :   {{ type.name }}
                                </h3>
                                {% set minimalPrice = 10000 %}
                                {% for v in type.Caros %}
                                    {% if v.price < minimalPrice%}
                                        {% set minimalPrice = v.price %}
                                    {% endif %}
                                {% endfor %}
                                <p class="small font-bold float-right">À partir de
                                    {% if isMonthlyRecurring  %}{{ minimalPrice * 0.9 * 30 }} €/mois{% else %}{{ minimalPrice }} €/jour{% endif %}</p>
                            </div>
                        </a>
                    </div>
                </div>
                {% endfor %}
            {% else %}
            <div class="jumbotron jumbotron-fluid w-100">
                <div class="container">
                    <h1 class="display-4">Oops !</h1>
                    <p class="lead">Aucune voiture disponible ! Des dates différentes peuvent donner de nouveaux résultats!</p>
                </div>
            </div>
            {% endif %}

            
        </div>
    </div>
{% endblock %}