{{!
  Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.

  WSO2 Inc. licenses this file to you under the Apache License,
  Version 2.0 (the "License"); you may not use this file except
  in compliance with the License.
  You may obtain a copy of the License at

  http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing,
  software distributed under the License is distributed on an
  "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  KIND, either express or implied. See the License for the
  specific language governing permissions and limitations
  under the License.
}}
<ul class="nav navbar-right float-remove-xs text-center-xs">

    <li class="visible-inline-block">
        <a href="#" target="_self" title="kachiex">
            <span class="icon fw-stack fw-lg">
                        <i class="fw fw-organization fw-stack-1x" title=" {{@user.domain}}"></i>
                    </span>
            <span class="hidden-xs">
                {{@user.domain}}
            </span>

        </a>
    </li>

    <li class="visible-inline-block">

        <a href="#" target="_blank" class="dropdown" data-toggle="dropdown" title="Account">

                    <span class="icon fw-stack fw-lg" style="color: red">
                        <i class="fw fw-resource fw-stack-1x" title="Account"></i>
                    </span>
            <span class="hidden-xs" style="color: red">
                        Trial – 14 days to upgrade
                    </span>

            <span class="caret"></span>
        </a>

        <ul class="dropdown-menu dropdown-menu-right float-remove-xs position-static-xs text-center-xs remove-margin-xs slideInDown"
            role="menu">

            <li>
                <a title="Upgrade Now"
                   href="https://cloudmgt.clouddev.wso2.com/cloudmgt/site/pages/payment-plans.jag?cloud-type=device_cloud"
                   target="_self">
                    <i class="fw fw-export" title="Upgrade Now"></i> Upgrade Now
                </a>
            </li>

            <li>
                <a title="Monetization"
                   href="https://cloudmgt.clouddev.wso2.com/cloudmgt/site/pages/monetization-dashboard.jag"
                   target="_self">
                    <i class="fa fa-money fa-lg" title="Monetization"></i> Monetization
                </a>
            </li>

            <li>
                <a title="Request Extension"
                   href="https://cloudmgt.clouddev.wso2.com/cloudmgt/site/pages/contact-us.jag?cloud-type=device_cloud&amp;request-extension=true"
                   target="_blank">
                    <i class="fw fw-mail" title="Request Extension"></i> Request Extension
                </a>
            </li>

        </ul>
    </li>

    <li class="visible-inline-block">

        <a href="#" target="null" class="dropdown" data-toggle="dropdown" title="Configure">
                    <span class="icon fw-stack fw-lg">
                        <i class="fw fw-settings fw-stack-1x" title="Configure"></i>
                    </span>
            <span class="hidden-xs">
                        Configure
                    </span>
            <span class="caret"></span>
        </a>

        <ul class="dropdown-menu dropdown-menu-right float-remove-xs position-static-xs text-center-xs remove-margin-xs slideInDown"
            role="menu">


        </ul>
    </li>

    <li class="visible-inline-block">
        <a href="https://cloudmgt.clouddev.wso2.com/cloudmgt/site/pages/contact-us.jag" target="_self" title="Support">


                    <span class="icon fw-stack fw-lg" style="color: #ff8c27;">
                        <i class="fw fw-mail fw-stack-1x" title="Support"></i>
                    </span>
            <span class="hidden-xs" style="color: #ff8c27;">
                        Support
                    </span>

        </a>
    </li>

    <li class="visible-inline-block">

        <a href="#" target="null" class="dropdown" data-toggle="dropdown" title="Documentation">
                    <span class="icon fw-stack fw-lg">
                        <i class="fw fw-document fw-stack-1x" title="Documentation"></i>
                    </span>
            <span class="hidden-xs">
                        Documentation
                    </span>
            <span class="caret"></span>
        </a>

        <ul class="dropdown-menu dropdown-menu-right float-remove-xs position-static-xs text-center-xs remove-margin-xs slideInDown"
            role="menu">

            <li>
                <a title="API Cloud" href="https://docs.wso2.com/display/APICloud/WSO2+API+Cloud+Documentation"
                   target="_blank">
                    <i class="fw fw-api" title="API Cloud"></i> API Cloud
                </a>
            </li>

            <li>
                <a title="App Cloud" href="https://docs.wso2.com/display/AppCloud/WSO2+App+Cloud+Documentation"
                   target="_blank">
                    <i class="fw fw-application" title="App Cloud"></i> App Cloud
                </a>
            </li>

            <li>
                <a title="App Cloud" href="https://docs.wso2.com/display/AppCloud/WSO2+Device+Cloud+Documentation"
                   target="_blank">
                    <i class="fw fw-application" title="App Cloud"></i> Device Cloud
                </a>
            </li>

            <li>
                <a title="API Cloud Walkthrough" href="https://api.clouddev.wso2.com/publisher?interactiveTutorial=true"
                   target="_self">
                    <i class="fw fw-document" title="API Cloud Walkthrough"></i> API Cloud Walkthrough
                </a>
            </li>

        </ul>
    </li>


    <li class="visible-inline-block">
        <a title="Mobile App Publisher" href="https://devicemgt.clouddev.wso2.com/publisher" target="_self">
            <i class="fw fw-user" title="Mobilr App Publisher"></i> App Publisher
        </a>
    </li>

    <li class="visible-inline-block">
        <a title="App Store " href="https://devicemgt.clouddev.wso2.com/store"
           target="_self">
            <i class="fw fw-store" title="App Store"></i> App Store
        </a>
    </li>


    <li class="visible-inline-block">
        <a href="#" class="dropdown" data-toggle="dropdown" title="user">
                    <span class="icon fw-stack fw-lg">
                        <i class="fw fw-circle-outline fw-stack-2x" title="User"></i>
                        <i class="fw fw-user fw-stack-1x" title="User"></i>
                    </span>
        <span class="hidden-xs">
            {{#if isSuperTenant }}
                {{@user.username}}</span><span class="caret"></span>
            {{else}}
                {{@user.username}}@{{@user.domain}}</span><span class="caret"></span>
            {{/if}}
        </a>
        <ul class="dropdown-menu dropdown-menu-right float-remove-xs position-static-xs text-center-xs remove-margin-xs slideInDown"
            role="menu">

            <li>
                <a title="Profile" href="https://cloudmgt.clouddev.wso2.com/cloudmgt/site/pages/user-profile.jag"
                   target="_self">
                    <i class="fw fw-user" title="Profile"></i> Profile
                </a>
            </li>

            <li>
                <a title="Change Password"
                   href="https://cloudmgt.clouddev.wso2.com/cloudmgt/site/pages/change-password.jag" target="_self">
                    <i class="fw fw-lock" title="Change Password"></i> Change Password
                </a>
            </li>

            <li>
                <a title="Logout" href="https://api.clouddev.wso2.com/publisher/site/pages/logout.jag" target="_self">
                    <i class="fw fw-sign-out" title="Logout"></i> Logout
                </a>
            </li>

        </ul>
    </li>
    <li class="visible-inline-block cloud-menu">
        <a href="#" id="cloud-menu-popover">
                    <span class="icon fw-stack fw-lg">
                        <i class="fw fw-tiles fw-stack-1x" data-toggle="popover" data-placement="bottom"
                           data-original-title="" title=""></i>
                    </span>
            <span class="hidden-xs">

                    </span>
        </a>
    </li>
</ul>