{% extends "base/base-front-general.html.twig" %}
{% block title %}{% trans into locale %}Account{% endtrans %} | Cershop{% endblock %}
{% block metadescription %}{% endblock %}
{% block robots %}noindex,follow{% endblock %}
{% block stylesheet %}
    {{ parent() }}
{% endblock %}

{% block bodyclass %}{{ parent() }}{% endblock %}
{% block contenido %}
<div class="page-content mt-10 mb-10 pb-6">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-12 col-md-4 col-lg-3 col-xl-2">
                {% include '/partials/front-menu-cuenta.html.twig' %}
            </div>
            <div class="col-xs-12 col-md-8 col-lg-9 col-xl-10">
                {% if form_errors(form) %}
                    <div class="alert alert-danger alert-dark alert-inline mt-2 mb-3" role="alert">{{ form_errors(form) }}</div>
                {% endif %}
                {% for flash_message in app.session.flashbag.get('danger') %}
                    <div class="alert alert-danger alert-dark alert-inline mt-2 mb-3" role="alert">{{ flash_message }}</div>
                {% endfor %}
                {% for flash_message in app.session.flashbag.get('success') %}
                    <div class="alert alert-success alert-dark alert-inline mt-2 mb-3" role="alert">{{ flash_message }}</div>
                {% endfor %}
                {{ form_start(form, {'action':path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')), 'method':'post', 'attr':{'class':'form'}}) }}
                    <div class="row">
                        <div class="col-sm-6">
                            {{ form_label(form.nombre) }}
                            {{ form_widget(form.nombre) }}
                        </div>
                        <div class="col-sm-6">
                            {{ form_label(form.apellidos) }}
                            {{ form_widget(form.apellidos) }}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            {{ form_label(form.email) }}
                            {{ form_widget(form.email) }}
                        </div>
                        <div class="col-sm-6">
                            {{ form_label(form.zip) }}
                            {{ form_widget(form.zip) }}
                        </div>
                    </div>

                    
                    <fieldset>
                        <legend>{% trans into locale %}Change password{% endtrans %}</legend>
                        {{ form_label(form.actualPassword) }}
                        {{ form_widget(form.actualPassword) }}

                        {{ form_label(form.plainPassword.first) }}
                        {{ form_widget(form.plainPassword.first) }}

                        {{ form_label(form.plainPassword.second) }}
                        {{ form_widget(form.plainPassword.second) }}
                    </fieldset>

                    {{ form_widget(form.save) }}
                {{ form_end(form) }}
            </div>
        </div>
    </div>
</div>

{% endblock %}

{% block javascript %}
    {{ parent() }}
    <script>
        $('#menu-perfil').addClass('active');
    </script>
{% endblock %}