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

{% block headtitle %}{{ election }}{% endblock %}

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

{% block title %}

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

    <h1>{{ election.name }}</h1>

{% endblock %}

{% block content %}
    
    {{ election.registration_introduction|safe }}

    <div id="election_registration">
        <h2>Register for this Election</h2>
        
        {% if member_registered %}
            <p>Sorry, you have already registered for this election.</p>
        {% else %}    			
			<p>To register as a candidate in this election, please complete the form below.</p>

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

            <form action="{% url 'elections_election_registration' election.slug %}" method="post" enctype="multipart/form-data" class="form form-horizontal">
                {% csrf_token %}
                {% include "public/partials/form.html" with form=election_registration_form %}

				<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>
		{% endif %}
    </div>

{% endblock %}