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

{% block titulo %}Nuevo cliente{% endblock %}
{% block contenido %}

<div class="container-fluid">
    <div class="row">
        <div class="col">
            {% if form_errors(form) %}
                <div class="alert alert-danger" role="alert">{{ form_errors(form) }}</div>
            {% endif %}
            {% for flash_message in app.session.flashbag.get('danger') %}
                <div class="alert alert-danger" role="alert">{{ flash_message }}</div>
            {% endfor %}
        </div>
    </div>
    
    <!-- Inicio del formulario -->
    {{ form_start(form, {'action':path('nuevoCliente'), 'method':'post'}) }}

        <!-- Campos principales -->
        <div class="form-group row">
            <div class="form-group col-md-4">
                <label for="nombreCliente" class="required">Nombre del cliente</label>
                <input type="text" id="nombreCliente" name="nombre" required="required" class="form-control" placeholder="Nombre del cliente..." value="{{ app.request.get('nombre') }}">
            </div>
            <div class="form-group col-md-4">
                <label for="apellidosCliente" class="required">Apellidos del cliente</label>
                <input type="text" id="apellidosCliente" name="apellidos" required="required" class="form-control" placeholder="Apellidos del cliente..." value="{{ app.request.get('apellidos') }}">
            </div>
            <div class="form-group col-md-4">
                {{ form_label(form.email) }}
                {{ form_widget(form.email) }}
            </div>
            <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>
        <div class="form-group row">
            <div class="form-group col">
                <hr class="divisor-final-formularios">
                {{ form_widget(form.save, {'label': 'Alta de cliente'}) }}
            </div>
        </div>
        
    {{ form_end(form) }}
    <!-- ./fin del formulario -->
</div>

{% endblock %}

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