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

{% block title %}Acheter {{ title }} - 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 centered">
				<h2 class="underlined centered">Commande: {{ title }}</h2>
			</div>
			<div class="base-content pt48 book-recap">
				<p class="pb32 text-centered">Récapitulatif de votre commande:</p>
                <hr>
                <div class="line">
                    <div class="info">
                        <span>{{ title }}</span>
                        <span>{{ item_description }}</span>
                    </div>
                    <div class="price">
                        <span>{{ total }}</span>
                        <span>dont {{ tax }} de TVA</span>
                    </div>
                </div>
                <hr>
                <div class="subline">
                    <span>Sous-total</span>
                    <strong>{{ subtotal }}</strong>
                </div>
                <div class="subline">
                    <span>T.V.A.</span>
                    <strong>{{ tax }}</strong>
                </div>
                <div class="subline">
                    <span>Total</span>
                    <strong>{{ total }}</strong>
                </div>
                <hr>
                <div class="flex pt16 centered">
                    <a href="{{ path("app_book_history") }}" class="btn is-secondary is-anim-s">Ajouter un autre cahier?</a>
                    <a href="/cahiers-d-exercice/fake/{{ id }}" class="btn is-primary is-anim-s">Confirmer ma commande</a>
                </div>
			</div>
		</div>
	</div>
{% endblock %}