{# empty Twig template #}
{%extends 'layout.html.twig' %}
{% block stylesheets %}
  {{parent()}}
  <link href="{{ asset('css/client.css') }}" media="screen" rel="stylesheet" type="text/css">
  <link href="{{ asset('css/competition.css') }}" media="screen" rel="stylesheet" type="text/css">
  <link href="{{ asset('css/trivial.css') }}" media="screen" rel="stylesheet" type="text/css">
{% endblock %}

{% block body %}
    {{ parent() }}
    
       <div class="container marketing lista">
        <div class="competition-return">
              <div class="competition-return-image"><img src="{{asset('img/competition-return.png')}}"></div>
                <a class="competition-return-text" href="{{ path('user_list') }}">Volver a Usuarios</a>
            </div> 
        <div class ="fondo col-xs-12">
                <div class="page-header edit-competition-header">
                     <h1>EDITAR {{user.userName}}</h1>
                 </div>
                {{ form_start(form,{ 'attr' :{'role':'form'} }) }}
       <div class="trivial-edit-form-group col-xs-12">
                    <div class="trivial-edit-label pad-bottom" style="margin-bottom:0">
                        {{ form_label(form.userName, "Nombre de usuario", {'label_attr': {'class': 'col-sm-3 col-xs-12 gametool-text-xs-left'}}) }}
                    </div>
                    <div class="col-sm-7 col-xs-12">
                        {{ form_widget(form.userName, { 'attr' : {'class' : 'form-control', 'placeholder' : 'Nombre de usuario'} }) }}
                        <span class="text-danger">{{ form_errors(form.userName) }}</span>
                    </div>
                </div>
                <div class="trivial-edit-form-group col-xs-12">
                    <div class="trivial-edit-label pad-bottom" style="margin-bottom:0">
                        {{ form_label(form.name, "Nombre", {'label_attr': {'class': 'col-sm-3 col-xs-12 gametool-text-xs-left'}}) }}
                    </div>
                    <div class="col-sm-7 col-xs-12">
                        {{ form_widget(form.name, {'attr': {'class': 'form-control', 'placeholder' : 'Nombre'}}) }}
                    <span class="text-danger">{{ form_errors(form.name) }}</span>
                    </div>
                </div>
                <div class="trivial-edit-form-group col-xs-12">
                     <div class="trivial-edit-label pad-bottom" style="margin-bottom:0">
                        {{ form_label(form.firstSurname, "Primer apellido", {'label_attr': {'class': 'col-sm-3 col-xs-12 gametool-text-xs-left'}}) }}
                    </div>
                    <div class="col-sm-7 col-xs-12">
                    {{ form_widget(form.firstSurname, {'attr': {'class': 'form-control', 'placeholder' : 'Primer apellido'}}) }}
                    <span class="text-danger">{{ form_errors(form.firstSurname) }}</span>
                </div>
                </div>

                <div class="trivial-edit-form-group col-xs-12">
                     <div class="trivial-edit-label pad-bottom" style="margin-bottom:0">
                        {{ form_label(form.secondSurname, "Segundo apellido", {'label_attr': {'class': 'col-sm-3 col-xs-12 gametool-text-xs-left'}}) }}
                    </div>
                    <div class="col-sm-7 col-xs-12">
                    {{ form_widget(form.secondSurname, {'attr': {'class': 'form-control', 'placeholder' : 'Segundo apellido'}}) }}
                    <span class="text-danger">{{ form_errors(form.secondSurname) }}</span>
                </div>
                </div>

                <div class="trivial-edit-form-group col-xs-12">
                     <div class="trivial-edit-label pad-bottom" style="margin-bottom:0">
                        {{ form_label(form.email, "Email", {'label_attr': {'class': 'col-sm-3 col-xs-12 gametool-text-xs-left'}}) }}
                    </div>
                    <div class="col-sm-7 col-xs-12">
                    {{ form_widget(form.email, {'attr': {'class': 'form-control', 'placeholder' : 'Email'}}) }}
                    <span class="text-danger">{{ form_errors(form.email) }}</span>
                </div>
                </div>
                
                <div class="trivial-edit-form-group col-xs-12">
                    <div class="trivial-edit-label pad-bottom" style="margin-bottom:0">
                    {{ form_label(form.role, "Rol", {'label_attr': {'class': 'col-sm-3 col-xs-12 gametool-text-xs-left'}}) }}
                </div>
                <div class="col-sm-7 col-xs-12">
                    {{ form_widget(form.role, {'attr': {'class': 'form-control'}}) }}
                    <span class="text-danger">{{ form_errors(form.role) }}</span>
                </div>
                </div>
        <p class="competition-edit-submit col-xs-12">
                    {{ form_widget(form.save, {'label' : 'Guardar cambios y cerrar', 'attr': {'class': 'competition-edit-add'}}) }}
                </p>          
                {{ form_end(form) }}
            </div>
          
          
            
        </div>
    </div>
  {% endblock %}