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

{% block title %}{% trans %}My Plan{% endtrans %}{% endblock %}
{% block menu %}{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" href="/bundles/easyadmin/app.css?v45">
    <link rel="stylesheet" href="/theme/profilePlan.css?v45">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700" rel="stylesheet">
    {% if app.session.get('VIEW') == 'SIMPLE_VIEW' %}
        <link rel="stylesheet" href="/theme/provider_plan_movil.css?v45">
    {% endif %}
{% endblock %}

{% block wrapper %}
    <div class="wrapper_movil">
      <p class="h5 text-dark ml-4 mb-0 mt-5"><strong>{% trans %}My Plan{% endtrans %}</strong></p>
      {% for label, messages in app.flashes %}
        {% for message in messages %}
            <div class="ml-4 mr-4 mb-0 mt-5 alert alert-{{ label }}">
                {{ message|trans }}
            </div>
        {% endfor %}
     {% endfor %}
      {% form_theme form.plan 'form/form_plan_theme_provider.html.twig' %}
      {{ form(form) }}
      <div class="form-actions m-3 d-flex justify-content-center">
            <button id="save" class="btn btn-primary btn-block" type="button">{{'action.save'|trans}}</button>
      </div>
      {% if is_granted('ROLE_PROVIDER') and app.session.get('SUSCRIPTION') is not null %}
          {% if app.session.get('SUSCRIPTION')['PLAN_TEST'] == false  %}
                <div class="form-actions m-3 d-flex justify-content-center">
                    {% if (app.session.get('SUSCRIPTION')['PAYMENT_ACTIVE']) %}
                    <a href="{{path('cancel_suscription_confirm')}}" class="btn-cancelSuscription mt-5">
                        {{'cancel_suscription_button'|trans}}
                    </a>
                    {% else %}
                    <a href="{{path('keep_suscription')}}" class="btn btn-default btn-block">
                        {{'keep_suscription_button'|trans}}
                    </a>
                    {% endif %}
                  </div>
          {% endif %}
      {% endif %}
    </div>
{% endblock %}

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

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


{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/providerPlan.js') }}"></script>
{% endblock %}