{% extends "base-poll.html" %}
{% load i18n %}

{% block title %}Formulario de encuesta{% endblock %}

{% block main_container %}

    {% if user.is_superuser and poll.id %}
        <a id="remove_poll" href="{% url sociologist:poll_delete id=poll.id %}" class="remove_button btn btn-danger"><i class="icon-trash">&nbsp;Eliminar</i></a>
        <a name="eliminar_resultados" href="{% url custom_admin:remove_results id=poll.id %}" class="btn btn-danger"><i class="icon-trash"></i>&nbsp;Eliminar resultados</a>
    {% endif %}

    <div class="center">
        <h2>{% trans 'Formulario de encuesta' %}</h2>
    </div>

    <form id="poll_form" class="form-inline" action="" method="post">{% csrf_token %}

        {% if not poll.is_open %}
            {# lista encuestadores #}
        {% endif %}

        {% if poll.id %}
            <input type="hidden" name="id" value="{{ poll.id }}" />
        {% endif %}

        {% if user.is_superuser or user.is_sociologist and poll.id and poll.status != "Cerrada" %}
        <div class="control-group {% if form.status.errors %}error{% endif %}">
            <div class="controls">
                <label class="control-label" for="id_status">{{ form.status.label }}:</label>
                <select id="id_status" name="status">
                    {% for value, status in STATUS_CHOICES %}
                        <option value="{{ value }}" {% if status == poll.status %}selected="selected"{% endif %}>{{ status }}</option>
                    {% endfor %}
                </select>
                <span class="help-block">
                    <p>Una encuesta "cerrada" no podr&aacute; ser modificada. Una vez "cerrada", solo pordr&aacute; ser "abierta" por un usuario de mas alto privilegio.
                    </p>
                </span>
                {% if form.status.errors %}
                    <span class="help-inline">{{ form.status.errors }}</span>
                {% endif %}
            </div>
        </div>
        {% endif %}

        {% if poll.is_open %}
        <div class="control-group {% if form.pollsters.errors %}error{% endif %}">
            <div class="controls">
                <label class="control-label" for="id_pollster">{{ form.pollsters.label }}:</label>
                <select id="id_pollster" name="pollsters" multiple="multiple">
                    {% for pollster_id, label in POLLSTER_CHOICES %}
                        <option value="{{ pollster_id }}" {% if pollster_id in pollsters_id %}selected="selected"{% endif %}>{{ label }}</option>
                    {% endfor %}
                </select>
                <span class="help-inline">{{ form.pollsters.errors }}</span>
            </div>
        </div>
        {% endif %}

        <div class="control-group {% if form.name.errors %}error{% endif %}">
            <div class="controls">
                <label class="control-label" for="id_name">{{ form.name.label }}:</label>
                <input type="text" name="name" id="id_name" placeholder="{{ form.name.label }}" value="{{ poll.name|default_if_none:'' }}" />
                <span class="help-inline">{{ form.name.errors }}</span>
            </div>
        </div>

        <div class="ps-form-toolbar btn-toolbar clearfix">
            <div class="btn-group">
                <!-- Save -->
                <button name="save" class="btn btn-primary"><i class="icon-white icon-edit"></i>&nbsp;{% trans 'Guardar' %}</button>

                <!-- Save and continue with poll structure -->
                <button name="save_and_edit" id="continue" class="btn btn-success"><i class="icon-white icon-circle-arrow-right"></i>&nbsp;{% trans 'Guardar y modificar estructura de encuesta' %}</button>
            </div>
        </div>
    </form>


<script type="text/javascript">

    (function($){

        var url = {
            form_submit: '{% if poll.id %}{% url sociologist:poll_edit poll.id %}{% else %}{% url sociologist:poll_add %}{% endif %}?continue=true',
        };

        var form;

        $(document).ready(function(){

            $("#remove_poll").on('click', function(event){

                if(!confirm('¿Esta seguro que quiere eliminar definitivamente esta encuesta?')) {
                    event.preventDefault();
                }

            })

            form = $('#poll_form');

            $('#continue').click(function(){
                form.attr('action', url.form_submit);
                form.trigger('submit');
            });
        });
    })(jQuery);

</script>

{% endblock %}