{% extends 'base.html' %}
{% from 'bootstrap/form.html' import render_form %}
{% from 'bootstrap/nav.html' import render_nav_item %}

{% block content %}
    <div class="page-header">
        <h1>设置</h1>
    </div>
    <div class="row">
        <div class="col-md-3">
            <div class="nav nav-pills flex-column" role="tablist" aria-orientation="vertical">
                {{ render_nav_item('user.edit_profile', '编辑简介') }}
                {{ render_nav_item('user.change_avatar', '更改头像') }}
                {{ render_nav_item('user.change_password', '更改密码') }}
                {{ render_nav_item('user.change_email_request', '更改邮箱') }}
                {{ render_nav_item('user.notification_setting', '通知设置') }}
                {{ render_nav_item('user.privacy_setting', '隐私设置') }}
                {{ render_nav_item('user.delete_account', '删除账户') }}
            </div>
        </div>
        <div class="col-md-9">
            {% block setting_content %}{% endblock %}
        </div>
    </div>
{% endblock %}