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

{% block headtitle %}Update Details{% endblock %}

{% block left_content %}
	{% include "members/partials/locker-tabs.html" with active_tab="membership" %}
{% endblock %}

{% block title %}
	<ul class="breadcrumb">
        <li><a href="{% url 'account_home' %}">My {{ settings.WEBSITE_CODE }}</a></li>
        <li><a href="{% url 'account_membership' %}">Membership</a></li>
        <li class="active">Renew Membership</a></li>
    </ul>
    <h1>My Membership</h1>
{% endblock %}

{% block footer_script %}
	<script type="text/javascript">
    	$(function() {
    		$( "#id_date_of_birth" ).datepicker({
				dateFormat: 'dd/mm/yy',
				changeMonth: true,
				changeYear: true,
				defaultDate: '-30y',
	            yearRange: '1920:c'
			});
    	});
	</script>
{% endblock %}

{% block content %}

	<h2>Renew Membership</h2>

    {% if member_expired %}
        <p>Your membership expired on {{ current_member.expiry_date }}.</p>
    {% else %}
        <p>Your membership is due to expire on {{ current_member.expiry_date }}.</p>
    {% endif %}

    {% if member.direct_debit_confirmed %}
        <p>Your membership is set to renew by direct debit, if you wish to change this, please go to...</p>
    {% else %}
        {% if content %}
            {{ content.content|safe }}
        {% endif %}

        <form action"" method="post" class="form form-horizontal">
    		{% csrf_token %}

    		{% if errors %}
    			{% for error in errors %}
    				{{ error }}
    			{% endfor %}
    		{% endif %}

    		<h3>Personal Details</h3>
            {% include "public/partials/form.html" with form=update_user_form %}
            {% include "public/partials/form.html" with form=update_personal_form %}

            <h3>Home Address</h3>
            {% include "public/partials/form.html" with form=update_personal_address_form %}

            <h3>Institution Address</h3>
    		{% include "public/partials/form.html" with form=update_institution_form %}

    		<h2>Areas of Interest</h2>
    		<p>Please indicate as appropriate.</p>
    		{% include "public/partials/form.html" with form=update_areas_form checkboxes="true" %}

    		<div class="col-lg-8 col-md-offset-4">
    			<input type="submit" value="Submit" class="btn btn-primary"/>
    			<a href="{% url 'my_account' %}" class="btn btn-default">Back to Your Account</a>
    		</div>
    	</form>
    {% endif %}


{% endblock %}