.content-body-scroller
  div#musician-search-filter-builder.content-wrapper
  
  div#musician-search-filter-results.content-wrapper
    div#musician-search-filter-results-header
      a#btn-musician-search-builder.button-orange href="#" SEARCH
      a#btn-musician-search-reset.button-grey href="#" RESET
      div#musician-search-filter-description
      div.clearall
      div#musician-search-filter-spinner.spinner-large

    div#musician-search-filter-results-wrapper
      div#musician-search-filter-results-list-blank
      div#musician-search-filter-results-list.content-wrapper
      div.paginate-wait
        Fetching more results...
        div.spinner-small
  
script#template-musician-search-filter type="text/template" 
  #musician-search-filter-builder-top.builder-section
    .col-left
      h2 search musicians
    .col-right.builder-sort-order
        .text-label Sort Results By:
        select.easydropdown name="sort_order" 
          option selected="selected" value="{sort_order}" {sort_order}
  .clearall

  #musician-search-filter-builder-middle.builder-section
    .col-left
      .field
        label for="search-filter-genres"  Genres:
        .search-filter-setup-genres.musician-setup-genres
          table#search-filter-genres cellpadding="10" cellspacing="6" width="100%" 
      
      .field.builder-selector
        label Interests:
        select.easydropdown name="interests" 
          option selected="selected" value="{interests}" {interests}
      
      .field.builder-selector
        label Studio Sessions Played:
        select.easydropdown name="studio_sessions"
          option selected="selected" value="{studio_sessions}" {studio_sessions}

    .col-right
      .field
        label for="search-filter-instruments"  
          | Instruments &amp; Skill Level:
        .search-filter-setup-instruments.musician-setup-genres.builder-instruments
          table#search-filter-instruments cellpadding="10" cellspacing="6" width="100%" 

      .col-left
        .field.builder-selector
          label Status:
          select.easydropdown name="skill_level" 
            option selected="selected" value="{skill_level}" {skill_label}
      
        .field.builder-selector
          label Concert Gigs Played:
          select.easydropdown name="concert_gigs"
            option selected="selected" value="{concert_gigs}" {concert_gigs}
  
      .col-right
        .field.builder-selector
          label for="search-filter-ages"  Ages:
          .search-filter-setup-ages.builder-ages
            table#search-filter-ages cellpadding="10" cellspacing="6" width="100%" 
      .clearall
        
  .clearall
  #musician-search-filter-builder-bottom.builder-section.builder-action-buttons
    .col-right
      a#btn-perform-musician-search.builder-button.button-orange href="#" SEARCH
      a#btn-musician-search-cancel.builder-button.button-grey href="#" CANCEL

    
script#template-search-filter-setup-instrument type="text/template" 
  tr data-instrument-id="{id}" 
    td <input type="checkbox" {checked} />{description}
    td align="right" width="50%"
      select.proficiency_selector name="proficiency" 
        option value="1"  Beginner
        option value="2"  Intermediate
        option value="3"  Expert
  
script#template-search-filter-setup-genres type="text/template" 
  tr
    td <input value="{id}" {checked} type="checkbox" />{description}

script#template-search-filter-setup-ages type="text/template" 
  tr
    td <input value="{id}" {checked} type="checkbox" />{description}

/! Session Row Template
script#template-search-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-search-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
