<!-- Header -->
<div layout="header" class="header" style="display:none;">

    <!-- logo -->
    <h1>JamKazam</h1>
    <!--
    <a onclick="jamClient.FTUESetStatus(false);">Want FTUE</a> |
    <a onclick="jamClient.FTUESetStatus(true);">No FTUE</a> |
    <a layout-link="session-settings">SS</a>
    -->
    
    <!-- profile area -->
    <div id="profile" class="userinfo">
        <!-- avatar -->
        <div class="avatar_large">
            <img id="header-avatar" />
        </div>
        
        <!-- user name -->
        <div id="user"></div>
        
        <div class="arrow-down"></div>
        <ul class="shortcuts">
            <!-- <li><a layout-link="account">Profile</a></li> -->
            <li class="account-home"><%= link_to "Account Home", '#/account' %></li>
            <li class="identity"><%= link_to "Identity", '#/account/identity' %></li>
            <li class="profile"><%= link_to "Profile", '#/account/profile' %></li>
          <!--<li class="subscriptions"><%= link_to "Subscriptions", '#/account/subscriptions' %></li> -->
          <!-- <li class="payments"><%= link_to "Payments", '#/account/payments' %></li> -->
            <li class="audio"><%= link_to "Audio Gear", '#/account/audio' %></li>
            <li class="invite-friends"><span class='menuheader'><span class="arrow-right"></span><%= link_to "Invite Friends", '#' %></span>
              <ul class="shortcuts-submenu">
                <li class="google-invite"><%= link_to "Google", '#' %></li>
                <li class="email-invite"><%= link_to "Email", '#' %></li>
              </ul>
            </li>
            <li class="download-app"><%= link_to "Download App", downloads_path, :rel => "external" %></li>
            <li class="get-help"><%= link_to "Get Help", 'https://jamkazam.desk.com/', :rel => "external" %></li>
            <li class="sign-out"><%= link_to "Sign Out", signout_path, method: "delete" %></li>

        </ul>
    
    </div>
    <!-- end profile area -->

    <!-- Templates -->
    <script type="text/template" id="template-search-section">
        <h2>{section}</h2>
        <ul>
            {items}
        </ul>
    </script>

    <script type="text/template" id="template-search-noresults">
        <h2 class="emptyresult">No Matches</h2>
        <p>No results returned</p>
    </script>

    <script type="text/template" id="template-search-item">
        <li>
            <a>
                <img src="{image}"/>
                <span class="text">{first_name} {last_name}</span>
                <span class="subtext">{subtext}</span>
            </a>
        </li>
    </script>

    <!--


    <h1>JamKazam</h1>
    <div class="search">
        <a href="/#/testBridge">Test Bridge</a><br/>
        <input type="text" class="searchtextinput" placeholder="Search for Bands, Musicians and Fans"/>
    </div>


    <div class="userinfo">
        <!--  gravatar_for current_user, size: 52, hclass: "avatar medium" -->
        <!--
        <div class="username">
            <h2>TODO Name</h2>
            <%= image_tag "down_arrow.png", :class=> "profile-toggle" %>
            <ul>
                <li><a layout-link="account">Profile</a></li>
                <li><%= link_to "Sign out", signout_path, method: "delete" %></li>
            </ul>
        </div>
    </div>
    -->
</div>

