#musicians-screen.screen.secondary layout="screen" layout-id="musicians" 
  .content
    .content-head
      .content-icon
        img alt="Icon_musicians" height="19" src="/assets/content/icon_musicians.png" width="19" /
      h1 musicians
      = render "screen_navigation" 
    .content-body
      = render "clients/musician_search_filter"

/! Session Row Template
script#template-find-musician-row type="text/template" 
  .profile-band-list-result.musician-list-result data-musician-id="{musician_id}" 
    .f11 data-hint="container" 
      .left.musician-avatar
        /! avatar
        .avatar-small
          img src="{avatar_url}" /
      .left.musician-info
        .first-row data-hint="top-row" 
          .musician-profile
            .result-name  musician_name 
            .result-location  musician_location 
            #result_instruments.instruments.nowrap.mt10  instruments 
          .musician-stats
            span.friend-count
              | {friend_count}
              img align="absmiddle" alt="friends" height="12" src="../assets/content/icon_friend.png" style="margin-right:4px;" width="14" /
            span.follower-count
              | {follow_count}
              img align="absmiddle" alt="followers" height="12" src="../assets/content/icon_followers.png" style="margin-right:4px;" width="22" /
            span.recording-count
              | {recording_count}
              img align="absmiddle" alt="recordings" height="13" src="../assets/content/icon_recordings.png" style="margin-right:4px;" width="12" /
            span.session-count
              | {session_count}
              img align="absmiddle" alt="sessions" height="12" src="../assets/content/icon_session_tiny.png" style="margin-right:4px;" width="12" /
        br clear="both" /
      .left.musician-latency
        .latency-help
          | Your latency
          br>/
          | to {musician_first_name} is:
        .latency-holder
          | {latency_badge}
        br clear="both" /
      .button-row data-hint="button-row" 
        .biography  biography 
        .result-list-button-wrapper data-musician-id="{musician_id}" 
          | {musician_action_template}
        br clear="both" /
  
  
script#template-musician-action-btns type="text/template" 
  a.button-orange.smallbutton href="{profile_url}"  PROFILE
  - if current_user && current_user.musician? 
    a.smallbutton.search-m-friend class="{friend_class}" href="#" {friend_caption}
  a.smallbutton.search-m-follow class="{follow_class}" href="#" {follow_caption} 
  a.smallbutton.search-m-message class="{message_class}" href="#" {message_caption"
  .clearall
