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

{% block content_class "content backend notification edit" %}
    {% block content -%}
        {{ form_start(edit_form, {'attr' : {'class' : 'form-horizontal', 'id':'us_backend_notification'}}) }}
        <div class="userId">
            Edición de la notificación
        </div>

        <div class="row top">
            <div class="col-md-3">
                {{ form_label(edit_form.subject, 'Tema', {'label_attr' : {'class' : 'title'}}) }} 
                {{ form_widget(edit_form.subject, {'attr' : {'class' : 'field','placeholder':'max 30' }) }}
            </div>
            <div class="col-md-2">
                {{ form_label(edit_form.sendDate, 'Fecha de envío', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(edit_form.sendDate, {'attr' : {'class' : 'field'} }) }}
            </div>
            <div class="col-md-3 col-md-offset-1 ">
                {{ form_label(edit_form.roles, 'Roles', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(edit_form.roles, {'attr' : {'class' : 'field'} }) }}
            </div>
            <div class="col-md-3 users">
                {{ form_label(edit_form.user, 'Para', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(edit_form.user, {'attr' : {'class' : 'field'} }) }}
            </div>
            <div class="col-md-6 body">
                {{ form_label(edit_form.body, 'Body', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(edit_form.body, {'attr' : {'class' : 'field'} }) }}
            </div>
        </div>

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

        <div class="row top hide">
            {{ form_rest(edit_form) }}
        </div>
        {{ form_end(edit_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() {
                notification.routes.getUsers = '{{path("us_backend_notification_getusers")}}';
                notification.typeUserRP();
                drive.editRP();
            });
        </script>
    {% endblock %}