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

{% block body %}
    {{ parent() }}
     <div class="container marketing lista">
         <a  href="{{ path('user_list') }}">Listar Usuarios </a>>

        <div class ="fondo">
            <div class="form">
                <div class="page-header">
                    <h2>New user</h2>
                </div>
                {{ form_start(form,{ 'attr' :{'role':'form'} }) }}
                
                <div class="form-group">
                    {{ form_label(form.userName) }}
                    {{ form_widget(form.userName, { 'attr' : {'class' : 'form-control', 'placeholder' : 'Your username'} }) }}
                    <span class="text-danger">{{ form_errors(form.userName) }}</span>
                </div>
                <div class="form-group">
                    {{ form_label(form.name) }}
                    {{ form_widget(form.name, {'attr': {'class': 'form-control', 'placeholder' : 'Your first name'}}) }}
                    <span class="text-danger">{{ form_errors(form.name) }}</span>
                </div>
                <div class="form-group">
                    {{ form_label(form.firstSurname) }}
                    {{ form_widget(form.firstSurname, {'attr': {'class': 'form-control', 'placeholder' : 'Your first surname'}}) }}
                    <span class="text-danger">{{ form_errors(form.firstSurname) }}</span>
                </div>

                <div class="form-group">
                    {{ form_label(form.secondSurname) }}
                    {{ form_widget(form.secondSurname, {'attr': {'class': 'form-control', 'placeholder' : 'Your second surname'}}) }}
                    <span class="text-danger">{{ form_errors(form.secondSurname) }}</span>
                </div>

                <div class="form-group">
                    {{ form_label(form.cliente) }}
                    {{ form_widget(form.cliente, {'attr': {'class': 'form-control', 'placeholder' : 'Client'}}) }}
                    <span class="text-danger">{{ form_errors(form.cliente) }}</span>
                </div>

                <div class="form-group">
                    {{ form_label(form.email) }}
                    {{ form_widget(form.email, {'attr': {'class': 'form-control', 'placeholder' : 'Your password'}}) }}
                    <span class="text-danger">{{ form_errors(form.email) }}</span>
                </div>

                <div class="form-group">
                    {{ form_label(form.role) }}
                    {{ form_widget(form.role, {'attr': {'class': 'form-control'}}) }}
                    <span class="text-danger">{{ form_errors(form.role) }}</span>
                </div>
            </fieldset>


            <a>
                {{ form_widget(form.save, {'label' : 'Create users', 'attr': {'class': 'btn btn-success'}}) }}
            </a>                
	              
        
                {{ form_end(form) }}
            </div>
        </div>
    </div>
{% endblock %}