<!-- 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>
    -->


    <%= render "users/user_dropdown" %>

    <!--<%= react_component 'BroadcastHolder', {is_guitar_center: @is_guitar_center} %>-->
    <%= react_component 'TopMessageHolder', {is_guitar_center: @is_guitar_center} %>
    </div>
    <!-- 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="/client#/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>

