<ul class="nav nav-tabs" style="margin-bottom: 18px;">
    <li class="<%= ( data.activeTab && data.activeTab === 'account' ) ? 'active' : '' %>">
        <a href="<%= TB.Controller.getUrl( 'Settings', 'account' ) %>">
            Account
        </a>
    </li>
    <% if ( !TB.Env.isNativeMobile() ) {    %>
        <li class="<%= ( data.activeTab && data.activeTab === 'premium' ) ? 'active' : '' %>">
            <a href="<%= TB.Controller.getUrl( 'Settings', 'premium' ) %>">
                Premium <i class="glyphicon glyphicon-star"></i>
            </a>
        </li>
    <% }    %>
    <li class="<%= ( data.activeTab && data.activeTab === 'billing' ) ? 'active' : '' %>">
        <a href="<%= TB.Controller.getUrl( 'Settings', 'billing' ) %>">
            Rechnungen
        </a>
    </li>
</ul>