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

{% load url from future %}

{% block headtitle %}{{ abstract_request }}{% endblock %}

{% block headscript %}
    <script>
        $(function() {
            $( "#id_date_of_birth" ).datepicker({
                yearRange: "-100:+0",
				dateFormat: 'dd/mm/yy',
                changeYear: true,
                changeMonth: true,
                defaultDate: '-30y'
            });
        });
    </script>
{% endblock %}

{% block left_content %}
	<h2>Abstract Content</h2>

	<ul class="nav nav-stacked">
	    <li class="active">
	        <a href="{% url 'abstract_submission' abstract_request.slug %}">1. Personal Details</a>
	    </li>
	    <li class="disabled">
	        <a href="">2. Abstract Details</a>
	    </li>
	 </ul>
{% endblock %}

{% block title %}

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

    <h1>{{ abstract_request.name }}</h1>
{% endblock %}

{% block content %}
    
    {{ abstract_request.description|safe }}

    <div id="submit_content">
        
    	{% if errors %}
    		{% for error in errors %}
    			<div class="error">{{ error }}</div>
    		{% endfor %}
    	{% endif %}

        <form action="" method="post" class="form-horizontal" enctype="multipart/form-data">
            {% csrf_token %}
            
            <h3>To Start your Submission, please enter your Personal Details</h3>
            {% include "public/partials/form.html" with form=content_submission_form_details %}
            
			<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>

{% endblock %}