{% extends "profiles/base.html" %}
{% load profile_tags %}
{% load styled_forms %}

{% block title %}Add User Memberships{% endblock %}

{% block extra_head %}
{{ block.super }}
<link rel="stylesheet" href="{{ STATIC_URL }}css/forms.css">
<link rel="stylesheet" href="{{ STATIC_URL }}css/jquery-ui/jquery-ui-1.8.2.custom.css">
<link rel="stylesheet" href="{{ STATIC_URL }}css/timepicker.css" />
<link rel="stylesheet" href="{{ STATIC_URL }}css/iconrow.css">
<link rel="stylesheet" href="{{ STATIC_URL }}css/profiles.css">
{% endblock %}

{% block body %}
    <div class="t">
        {% users_nav request.user user_this %}
        <h1>Add User Memberships</h1>
        <h2>User: <a href="{{ user_this.get_absolute_url}}">
        {{ user_this.get_full_name }} ({{ user_this.username}})</a></h2>
        <div class="profile-wrap">
            <form method="post" action=".">{% csrf_token %}
                <div class="forms">
                    {{ form|styled_form }}
                    <input type="submit" value="Save" />
                </div>
            </form>
        </div>
    </div>
{% endblock %}

{% block extra_body %}
    {{ block.super }}
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery-ui-1.8.2.custom.min.js"></script>
	<script src="{{ STATIC_URL }}js/jquery.time.picker.js" type="text/javascript"></script>
    <script type="text/javascript">
		$(".datepicker").datepicker({ dateFormat: 'yy-mm-dd' });
		$('.timepicker').timePicker({
		  show24Hours: false,
		  step: 15
		});
	</script>
{% endblock %}
