{% extends "pbp_store/store_base.html" %}
{% load i18n %}
{% load url from future %}
{% load storefront_tags pbp_core_tags account_tags %}

{% block style %}{{ block.super }}
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.0.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
{% endblock style %}


{% block right-side %}{% endblock right-side %}

{% block body %}
<div id="store_details_sidebar">
    <h2 class="store_sectionhead">Account</h2>
    <div class="sub_nav">
        <ul class="sub_nav_list">
            <li class="sub_nav_item"><a href="{% url 'profile_edit' %}" class="sub_nav_link">{% trans 'Account'%}</a></li>
            <li class="sub_nav_item_current"><a href="{% url 'password_change' %}">Change Password</a></li>
            <li class="sub_nav_item"><a href="{% url 'profile_orders_subs' %}" class="sub_nav_link">Orders/Subscriptions</a></li>
        </ul>
    </div>
</div>

<div id="store_details">
    <div class="store_item">

        <h3 class="store_sectionsubhead">Password Change</h3>
        <form method='post' action="">{% csrf_token %}
            {{ form.as_p }}
            <input type="submit" value="{% trans "Update Password" %}" />
        </form>
    </div>
</div>

{% endblock body %}
