.panel.panel-default.event-panel{ onClick: 'eventClicked(event, this);', "data-url" => "#{url_for(conference_program_proposal_path(@conference.short_title, event.id))}" }
  .panel-body
    - if speaker = event.speakers.first
      = image_tag speaker.gravatar_url, class: "img-circle pull-right all-speaker-pic", |
                                        alt: speaker.name, |
                                        title: speaker.name |

    %p
      = canceled_replacement_event_label(event, event_schedule)
      = replacement_event_notice(event_schedule)

    %span.h3
      = event.title
      %br
      %small
        = event.subtitle
    %h4
      presented by #{event.speaker_names}
    %p
      = markdown(truncate(event.abstract, length: 400))
      = link_to 'more', conference_program_proposal_path(@conference.short_title, event.id) if event.abstract.length > 400
    - if event_schedule.present?
      %span.track
        %span.fa.fa-clock-o
        %span.label{ style: "background-color: grey" }
          = event_schedule.start_time.strftime('%H:%M')
          \-
          = event_schedule.end_time.strftime('%H:%M')
      %span.track
        %span.fa.fa-map-marker
        %span.label{ style: "background-color: grey" }
          = event_schedule.room.name
    - if event.track
      %span.track
        %span.fa.fa-road
        %span.label{ style: "background-color: #{event.track.color}; color: #{ contrast_color(event.track.color) }" }
          = event.track.name