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

{% block stylesheets %}
    {{parent()}}
    <style>
        #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
        #sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; }
        html>body #sortable li { height: 1.5em; line-height: 1.2em; }
        .ui-state-highlight { height: 1.5em; line-height: 1.2em; }
    </style>
{% endblock %}

{% block top_scripts %}
    <link href="http://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" rel="stylesheet">
    <script src="http://code.jquery.com/jquery-1.11.1.js"></script>
    <script src="http://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
{% endblock %}



{% block content_class "content backend activity survey edit"%}
    {% block content -%}
        {{ form_start(edit_form, {'attr' : {'class' : 'form-horizontal'}}) }}
        <div class="userId">
            {{'survey'==class?'backend.edit.survey'|trans({},"USBackendBundle")}}
            {{'test'==class?'backend.edit.test'|trans({},"USBackendBundle")}}
            {{'form'==class?'backend.edit.form'|trans({},"USBackendBundle")}}
            {{'tasklist'==class?'backend.edit.tasklist'|trans({},"USBackendBundle")}}
            {{'satisfaction_survey'==class?'backend.edit.satisfactionsurvey'|trans({},"USBackendBundle")}}
        </div>

        <div class="row top">
            <div class="col-md-3">
                {{ form_label(edit_form.title, 'Título', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(edit_form.title, {'attr' : {'class' : 'field'} }) }}
            </div>
        </div>

        <div class="row top">
            <div class="col-md-6">
                {{ form_label(edit_form.description, 'Descripción', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(edit_form.description, {'attr' : {'class' : 'field'} }) }}
            </div>
            <div class="col-md-4 col-md-offset-1">
                <div><img src="{{ pictureUrl!=""?pictureUrl:'/images/No_Image_Available.png' }}" height="82" width="82"></img></div>
                {{ form_widget(edit_form.picture, {'attr' : {'class' : 'field select_image_button_false'} }) }}
                <button type="button" class="select_image_button_true hide">Cambiar imagen</button>
                <span class="filename"></span>
            </div>
        </div> 

        <div class="row top">    
            <div class="col-md-6 checkbox">
                {{ form_widget(edit_form.isLayout, {'attr' : {'class' : ''} }) }}
                {{ form_label(edit_form.isLayout, 'Es una plantilla?', {'label_attr' : {'class' : ''}}) }}
            </div>
        </div>

        <div class="row top bottom-form container">
            <div class="col-md-3 cancel">
                <a href="{{ path('us_backend_activity_index',{'class':class}) }}">
                    <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) }}

        {#<div class="row top">
            <a href="{{ path('us_backend_survey_index') }}">
                Back to the list
            </a>
        </div>#}
        {{ form(edit_form,{'attr':{'class':'form-horizontal'} }) }}
        <br>
        {% if class == "tasklist" %}
            <span class="btn-lg glyphicon">{{'questions'|trans({},"USBackendBundle")|upper}}</span>
            <a href="{{ path('us_backend_task_new4',{'activityId':entity.id}) }}" class="modalLoader"  data-content-id="task_new"><span class="btn-lg glyphicon glyphicon-plus"></span>&nbsp;Añadir nueva pregunta</a>
            <div id="task_grid">
                <div class="row container">
                    {{ render(controller('USBackendBundle:Task:list',{'activityId':entity.id, 'class':class})) }}
                </div>
            </div>
        {% else %}
            <span class="btn-lg glyphicon">{{'questions'|trans({},"USBackendBundle")|upper}}</span>
            <a href="{{ path('us_backend_question_new4',{'activityId':entity.id}) }}" class="modalLoader"  data-content-id="question_new"><span class="btn-lg glyphicon glyphicon-plus"></span>&nbsp;Añadir nueva pregunta</a>
            <div id="question_grid">
                <div class="question_grid">
                    {{ render(controller('USBackendBundle:Question:list',{'activityId':entity.id, 'class':class})) }}
                </div>
            </div>
        {% endif %}

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

    {% block bottom_scripts %}
        {{parent()}}
        <script>
            activity.customImageButton();
            activity.editRP();
        </script>
        {% if class != "test" %}
            <script>
                $(function() {
                    console.log('editddd')
                    // Handler for .ready() called.
                    question.routes.sortQuestion = "{{path("us_backend_activity_sort",{'id':entity.id})}}";
                    question.listRP();
                });


            </script>
        {% endif %}
    {% endblock %}