#jamtrackScreen.screen.secondary.no-login-required layout='screen' layout-id='jamtrackBrowse'
  .content
    .content-head
      .content-icon=image_tag("content/icon_jamtracks.png", height:19,  width:19 )
      h1 jamtracks
      =render "screen_navigation"
    .content-body
      =form_tag('', {:id => 'jamtrack-find-form', :class => 'inner-content'}) do
        =render(:partial => "web_filter", :locals => {:search_type => Search::PARAM_JAMTRACK})
        .filter-body
          .content-body-scroller
            .profile-wrapper
              h2 shop for jamtracks
              table.generaltable
                thead
                  tr
                    th JAMTRACK
                    th TRACKS INCLUDED / PREVIEW
                    th.center SHOP
                tbody.jamtrack-content
              a.btn-next-pager href="/api/jamtracks?page=1" Next
              .end-of-jamtrack-list.end-of-list="No more Jamtracks"

script#template-jamtrack type='text/template' 
  tr.jamtrack-record jamtrack-id="{{data.jamtrack.id}}"     
    td.jamtrack-detail
      .detail-label
        | Title:
      .detail-value
        | {{data.jamtrack.name}}
      .clearall.detail-label
        | Original Artist:
      .detail-value
        | {{data.jamtrack.original_artist}}
      .clearall.detail-label
        | Genre:
      .detail-value
        | {{data.jamtrack.genres[0]}}
      .clearall.detail-label.extra.hidden
        | Writer(s):
      .detail-value.extra.hidden
        | {{data.jamtrack.songwriter}}
      .clearall.detail-label.extra.hidden
        | Publisher:
      .detail-value.extra.hidden
        | {{data.jamtrack.publisher}}
    td.jamtrack-tracks
      .detail-arrow
        .jamtrack-detail-btn.orange
          ="{% if (data.expanded) { %}"
          | hide tracks
          a.details-arrow.arrow-up-orange
          ="{% } else { %}"          
          | preview all tracks
          a.details-arrow.arrow-down-orange
          ="{% } %}"
      ="{% _.each(data.jamtrack.tracks, function(track) { %}"
      .jamtrack-track.hidden jamtrack-track-id="{{track.id}}"
        / .instrument-desc
        /   | {{track.instrument_desc}}
        /.track-instrument 
        .jamtrack-preview
          .clearall      
      ="{% }); %}"
    td.jamtrack-action
      / a.play-button href="#" data-jamtrack-id="{{data.jamtrack.id}}" 
      /   =image_tag "shared/play_button.png"
      .jamtrack-price class="{{data.free_state}}"
        | {{"$ " + data.jamtrack.price}}
        .free-state.hidden
          | (first one is FREE)
      ="{% if (data.jamtrack.purchased) { %}"
      a.jamtrack-add-cart-disabled.button-grey.button-disabled href="javascript:void(0)"  PURCHASED
      ="{% } else if (data.jamtrack.added_cart) { %}"
      a.jamtrack-add-cart-disabled.button-grey.button-disabled href="client#/shoppingCart"  ALREADY IN CART
      ="{% } else { %}"
      a.jamtrack-add-cart.button-orange href="#" data-jamtrack-id="{{data.jamtrack.id}}"  ADD TO CART
      ="{% }; %}"
      ="{% if (data.jamtrack.sales_region==JK.AVAILABILITY_US) { %}"
      .jamtrack-license
        | This JamTrack available only to US customers.     
        a.license-us-why.orange href="#" why?
      ="{% }; %}"