{% extends 'USBackendBundle::layout.html.twig' %}
{% block stylesheets %}
    {{parent()}}
    {% stylesheets filter='cssrewrite'
                'bundles/usbackend/js/jquery-simple-combobox/css/jquery.scombobox.css'
    %}

    <link rel="stylesheet" href="{{ asset_url }}" media="screen" type="text/css"/>
    {% endstylesheets %}

{% endblock %}

{% block content_class 'content backend user new' %}

    {% block content -%}

        {{ form_start(form, {'attr' : {'class' : 'form-horizontal validateActivitiesForm'}}) }}
        <div class="userId">
            ID {{app.user.id}}
        </div>

        {#Nombre y apellidos#}
        <div class="row top">
            <div class="col-md-3">
                {{ form_label(form.firstname, 'Nombre', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(form.firstname, {'attr' : {'class' : 'field'} }) }}
            </div>
            <div class="col-md-3 col-md-offset-1">
                {{ form_label(form.lastname, 'Apellidos', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(form.lastname, {'attr' : {'class' : 'field'} }) }}
            </div>
            <div class="col-md-3 col-md-offset-1">
                {{ form_label(form.gender, 'Género', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(form.gender, {'attr' : {'class' : 'field'} }) }}
            </div>
        </div>

        {#Email y teléfono#}
        <div class="row top">
            <div class="col-md-3">
                {{ form_label(form.email, 'Email', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(form.email, {'attr' : {'class' : 'field'} }) }}
            </div>
            <div class="col-md-3 col-md-offset-1">
                {{ form_label(form.phone, 'Teléfono', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(form.phone, {'attr' : {'class' : 'field'} }) }}
            </div>
            <div class="col-md-3 col-md-offset-1">
                {{ form_label(form.password, 'Password', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(form.password, {'attr' : {'class' : 'field'} }) }}
            </div>
        </div>

        {#Departamento y dirección#}
        <div class="row top">
            <div class="col-md-3">
                {{ form_label(form.direction, 'Dirección', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(form.direction, {'attr' : {'class' : 'field'} }) }}
            </div>
            <div class="col-md-3 col-md-offset-1">
                {{ form_label(form.department, 'Departamento', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(form.department, {'attr' : {'class' : 'field'} }) }}
            </div>
        </div>
        <div class="row">
        </div>

        <div class="separator"></div>

        {#Fecha de nacimiento#}
        <div class="row top">
            <div class="col-md-3">
                {{ form_label(form.dateOfBirth, 'Fecha de nacimiento', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(form.dateOfBirth, {'attr' : {'class' : 'field'} }) }}
            </div>
            <div class="col-md-6">
                {{ form_label(form.roles, 'Roles', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(form.roles, {'attr' : {'class' : 'field'} }) }}
            </div>
            <div id="field_hostType" class="col-md-3">
                {{ form_label(form.hostType, 'Tipo de acogido', {'label_attr' : {'class' : 'title required'}}) }}
                {{ form_widget(form.hostType, {'attr' : {'class' : 'field'} }) }}
            </div>
            <div id="field_responsibleType" class="col-md-2">
                {{ form_label(form.responsibleType, 'Tipo de responsable', {'label_attr' : {'class' : 'title required'}}) }}
                {{ form_widget(form.responsibleType, {'attr' : {'class' : 'field'} }) }}
            </div>
        </div>

        <div class="row top bottom-form container">
            <div class="col-md-3 cancel">
                <a href="{{ path('us_backend_user_index') }}">
                    <img src="/images/acciones/acciones-eliminar.png" class="icon"/>
                    Cancelar
                </a>
            </div>
            <div class="col-md-3">
                {{ form_widget(form.submit) }}
            </div>
        </div>

        <div class="row top">
            {{ form_rest(form) }}
        </div>

        {{ form_end(form) }}

    {% endblock %}

    {% block bottom_scripts %}
        {{ parent() }}
        <script src="/bundles/usbackend/js/js-webshim/minified/polyfiller.js"></script>

        {% javascripts
                    'bundles/usbackend/js/js-webshim/minified/modernizr-custom.js'
        %}
        <script src="{{ asset_url }}"></script>
        {% endjavascripts %}

        <script>
            $(function() {
                user.newRP();
            });
        </script>
    {% endblock %}