{% extends "admin.html" %}
{% load staticfiles %}

{% block headtitle %}Scoring - {% endblock %}

{% block meeting_information_active %}active{% endblock %}

{% block headstyle %}
    <link rel="stylesheet" href="{% static 'lib/jquery/jquery-ui-timepicker-addon.css' %}" />
{% endblock %}

{% block headscript %}
    <script src="{% static 'lib/jquery/jquery-ui-timepicker-addon.js' %}"></script>
{% endblock %}

{% block headscript_multi %}{% endblock %}

{% block content %}

    <div class="row">
        <div class="col-lg-12">
            <ul class="breadcrumb">
                <li><a href="{% url 'admin' %}">Admin</a></li>
                <li><a href="{% url 'admin_meeting_information' %}">Meeting Information</a></li>
                <li><a href="{% url 'admin_meeting_information_evaluation' meeting.id %}">Scoring</a></li>
                <li class="active">Poster Questions</li>
            </ul>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="page-header">
                <h1>Manage Poster Questions</h1>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <form action="" method="post" enctype="multipart/form-data" class="form-horizontal">
                {% csrf_token %}
                <div>{{ question_formset.management_form }}</div>
                <div class="question_forms">
                    {% for form in question_formset %}
                        <div class="question_form">
                            {% include "admin/partials/form.html" %}
                        </div>
                        {% if not forloop.last %}<hr/>{% endif %}
                    {% endfor %}
                </div>

                <div class="form-group">
                    <div class="col-lg-offset-3 col-lg-4">
                        <a id="add_row" href="#" class="btn btn-success btn-md"><i class="glyphicon glyphicon-plus"></i> Add New Question</a>
                        <input type="submit" value="Submit" class="btn btn-primary"/>
                    </div>
                </div>
            </form>

            <div id="empty_form" class="hidden">
                <hr/>
                <div class="question_form">
                    {% include "admin/partials/form.html" with form=question_formset.empty_form %}
                </div>
            </div>

            <p><a href="{% url 'admin_meeting_information_evaluation' meeting.id %}" title="Cancel" class="btn btn-default"><i class="glyphicon glyphicon-chevron-left"></i> Cancel</a></p>

        </div>
    </div>

    <script type="text/javascript">
        $(document).on('click','#add_row',function(e){
            e.preventDefault();
            number = $('.question_forms .question_form').length;
            html = $('#empty_form').html().replace(/__prefix__/g,number);
            $('.question_forms').append(html);
            $('#id_form-TOTAL_FORMS').val(number + 1);
        });
    </script>


{% endblock %}