{% extends 'USBackendBundle::layout.html.twig' %}
{% use('::feedbackBox.html.twig') %}

{% block content_id 'question_edit'%}
    {% block content -%}
        {% form_theme form ':Form:form_embed_horizontal.html.twig' %}
        {{ form_start(form,{'attr':{'class':'form-horizontal','id':'question-form'} }) }}
        <div class="data">
            <div class="title">{{'question.create.title'|trans({},"USBackendBundle")|upper}}</div>
            <div class="row">
                <div class="col-md-12">
                    {{ form_label(form.title, 'Título', {'label_attr' : {'class' : 'title'}}) }}
                    {{ form_widget(form.title, {'attr' : {'class' : 'field'} }) }}
                </div>
                {% if class != "form" and class != "satisfaction_survey" %}
                    <div class="col-md-6">
                        {{ form_label(form.type, 'Tipo', {'label_attr' : {'class' : 'title'}}) }}
                        {{ form_widget(form.type, {'attr' : {'class' : 'field'} }) }}
                    </div>
                {% endif %}
                {% if class == "test" %}
                    <div class="col-md-6 weight">
                        {{ form_label(form.weight, 'Peso', {'label_attr' : {'class' : 'title'}}) }}
                        {{ form_widget(form.weight, {'attr' : {'class' : 'field'} }) }}
                        <div class="text-center more-weight glyphicon glyphicon-plus hide"></div>
                        <div class="text-center less-weight glyphicon glyphicon-minus hide"></div>
                        <div class="valor hide"></div>
                    </div>
                {% endif %}
            </div>

            {% if class != 'form' %}
                <div class="row">
                    <div class="col-xs-12">
                        <div class="title title-answers">{{'answers.title'|trans({},"USBackendBundle")|upper}}</div>
                        <ul id="answers" class="answers" data-prototype="{{ form_widget(form.answers.vars.prototype)|e }}">
                            {% for answer in form.answers %}
                                <li>
                                    {{ form_row(answer.content) }}
                                    {{ form_row(answer.type) }}
                                </li>
                            {% endfor %}
                        </ul>
                    </div>
                </div>
            {% endif %}
        </div>

        <div class="bottom-modal">
            <div class="row">
                <div class="col-md-6 text-center">
                    <a href="#" class="modal-close cancel">
                        <img src="/images/acciones/acciones-eliminar.png"/>
                        Cancelar
                    </a>
                </div>
                <div class="col-md-6 text-center">
                    {{form_widget(form.submit)}}
                </div>
            </div>
        </div>

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

        {{ form_end(form) }}

        <script>
            $(document).ready(function() {
                $("#field_type input").each(function() {
                    $(this).insertBefore($(this).prev('label'));
                });
            });
            params = [];
            params["length"] = {{form.answers | length}};
                    params["type"] = '{{entity.type}}';
            question.init();
            question.params = params;
            question.editRP();
        </script>
    {% endblock %}