{% 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 drive new" %}
    {% block content -%}
        {{ form_start(form, {'attr' : {'class' : 'form-horizontal'}}) }}
        <div class="userId">
            Nuevo drive
        </div>

        <div class="row top">
            <div class="col-md-3">
                {{ form_label(form.title, 'Título', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(form.title, {'attr' : {'class' : 'field'} }) }}
            </div>
            <div class="col-md-3 col-md-offset-1">
                {{ form_label(form.alias, 'Alias', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(form.alias, {'attr' : {'class' : 'field'} }) }}
            </div>
            <div class="col-md-3 col-md-offset-1">
                {{ form_label(form.file, 'Fichero', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(form.file, {'attr' : {'class' : 'field'} }) }}
            </div>
            
        </div>

        <div class="row top">
            <div class="col-md-6">
                {{ form_label(form.description, 'Descripción', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(form.description, {'attr' : {'class' : 'field'} }) }}
            </div>
            <div class="col-md-3 col-md-offset-1">
                {{ form_label(form.phase, 'Fase', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(form.phase, {'attr' : {'class' : 'field'} }) }}
            </div>
        </div>

        <div class="row top bottom-form container">
            <div class="col-md-3 cancel">
                <a href="{{ path('us_backend_drive_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 hide">
            {{ form_rest(form) }}
        </div>
        {{ form_end(form) }}
        {#<div class="row top">
            <a href="{{ path('us_backend_drive_index') }}">
                Back to the list
            </a>
        </div>#}


    {% endblock %}

    {% block bottom_scripts %}
        {{parent()}}

        {% javascripts
                    'bundles/usbackend/js/jquery-simple-combobox/js/missed.js'
                    'bundles/usbackend/js/jquery-simple-combobox/js/jquery.scombobox.min.js'
                    'bundles/usbackend/js/jquery-simple-combobox/js/jquery.easing.min.js'
        %}
        <script src="{{ asset_url }}"></script>

        {% endjavascripts %}


        <script>
            $(function() {
                $('#us_drivebundle_drive_user').scombobox({
                    fullMatch: true,
                    empty: true
                            // when fullMatch is true
                            // then highligh is also true by default
                });
                $('#us_drivebundle_drive_mentor').scombobox({
                    fullMatch: true,
                    empty: true
                });
                $('#us_drivebundle_drive_responsible').scombobox({
                    fullMatch: true,
                    empty: true
                });

            })

        </script>

    {% endblock %}