{% 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 class="flex centered">
			<h2 class="underlined centered h1">Je choisis mon offre</h2>
		</div>
    {% if currentPlan %}
    <p class="base-content mb32 text-pinked text-centered">Votre abonnement actuel est actif jusqu'à <strong>{{currentPlan|format_date('none', 'MMMM Y')|capitalize }}</strong> inclus.</p>
    {% endif %}
    <div class="grid-offers base-content grid-col-2">
        <div class="plan">
            <h2>Je souhaite obtenir un seul cahier</h2>
            <p style="padding-left:32px; padding-right:32px">Vous recevrez le lien de téléchargement du cahier correspondant au mois en cours, à l’adresse e-mail que vous aurez renseigné lors de l’achat.</p>
            <div class="includes">
            <p class=""><strong>1 Cahier</strong></p>
            </div>
            <div class="price">5.99 €</div>
            <a href="{{ path("app_book_history") }}" class="btn is-primary is-xl is-anim-s">Choisir mon cahier</a>
        </div>
        <div class="plan">
            <h2>Je souhaite m’abonner à l’année</h2>
            <p style="padding-left:32px; padding-right:32px">Une fois par mois, vous recevrez le lien de téléchargement du cahier du mois en cours, soit l’équivalent de 11 numéros au total, à l’adresse e-mail que vous aurez renseigné lors de l’achat.</p>
            <div class="includes">
            <p class=""><strong>11 Cahiers</strong><br/><span>De {{startingDate|date_modify("+1 day")|format_date('none', 'MMMM Y')|capitalize }} à {{startingDate|date_modify("+12 month")|format_date('none', 'MMMM Y')|capitalize }}</span></p>
            </div>
            <div class="price">{{ price }}</div>
            <a href="{{ path("app_book_buy", {id: 10012}) }}" class="btn is-primary is-xl is-anim-s">S'abonner</a>
        </div>
    </div>
	<div class="flex centered help-box">
		Des questions ou des suggestions ? Contactez-nous à l’adresse suivante &nbsp;<a href="mailto:prevention@delta7.org">prevention@delta7.org</a>
	</div>
	</div>
{% endblock %}