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

{% block title %}Mon panier{% endblock %}

{% block body %}
<h3>Mon Panier carto/carto.html.twig</h3>
<h2>dans template\carto\carto.html.twig</h2>
<h2> {{ app.user }} </h2>
{% if totalQuantity > 0 %}
    <a href="{{ path('remove_carto') }}" title="Supprimer tous les articles" class="btn btn-outline-danger btn-sm float-right">
        <i class="bi bi-x"></i> 
        Réinitialiser mon panier
    </a>
{% endif %}
{# message si pas utilisateur connecte #}
{% for message in app.session.flashBag.get('info') %}
	{{ message }}
{% endfor %}


 <div class="container mt-4"> 
  {{ form_start(form) }}
   	 
	<div class="row">
			
			<div class="col-md-3">
                {{ form_row(form.arrivalDate) }}
            </div>
			<div class="col-md-3">
                {{ form_row(form.departureDate) }}
            </div>
            
	</div>
	<div class="row">
		<div class="col-md-6">
                {{ form_row(form.submit) }}
        </div>
	</div>
	
	{{ form_end(form) }}
</div>


<table class="table mt-5">
    <thead>
        <tr>
            <th scope="col">Hangar</th>
            <th scope="col">Prix (Jour)</th>
			<th scope="col">Nbre (Jour)</th>
        
           {# <th scope="col">Total</th> #}
            <th scope="col"></th>
        </tr>
    </thead>
    <tbody>
    {% for item in cart %}
        <tr>
            <td class="align-middle">
            {#    <img height="60px" src="/uploads/{{ item.product.image }}" alt="{{ item.product.name }}"> #}
				<img height="60px" src="{{ asset("uploads/") ~ item.product.image  }}" alt="{{item.product.name}}"></a>
                {{item.product.name}}
            </td>
            <td class="align-middle">{{(item.product.price / 100)|number_format(2,',','.') }} €</td>
            <td class="align-middle">
            {#    <a title="Enlever decrease_item" href="{{ path('decreaso_item', {id:item.product.id}) }}"><i class="bi bi-dash"></i></a> #}
            {#    {{ item.quantity }} #}
			{{ totalQuantity }}
            {#    <a title="Ajouter add_to_cart" href="{{ path('addo_to_cart', {id:item.product.id}) }}"><i class="bi bi-plus"></i></a> #}
            </td>
		
			{#  
			<td class="align-middle">{{ totalQuantity }}</td>
            <td class="align-middle"><a title="Supprimer tous les articles de cette ligne" href="{{ path('removoo_cart_item', {id: item.product.id}) }}" class="text-danger"href=""><i class="bi bi-trash"></i></a></td>
			#}
		</tr>
    {% endfor %}
    </tbody>
    <tfoot>
        <th>Total Panier</th>
        <td></td>
        
        <th>{{ (totalPrice * totalQuantity / 100)|number_format(2,',','.') }} €</th>
		
    </tfoot>
</table>

 <a class="mb-3 d-block" href="{{ path('hangar') }}">Changer de hangar</a> 
  
{% if totalQuantity > 0 %}
        <a href="{{ path('horder')}}"title="Valider puis passer au paiement" class="btn btn-outline-success btn-block"></i> Valider mon panier- horder</a>
{% else %}
        Votre panier est vide, remplissez le depuis la page <a href="{{ path('hangar') }}">hangars</a>.
{% endif %}


{% endblock %}