<xen:require css="account.css" />
<xen:edithint template="navigation_sidebar.css" />
<div class="container">
    <div class="navigationSideBar ToggleTriggerAnchor">
        <h4 class="heading ToggleTrigger" data-target="> ul"data-toggle-if-pointer="yes">{xen:phrase your_account} <span></span></h4>
        <ul data-toggle-class="menuVisible">
            <xen:hook name="account_wrapper_sidebar">
            <li class="section">
                <ul>
                    <xen:hook name="account_wrapper_sidebar_your_account">
                    <li><a
                        class="{xen:if "{$selectedKey} == 'alerts/latest'", 'secondaryContent', 'primaryContent'}"
                        href="{xen:link account/alerts}"><i class="fa-account-styling-sidebar fa fa-exclamation-circle"></i>{xen:phrase your_alerts}</a></li>
                    <xen:if is="{$xenOptions.enableNewsFeed}"><li><a
                        class="{xen:if "{$selectedKey} == 'alerts/newsFeed'", 'secondaryContent', 'primaryContent'}"
                        href="{xen:link account/news-feed}"><i class="fa-account-styling-sidebar fa fa-rss"></i>{xen:phrase your_news_feed}</a></li></xen:if>
                    <li><a
                        class="{xen:if "{$selectedKey} == 'alerts/likes'", 'secondaryContent', 'primaryContent'}"
                        href="{xen:link account/likes}"><i class="fa-account-styling-sidebar fa fa-thumbs-up"></i>{xen:phrase likes_youve_received}</a></li>
                    <li><a
                        class="primaryContent"
                        href="{xen:link watched/threads}"><i class="fa-account-styling-sidebar fa fa-comments"></i>{xen:phrase watched_threads}</a></li>
                    <li><a
                        class="primaryContent"
                        href="{xen:link watched/forums}"><i class="fa-account-styling-sidebar fa fa-comment"></i>{xen:phrase watched_forums}</a></li>
                    </xen:hook>
                </ul>
            </li>
            <!-- slot: pre_conversations -->
            <li class="section"><h4 class="subHeading">{xen:phrase conversations}</h4>
                <ul>
                    <xen:hook name="account_wrapper_sidebar_conversations">
                    <li><a
                        class="{xen:if "{$selectedKey} == 'conversations/view'", 'secondaryContent', 'primaryContent'}"
                        href="{xen:link conversations}"><i class="fa-account-styling-sidebar fa fa-folder-open"></i>{xen:phrase view_conversations}</a></li>
                    <xen:if is="{$canStartConversation}"><li><a
                        class="{xen:if "{$selectedKey} == 'conversations/add'", 'secondaryContent', 'primaryContent'}"
                        href="{xen:link conversations/add}"><i class="fa-account-styling-sidebar fa fa-envelope"></i>New Conversation</a></li></xen:if>
                    </xen:hook>
                </ul>
            </li>
            <!-- slot: pre_settings -->
            <li class="section"><h4 class="subHeading">{xen:phrase settings}</h4>
                <ul>
                    <xen:hook name="account_wrapper_sidebar_settings">
                    <xen:if is="{$canEditProfile}"><li><a
                        class="{xen:if "{$selectedKey} == 'account/personalDetails'", 'secondaryContent', 'primaryContent'}"
                        href="{xen:link account/personal-details}"><i class="fa-account-styling-sidebar fa fa-user fa-fw"></i>{xen:phrase personal_details}</a></li></xen:if>
                    <xen:if is="{$canEditSignature}"><li><a
                        class="{xen:if "{$selectedKey} == 'account/signature'", 'secondaryContent', 'primaryContent'}"
                        href="{xen:link account/signature}"><i class="fa-account-styling-sidebar fa fa-pencil fa-fw"></i>{xen:phrase signature}</a></li></xen:if>
                    <xen:if is="{$canEditProfile}"><li><a
                        class="{xen:if "{$selectedKey} == 'account/contactDetails'", 'secondaryContent', 'primaryContent'}"
                        href="{xen:link account/contact-details}"><i class="fa-account-styling-sidebar fa fa-book fa-fw"></i>{xen:phrase contact_details}</a></li></xen:if>
                    <li><a
                        class="{xen:if "{$selectedKey} == 'account/privacy'", 'secondaryContent', 'primaryContent'}"
                        href="{xen:link account/privacy}"><i class="fa-account-styling-sidebar fa fa-lock fa-fw"></i>{xen:phrase privacy}</a></li>
                    <li><a
                        class="{xen:if "{$selectedKey} == 'account/preferences'", 'secondaryContent', 'primaryContent'}"
                        href="{xen:link account/preferences}"><i class="fa-account-styling-sidebar fa fa-cog fa-fw"></i>{xen:phrase preferences}</a></li>
                    <li><a
                        class="{xen:if "{$selectedKey} == 'account/alertPreferences'", 'secondaryContent', 'primaryContent'}"
                        href="{xen:link account/alert-preferences}"><i class="fa-account-styling-sidebar fa fa-cogs fa-fw"></i>{xen:phrase alert_preferences}</a></li>
                    <li><a
                        class="{xen:if "{$selectedKey} == 'account/following'", 'secondaryContent', 'primaryContent'}"
                        href="{xen:link account/following}"><i class="fa-account-styling-sidebar fa fa-group fa-fw"></i>{xen:phrase people_you_follow}</a></li>
                    <li><a
                        class="{xen:if "{$selectedKey} == 'account/ignored'", 'secondaryContent', 'primaryContent'}"
                        href="{xen:link account/ignored}"><i class="fa-account-styling-sidebar fa fa-ban fa-fw"></i>{xen:phrase people_you_ignore}</a></li>
                    <xen:if is="{$xenCache.userUpgradeCount}"><li><a
                        class="{xen:if "{$selectedKey} == 'account/upgrades'", 'secondaryContent', 'primaryContent'}"
                        href="{xen:link account/upgrades}"><i class="fa-account-styling-sidebar fa fa-circle-arrow-up fa-fw></i>{xen:phrase account_upgrades}</a></li></xen:if>
                    <xen:if is="{$xenOptions.facebookAppId}"><li><a
                        class="{xen:if "{$selectedKey} == 'account/facebook'", 'secondaryContent', 'primaryContent'}"
                        href="{xen:link account/facebook}"><i class="fa-account-styling-sidebar fa fa-facebook fa-fw"></i>{xen:phrase facebook_integration}</a></li></xen:if>
                    <li><a
                        class="{xen:if "{$selectedKey} == 'account/security'", 'secondaryContent', 'primaryContent'}"
                        href="{xen:link account/security}"><i class="fa-account-styling-sidebar fa fa-key fa-fw"></i>{xen:phrase password}</a></li>
                    </xen:hook>
                </ul>
            </li>

            <li class="section">
                <ul>
                    <li><a href="{xen:link logout, '', '_xfToken={$visitor.csrf_token_page}'}"
                        class="LogOut primaryContent"><i class="fa-account-styling-sidebar fa fa-sign-out fa-fw fa-lg"></i>{xen:phrase log_out}</a></li>
                </ul>
            </li>


            </xen:hook>
        </ul>
    </div>
    <div class="mainContentBlock section sectionMain insideSidebar">
        <xen:hook name="account_wrapper_content">{xen:raw $_subView}</xen:hook>
    </div>
</div>