{% extends "base/base-back.html.twig" %}
{% block title %}Perfil del cliente | Cershop{% endblock %}
{% block metadescription %}Perfil del cliente{% endblock %}
{% block stylesheet %}
    {{ parent() }}
{% endblock %}

{% block titulo %}Editar perfil de cliente "{{ cliente.nombre }} {{ cliente.apellidos }}"{% endblock %}
{% block contenido %}

<div class="container-fluid">
    <div class="row">
        <div class="col">
            {% if form_errors(form) or form_errors(form2) %}
                <div class="alert alert-danger" role="alert">{{ form_errors(form) }}{{ form_errors(form2) }}</div>
            {% endif %}
            {% for flash_message in app.session.flashbag.get('danger') %}
                <div class="alert alert-danger" role="alert">{{ flash_message }}</div>
            {% endfor %}
            {% for flash_message in app.session.flashbag.get('success') %}
                <div class="alert alert-success" role="alert">{{ flash_message }}</div>
            {% endfor %}
        </div>
    </div>

    <div class="row mb-5">
        <div class="col">
            <ul class="nav nav-tabs" id="tabPerfil">
                <li class="nav-item">
                    <a class="nav-link{% if not app.request.get('cliente') %} active{% endif %}" id="acceso-tab" data-toggle="tab" href="#acceso" role="tab" aria-controls="acceso" aria-selected="true">Datos de acceso</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link{% if app.request.get('cliente') %} active{% endif %}" id="informacion-tab" data-toggle="tab" href="#informacion" role="tab" aria-controls="informacion" aria-selected="false">Información</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="tab-content" id="tabPerfil">
        <div class="tab-pane fade{% if not app.request.get('cliente') %} show active{% endif %}" id="acceso" role="tabpanel" aria-labelledby="acceso-tab">
            <!-- Inicio del formulario -->
            {{ form_start(form, {'action':path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')), 'method':'post'}) }}
                <!-- Campos principales -->
                <div class="form-group row">
                    <div class="form-group col-md-4">
                        {{ form_label(form.usuario) }}
                        {{ form_widget(form.usuario) }}
                    </div>
                    <div class="form-group col-md-4">
                        {{ form_label(form.plainPassword.first) }}
                        {{ form_widget(form.plainPassword.first) }}
                    </div>
                    <div class="form-group col-md-4">
                        {{ form_label(form.plainPassword.second) }}
                        {{ form_widget(form.plainPassword.second) }}
                    </div>
                    <div class="form-group col-md-4">
                        {{ form_label(form.email) }}
                        {{ form_widget(form.email) }}
                    </div>
                </div>
                <div class="form-group row">
                    <div class="form-group col">
                        <hr class="divisor-final-formularios">
                        {{ form_widget(form.save, {'label': 'Guardar cambios'}) }}
                        {% if is_granted('ROLE_ADMIN') %}
                            <a href="{{ path('volverListado', {seccion: 'listadoClientes'}) }}" class="btn btn-secondary float-right mb-2"><i class="fal fa-chevron-left"></i> Volver al listado</a>
                        {% endif %}
                    </div>
                </div>
            {{ form_end(form) }}
            <!-- ./fin del formulario -->
        </div>
        <div class="tab-pane fade{% if app.request.get('cliente') %} show active{% endif %}" id="informacion" role="tabpanel" aria-labelledby="informacion-tab">
            <!-- Inicio del formulario -->
            {{ form_start(form2, {'action':path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')), 'method':'post'}) }}
                <!-- Campos principales -->
                <div class="form-group row">
                    <div class="form-group col-md-4">
                        {{ form_label(form2.nombre) }}
                        {{ form_widget(form2.nombre) }}
                    </div>
                    <div class="form-group col-md-4">
                        {{ form_label(form2.apellidos) }}
                        {{ form_widget(form2.apellidos) }}
                    </div>
                    <div class="form-group col-md-4">
                        {{ form_label(form2.zip) }}
                        {{ form_widget(form2.zip) }}
                    </div>
                </div>
                <div class="form-group row">
                    <div class="form-group col">
                        <hr class="divisor-final-formularios">
                        {{ form_widget(form2.save, {'label': 'Guardar cambios'}) }}
                        {% if is_granted('ROLE_ADMIN') %}
                            <a href="{{ path('volverListado', {seccion: 'listadoClientes'}) }}" class="btn btn-secondary float-right mb-2"><i class="fal fa-chevron-left"></i> Volver al listado</a>
                        {% endif %}
                    </div>
                </div>
            {{ form_end(form2) }}
            <!-- ./fin del formulario -->
        </div>
    </div>
</div>

{% endblock %}

{% block javascript %}
    {{ parent() }}
{% endblock %}