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

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

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

{% block title %}
    <ul class="breadcrumb">
        <li><a href="/">Home</a></li>
        <li><a href="{% url 'account_home' %}">My {{ settings.WEBSITE_CODE }}</a></li>
        <li><a href="{% url 'my_account' %}">My Account</a></li>
        <li class="active">Update Details</a></li>
    </ul>
    <h1>My Account</h1>
{% endblock %}

{% block headscript %}
    <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>Update Details</h2>

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

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

        <h2>Account Details</h2>
        {% include "public/partials/form.html" with form=update_user_form %}

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

        <h2>Contact Information - Work Address</h2>
        {% include "public/partials/form.html" with form=update_hospital_form %}
        {% include "public/partials/form.html" with form=update_work_skip_form %}

        <h2>Contact Information - Home Address</h2>
        {% include "public/partials/form.html" with form=update_personal_address_form %}
        
        {% include "public/partials/form.html" with form=update_terms_form %}

        {% comment %}
            <h2>Membership of Other Societies</h2>
            <p>Please indicate as appropriate</h2>
            {% include "public/partials/form.html" with form=update_other_societies_form checkboxes="true" %}

            <h2>Areas of Interest</h2>
            <p>Please indicate as appropriate.</p>

            {% include "public/partials/form.html" with form=update_areas_form checkboxes="true" %}
        {% endcomment %}


        <div class="form-group">
            <div class="col-lg-8 col-lg-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>
        </div>
    </form>


{% endblock %}