<div class="page-sidebar-wrapper">
    <!-- BEGIN SIDEBAR -->
    <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
    <div class="page-sidebar navbar-collapse collapse">
        <!-- BEGIN SIDEBAR MENU -->
        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="true" data-auto-scroll="true"
            data-slide-speed="200" style="padding-top: 20px">

            <li class="nav-item start {% if request.path == '/uc/' or request.path == '/uc/home/' %}active open{% endif %}">
                <a href="{% url 'uc:' %}" class="nav-link nav-toggle">
                    <i class="icon-home"></i>
                    <span class="title">控制面板</span>
                    <span class="selected"></span>
                    {#                    <span class="arrow open"></span>#}
                </a>

            </li>
            <li class="heading">
                <h3 class="uppercase">我的权限</h3>
            </li>
            <li class="nav-item {% if request.path != '/uc/' and request.path != '/uc/home/' %}active open{% endif %}"
                data-keep-expand="true">
                <a href="javascript:;" class="nav-link nav-toggle">
                    <i class="icon-diamond"></i>
                    <span class="title">用户中心</span>
                    <span class="arrow open"></span>
                </a>
                <ul class="sub-menu" data-keep-expand="true" style="display: block;">
                    <li class="nav-item {% if request.path == '/uc/change_profile/' %}active open{% endif %}">
                        <a href="{% url 'uc:change_profile' %}" class="nav-link">
                            <span class="title">修改资料</span>
                        </a>
                    </li>
                    <li class="nav-item {% if request.path == '/uc/my_vip/' %}active open{% endif %}">
                        <a href="{% url 'uc:my_vip' %}" class="nav-link">
                            <span class="title">我的会员</span>
                        </a>
                    </li>
                    <li class="nav-item {% if request.path == '/uc/wallet_log/' %}active open{% endif %}">
                        <a href="{% url 'uc:wallet_log' %}" class="nav-link ">
                            <span class="title">我的钱包</span>
                        </a>
                    </li>
                </ul>
            </li>

        </ul>
        <!-- END SIDEBAR MENU -->
        <!-- END SIDEBAR MENU -->
    </div>
    <!-- END SIDEBAR -->
</div>