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

{% block title %}S'abonner - Cahiers d'exercice{% endblock %}

{% block body %}

<div class="container book-main">
		{% include 'book/components/_title.html.twig' %}
    {% include 'book/components/_menu.html.twig' %}
    {% 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 grid-price base-content">
        <div class="plan">
            <h2>Abonnement Annuel</h2>
            <p>{{ config("misc.description_abonnement_cahiers_exercice")|raw }}</p>
            <div class="includes">
            <p><strong>{{startingDate|date_modify("+1 day")|format_date('none', 'MMMM Y')|capitalize }}<br/>à<br/>{{startingDate|date_modify("+12 month")|format_date('none', 'MMMM Y')|capitalize }}</strong></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>
    <p class="or"><span>OU</span></p>
    <div class="unit-buy" style="padding-top:48px;padding-bottom:48px">
        <span>Acheter un cahier à l'unité</span>
        <a href="{{ path("app_book_history") }}" class="btn is-primary is-anim-s">Voir plus</a>
    </div>
</div>
{% endblock %}