<!-- Search Results Screen -->
<div layout="screen" layout-id="searchResults" layout-arg="query" class="screen secondary">
    <div class="content-head">
        <div class="content-icon">
            <a href="#"><%= image_tag "content/icon_search.png", :size => "19x19" %></a>
        </div>
        <h1>search results</h1>
        <%= render "screen_navigation" %>
    </div>
    <div class="search-result-header">
        <div class="right mr30">
            <span id="result-count"></span><span id="query"></span>
        </div>
        <div class="left ml35">
            <a id="musician-search" href="#" class="search-nav active">MUSICIANS</a>
            <a id="band-search" href="#" class="search-nav">BANDS</a>
            <a id="fan-search" href="#" class="search-nav">FANS</a>
            <a id="recording-search" href="#" class="search-nav">RECORDINGS</a>
        </div>
    </div>
    <div class="content-scroller">
        <div id="search-results" class="content-wrapper" style="padding-left:50px;">
        </div>
    </div>
</div>

<script type="text/template" id="template-search-result">
    <div user-id="{userId}" class="search-result">          
        <a href="#" class="avatar-small"><img src="{avatar_url}" /></a>
        <div class="search-result-name"><a href="{profile_url}">{userName}</a><br />
            <span class="search-result-location">{location}</span>
        </div>
        <br clear="left" />
        <div id="instruments" class="left ml10 nowrap">
            {instruments}
        </div>
        <a class="btn-connect-friend button-orange smallbutton right">CONNECT</a>
    </div>
</script>

<script type="text/template" id="template-invitation-sent">
    <div user-id="{userId}" class="search-connected">
        <div style="margin-top:10px;">
            <br />
            <img src="/assets/content/icon_goodquality.png" width="16" height="16" />
            <br />
            <b>Invitation Sent!</b><br />
            <a href="{profile_url}">View {first_name}&#39;s Profile</a>
        </div>
    </div>
</script>
