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

{% block title %}{{ 'cancel_suscription_button'|trans }}{% endblock %}
{% block menu %}
{% endblock %}

{% block wrapper %}
    <div class="wrapper_movil wrapper_movil_confirm">
        <br>
        <div class="page parallel height-full">
            <div class="col-md-12 white">
                <div class="d-flex justify-content-center">
                    <i class="icon_cloud fa fa-cloud mb-5"></i>
                </div>
                <div class="p-5 mt-5">
                    <p class="confirm_c_title text-center ml-5 mr-5">{{ 'cancel_suscription.title'|trans }}</p>
                    <p class="confirm_c_description text-center">
                        {{ ('cancel_suscription.description'|trans)|replace({'date_month': date('now')|date('t/m/Y')})}}
                    </p>
                </div>
                <div class="p-5">
                    <a href="{{path('profile_user')}}" class="btn btn_movil btn-lg btn-block">{{'keep_suscription_button'|trans}}</a>
                    <br>
                    <div class="d-flex justify-content-center mt-5">
                        <a href="{{path('cancel_suscription')}}" class="btn-cancelSuscription ">{{'cancel_suscription_button'|trans}}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block footer %}
{% endblock footer %}

{% block footer_class %}footer_movil{% endblock footer_class %}


{% block javascripts %}
    {{ parent() }}
    <script src="/js/cancel_suscription.js?v45"></script>
{% endblock %}