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

{% block 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="grid grid-index base-content">
			<div class="infos">
				<h2>{{ config('misc.titre_cahiers_exercice')|raw }}</h2>
				<p>{{ config('misc.description_cahiers_exercice')|raw }}</p>
			</div>
			<div class="sidebar">
				<h2>Nos précédents cahiers</h2>
				{% for book in books %}
					<div class="book-row book-svg-{{ book.month }}">
						{{ svg_assets('cart/book.svg') }}
						<span>{{ book.getName() }}</span>
						<div>
							{% if account %}
								{% if account.hasBuyBook(book) %}
								<a href="{{ path("app_book_download", {"book": book.id}) }}" class="btn is-secondary is-anim-s">Télécharger</a>
								{% else %}
									{% if carthasitem(book.id) %}
									<span style="font-size:12px">(Dans le panier)</span>
									{% else %}
									<a href="{{ path("app_book_buy", {"id": book.id}) }}" class="btn is-primary is-anim-s">{{ book.getReadeablePrice() }}</a>
									{% endif %}
								{% endif %}
							{% else %}
							<a href="{{ path("app_book_buy", {"id": book.id}) }}" class="btn is-primary is-anim-s">{{ book.getReadeablePrice() }}</a>
							{% endif %}
						</div>
					</div>
				{% endfor %}
				<a href="{{ path("app_book_history") }}" class="btn is-secondary is-s is-anim-s">
					<span>En voir plus</span>
					{{ svg('images/base/arrow_white.svg') }}</a>
			</div>
		</div>
	</div>
{% endblock %}