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

.row
  .col-md-2
    Selected schedule
    = check_box_tag @conference.short_title, @schedule_id, (@schedule_id == @selected_schedule_id),
      method: :put, url: "/admin/conference/#{@conference.short_title}/schedule/#{@schedule_id}?selected_schedule=",
      class: 'switch-checkbox', data: { size: 'small',
                                        off_color: 'warning',
                                        on_text: 'Yes',
                                        off_text: 'No' }
    .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}");
  });