{% extends "admin.html" %}

{% load staticfiles %}

{% block headtitle %}Add Presentations - {% 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' %}">Meetings</a></li>
                <li><a href="{% url 'admin_meeting_information_programme' meeting.id %}">Meeting Programme</a></li>
                <li class="active">Manage Presentations</a></span></li>
            </ul>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12 page-header">
            <div class="pull-left">
                <h1>Manage Presentations for <small>{{ meeting }}</small></h1>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <h2>
                <a href="{% url 'admin_meeting_information_programme' meeting.id %}" class="btn btn-default btn-md"><i class="glyphicon glyphicon-chevron-left"></i> Back to Programme</a>
            </h2>

            <form action="" method="post">
                {% csrf_token %}
                <div>{{ presentation_formset.management_form }}</div>
                <table class="table table-bordered table-striped" id="presentation_table">
                    <thead>
                        <th>Title</th>
                        <th>Session</th>
                        <th>Order</th>
                        <th>Speaker</th>
                        <th>Speaker 2</th>
                        <th>Speaker 3</th>
                        <th>Speaker 4</th>
                        <th>Speaker 5</th>
                        <th>Delete?</th>
                    </thead>
                    <tbody id="presentations">
                        {% for form in presentation_formset %}
                            <tr class="item_{{ forloop.counter }}">
                                {% for field in form.visible_fields %}
                                    <td>
                                        {{ field }}
                                        {{ field.errors }}
                                        {% if forloop.last %}
                                            {% for field in form.hidden_fields %}
                                                {{ field }}
                                            {% endfor %}
                                        {% endif %}
                                    </td>
                                {% endfor %}
                            </tr>
                        {% endfor %}
                    </tbody>
                    <tbody id="empty_form" class="hidden">
                        <tr>
                            {% for field in spef.visible_fields %}
                                <td>
                                    {{ field }}
                                </td>
                            {% endfor %}
                            <td></td>
                        </tr>
                    </tbody>
                </table>
                <hr/>
                <div class="pull-right">
                    <a id="add_row" href="#" class="btn btn-success btn-md"><i class="glyphicon glyphicon-plus"></i> Add New Item</a>
                    <input type="submit" value="Submit" class="btn btn-primary"/>
                </div>
                <div class="clearfix"></div>
            </form>
        </div>
    </div>

    <script type="text/javascript">
        $(document).ready(function(){
            //$("*[id$='abstract_submission']").css('width','175px');
            $('#add_row').click(function(e){
                e.preventDefault();
                number = $('#presentation_table #presentations tr').length;
                html = $('#empty_form').html().replace(/__prefix__/g, 'form-' + number);
                $('#presentation_table #presentations').append(html);
                $('#id_form-TOTAL_FORMS').val(number + 1);
            });
        });
    </script>


{% endblock %}