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

{% block title %}Panier - Cahiers d'exercice
{% endblock %}

{% block body %}
	<div class="container book-main">
		{% include 'book/components/_title.html.twig' %}
		{% include 'book/components/_menu.html.twig' %}
		<div class="card form-card form-card-buy form-noheading">
			<div class="flex vertical centered">
				<h2 class="underlined centered">{% if cart.count() == 0 %}Panier vide{% else %}Panier  ({{ cart.count() }}){% endif %}</h2>
			</div>
                {% if cart.count() == 0 %}
                    <p class="pt16 pb32 text-centered">Votre panier est vide pour le moment!</p>
                    <div class="flex centered m-vertical m-v-centered">
                    <a href="{{ path('app_book_subscribe') }}" class="btn is-anim-s is-primary m-mr0 mr16 m-mb16">S'abonner</a>
                    <a href="{{ path('app_book_history') }}" class="btn is-anim-s is-secondary">Voir nos ancien cahiers</a>
                    </div>
                {% else %}
                        <div class="base-content pt48 m-pt8 book-recap">
                            <p class="pb32 m-pb8 text-centered">Récapitulatif de votre commande:</p>
                            <hr>
                            {% for item in cart.getItems() %}
                            <div class="line">
                                <div class="actions">
                                    <a class="btn is-xs is-icon is-white is-anim-s" href="{{ path("app_book_cartremove", {id: item.id}) }}">{{ svg_assets("cart/trash.svg") }}</a>
                                </div>
                                <div class="info">
                                    <span>{{ item.name }}</span>
                                    <span>{{ item.description }}</span>
                                </div>
                                <div class="price">
                                    <span>{{ item.price|readeablePrice }}</span>
                                    <span>dont {{ item.tax|readeablePrice }} de TVA</span>
                                </div>
                            </div>
                            <hr>
                            {% endfor %}
                            <div class="subline">
                                <span>Sous-total</span>
                                <strong>{{ cart.subtotal|readeablePrice }}</strong>
                            </div>
                            <div class="subline">
                                <span>T.V.A.</span>
                                <strong>{{ cart.tax|readeablePrice }}</strong>
                            </div>
                            <div class="subline">
                                <span>Total</span>
                                <strong>{{ cart.grandTotal|readeablePrice }}</strong>
                            </div>
                            <hr>
                            <div class="flex pt16 centered m-vertical m-v-centered">
                                <a href="{{ path("app_book_history") }}" class="btn is-secondary is-anim-s m-mr0 mr16 m-mb16">Ajouter un autre cahier?</a>
                                <a href="/cahiers-d-exercice/confirm" class="btn is-primary is-anim-s">Valider mon panier</a>
                            </div>
                        </div>

				    <div class="flex centered">
                        <a href="{{ path("app_book_cartclear") }}" class="btn is-blank">Vider le panier</a>
                    </div>
                {% endif %}
		</div>
	</div>
{% endblock %}