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

{% block title %}{{ 'cancel_suscription_button'|trans }}{% endblock %}
{% block menu %}
<nav class="navbar navbar-expand-lg navbar-light mb-3 mt-3" >
    <a href="{{path('profile_user')}}" class="btn btnBack"><i class="fa fa-chevron-left"></i></a>
</nav>
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <style>
        #formCancel .form-check label {
            margin-left: 2em;
            margin-top: 0.35em;
        }
    </style>
{% endblock %}

{% block wrapper %}
    <div class="wrapper_movil">
        <p class="h5 text-dark ml-4 mb-0"><strong>{{ 'cancel_suscription_button'|trans }}</strong></p>
        <div class="page parallel height-full">
            <div class="col-md-12 white">
                <div class="p-5 mt-5">
                    <p class="c_title">{{ 'cancel_suscription.form.reason'|trans }}
                    </p>
                </div>
                <div class="p-5">
                    {% for label, messages in app.flashes %}
                        {% for message in messages %}
                            <div class="alert alert-{{ label }}">
                                {{ message|trans }}
                            </div>
                        {% endfor %}
                    {% endfor %}
                    {{ form(form) }}
                </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 %}