.row
  .col-md-12
    .page-header
      %h1 Schedule
      %p.text-muted
        Create the schedules for the conference

.row
  .col-md-2
    .h4
      Unscheduled events
    .unscheduled-events
  .col-md-10
    %ul.nav.nav-tabs
      - @dates.each do |date|
        %li{ class: "#{ (@dates.first == date) ? 'active' : '' }"}
          %a{ href: "##{date}" }
            = date
    .tab-content
      - @dates.each do |date|
        .tab-pane{ class: "#{ (@dates.first == date) ? 'active' : '' }", id: "#{date}" }
          = render partial: 'day_tab', locals: { date: date }

:javascript
  $(document).ready( function() {
    Schedule.loadEvents("#{@conference.short_title}", "#{@schedule_id}");
  });