{% extends "oscar/customer/baseaccountpage.html" %}

{% load i18n %}

{% block title %}
    {{ page_title }} | {% trans 'Account' %} | {{ block.super }}
{% endblock %}

{% block body_class %}account-profile{% endblock %}

{% block breadcrumbs %}{% endblock %}

{% block header_breadcrumbs %}
    <ul class="breadcrumb bg-light my-3">
        <li class="breadcrumb-item">
            <a href="{% url 'wagtail_serve' '' %}">{% trans 'Home' %}</a>
        </li>
        <li class="breadcrumb-item">
            <a href="{% url 'customer:summary' %}">{% trans 'Account' %}</a>
        </li>
        {% block extra_breadcrumbs %}{% endblock %}
        <li class="breadcrumb-item active">{{ page_title }}</li>
    </ul>
{% endblock %}

{% block header_title %}{{ page_title }}{% endblock %}

{% block column_left %}
<div class="side_categories">
    <div id="accordion">
        <div class="accordion-header open-sm">
            <a class="collapse" data-toggle="collapse" data-target="#account_wrapper" role="button" aria-expanded="false" aria-controls="account_wrapper">
                <span class="h5">{% trans 'Account settings' %}</span>
            </a>
            <div class="collapse show" id="account_wrapper">
                <ul class="nav navbar-nav side_categories p-0">
                    {% block standard_tabs %}
                        {{block.super }}
                    {% endblock %}
                </ul>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block content %}
    {% block tabcontent %}{% endblock tabcontent %}
{% endblock content %}