.feed-entry.music-session-history-entry{'data-music-session' => feed_item.id}
  / avatar
  .avatar-small.ib
    = session_avatar(feed_item)
  / type and artist
  .left.ml20.w15
    .title
      %a{:href => "/sessions/#{feed_item.id}", :target => "_blank", :hoveraction => "session", :'session-id' => feed_item.id} SESSION
    .artist
      = session_artist_name(feed_item)
    = timeago(feed_item.started_at, class: 'small created_at')
  / name and description
  .left.ml20.w30
    .name.dotdotdot
      = session_name(feed_item, current_user)
    .description.dotdotdot
      = session_description(feed_item, current_user)
  / timeline and controls
  .right.w40
    / recording play controls
    .session-controls{ class: "#{(feed_item.is_over? ? 'ended' : 'inprogress')} #{feed_item.has_mount? ? 'has-mount' : 'no-mount'}", 'data-music-session' => feed_item.id, 'fan-access' => feed_item.fan_access.to_s}
      / session status
      %a.left.play-button{href:'#'}
        = image_tag 'content/icon_playbutton.png', width:20, height:20, class:'play-icon'
        - if feed_item.has_mount? && feed_item.fan_access
          %audio{preload: 'none'}
            %source{src: feed_item.active_music_session.mount.url, type: feed_item.active_music_session.mount.resolve_string(:mime_type)}
      %span.session-status
        = session_text(feed_item)
      / current playback time
      = session_duration(feed_item, class: 'session-duration tick-duration recording-current', 'data-created-at' => feed_item.started_at.to_i)
    / end recording play controls
    / genre and social
    .left.small
      = session_genre(feed_item)
    .right.small.feed-details
      - if !feed_item.session_removed_at
        %a{title: 'Share', class: 'btn-share'}
          = image_tag 'content/icon_share.png', :height => "12", :width => "7"
        &nbsp;
      %span.play-count
        %span.plays
          = feed_item.play_count
        = image_tag 'content/icon_arrow.png', :height => "12", :width => "7", :title => 'Play'
      %span.comment-count
        %span.comments
          = feed_item.comment_count
        %a{title: 'Comment', class: 'btn-comment'}
          = image_tag 'content/icon_comment.png', :height => "12", :width => "13"
      %span.like-count
        %span.likes
          = feed_item.like_count
        %a{title: 'Like', class: 'btn-like'}
          = image_tag 'content/icon_like.png', :height => "12", :width => "12"
      %a.details{:href => "#"} Details
      %a.details-arrow.arrow-down-orange{:href => "#"}
    %br/
    .musician-detail.hidden
      / sub-table of musicians
      %table.musicians{:cellpadding => "0", :cellspacing => "5"}
        %tbody
          - feed_item.unique_user_histories.each do |user|
            %tr
              %td{:width => "24"}
                %a.avatar-tiny{:href => "#"}
                  = render_avatarable(user)
              %td
                %a{:href => "#"}
                  = "#{user.first_name} #{user.last_name}"
              %td
                .nowrap
                  - if user.total_instruments
                    - user.total_instruments.split('|').uniq.each do |instrument_id|
                      %img.instrument-icon{'instrument-id' =>instrument_id, 'title' => instrument_id, height:24, width:24}
                  - else
                    %img.instrument-icon{'instrument-id' =>'default', height:24, width:24}


  %br{:clear => "all"}/
  %br/
:javascript
  $(function () {
    new window.JK.FeedItemSession($('.feed-entry[data-music-session="#{feed_item.id}"]'));
  })