{% extends "public/content.html" %}

{% block headtitle %}
	{{ tg_form }}
{% endblock %}

{% block title %}

	<ul class="breadcrumb">
		<li><a href="/">Home</a></li>
		<li class="active">{{ tg_form }}</li>
	</ul>

	<h1>{{ tg_form.name }}</h1>
	
	{{ tg_form.description|safe }}


{% endblock %}

{% block content %}
    <div id="meeting_book">
    	<form action"" method="post" class="form form-horizontal">
            {% csrf_token %}
            <h2>Personal Details</h2>
            <div class="form_contents">
                {% include "public/partials/form-field.html" with field=tg_application_form.title %}
                {% include "public/partials/form-field.html" with field=tg_application_form.forename %}
                {% include "public/partials/form-field.html" with field=tg_application_form.surname %}
                {% include "public/partials/form-field.html" with field=tg_application_form.email %}
                {% include "public/partials/form-field.html" with field=tg_application_form.telephone %}
                {% include "public/partials/form-field.html" with field=tg_application_form.institution %}
                {% include "public/partials/form-field.html" with field=tg_application_form.address %}
            </div>

            <h2>1. Additional Contributors if any (additional authors in the case of an abstract)</h2>
            <div class="contributor_items">
                {{ contributor_formset.management_form }}
                {% for form in contributor_formset %}
                    <div class="contributor_item">
                        {% include "public/partials/form.html" with form=form %}
                    </div>
                {% endfor %}
            </div>
            <a id="add_contributor" href="#" class="btn btn-success btn-md"><i class="glyphicon glyphicon-plus"></i> Add Contributor</a>
            <a id="remove_contributor" href="#" class="btn btn-danger btn-md"><i class="glyphicon glyphicon-minus"></i> Remove Contributor</a>

            <hr/>

            <h2>2. Abstract or Summary of activity</h2>
            <div class="form_contents">
                {% include "public/partials/form-field.html" with field=tg_application_form.abstract %}
                {% include "public/partials/form-field.html" with field=tg_application_form.intended_date %}
            </div>

            <hr/>

            <h2>3. Objective: (what key thing are you hoping to learn from your observership or conference attendance)</h2>
            <div class="form_contents">
                {% include "public/partials/form-field.html" with field=tg_application_form.objective %}
            </div>

            <hr/>

            <h2>4.	Declaration</h2>
            <div class="form_contents">
                {% include "public/partials/form-field.html" with field=tg_application_form.confirm_declaration %}
            </div>

            <div class="form-group form-actions">
                <div class="col-lg-offset-4 col-lg-4">
                    <input type="submit" class="btn btn-primary" value="Submit" />
                </div>
            </div>
        </form>
        
        <div class="empty_forms hidden">
            <div class="empty_contributor_form">
                <div class="contributor_item">
                    {% include "public/partials/form.html" with form=contributor_formset.empty_form %}
                </div>
            </div>
            </div>
        </div>

	</div>
{% endblock %}

{% block headscript %}
    <script>
        $(document).ready(function(){
            $(document).on('click','#add_contributor',function(e){
                e.preventDefault();
                var number = $('.contributor_items .contributor_item').length;
                var html = $('.empty_contributor_form').html().replace(/__prefix__/g, number);
                $('.contributor_items').append(html);
                var number = $('.contributor_items .contributor_item').length;
                $('#id_contributor-TOTAL_FORMS').val(number);
                if (number > 0){
                    $('#remove_contributor').show();
                }
            });
            $(document).on('click','#remove_contributor',function(e){
                e.preventDefault();
                var form = $('.contributor_items .contributor_item').last();
                form.remove();
                var number = $('.contributor_items .contributor_item').length;
                $('#id_contributor-TOTAL_FORMS').val(number);
                if (number == 0){
                    $('#remove_contributor').hide();
                }
            });
        });
    </script>
{% endblock %}