.tabbable
  %ul.nav.nav-tabs
    %li.active
      = link_to 'All Events', '#all', 'data-toggle' => 'tab'
    %li
      %a{href: '#missing-commercial', 'data-toggle' => 'tab'}
        Events without Commercials
        %span.label.label-danger{style: 'border-radius: 1em;'}
          = @events_missing_commercial.length
    %li
      %a{href: '#requirements', 'data-toggle' => 'tab'}
        Speaker Requirements
        %span.label.label-success{style: 'border-radius: 1em;'}
          = @events_with_requirements.length

  .tab-content
    #all.tab-pane.active
      .row
        .col-md-12
          .page-header
            %h1
              All Events
              = "(#{@events.length})"
            %p.text-muted
              All submissions and the information that they are mssing

      .col-md-12
        %table.table.table-striped.table-bordered.table-hover.datatable
          %thead
            %th Title
            %th Submitter Registered
            %th Submitter Biography
            %th Commercial
            %th Subtitle
            %th Difficulty Level
            - if @program.tracks.any?
              %th Track
          %tbody
            - @events.each do |event|
              %tr
                - progress_status = event.progress_status
                %td
                  = link_to event.title, edit_conference_program_proposal_path(@conference.short_title, event)
                  %br
                  .small (Presented by #{event.speaker_names})

                - %w(registered biography commercials subtitle difficulty_level).each do |info|
                  %td{'data-order' => "#{progress_status[info]}"}
                    %span{class: class_for_todo(progress_status[info])}
                      %span{class: [icon_for_todo(progress_status[info]), 'fa-lg']}
                - if @program.tracks.any?
                  %td{'data-order' => "#{progress_status['track']}"}
                    %span{class: class_for_todo(progress_status['track'])}
                      %span{class: [icon_for_todo(progress_status['track']), 'fa-lg']}

    #missing-commercial.tab-pane
      .row
        .col-md-12
          .page-header
            %h1
              Events without commercials
              = "(#{@events_missing_commercial.length})"
            %p.text-muted
              All submissions that have no commercial
      .col-md-12
        %table.table.table-striped.table-bordered.table-hover.datatable
          %thead
            %th Title
            %th Speaker(s)
          %tbody
            - @events_missing_commercial.each do |event|
              %tr
                %td= link_to event.title, edit_conference_program_proposal_path(@conference.short_title, event)
                %td  #{event.speaker_names}

    #requirements.tab-pane
      .row
        .col-md-12
          .page-header
            %h1
              Requirements
              = "(#{@events_with_requirements.length})"
            %p.text-muted
              All submissions where the speakers have special requirements
      .col-md-12
        %table.table.table-striped.table-bordered.table-hover.datatable
          %thead
            %th Title
            %th Speaker(s)
            %th Requirements
          %tbody
            - @events_with_requirements.each do |event|
              %tr
                %td= link_to event.title, edit_conference_program_proposal_path(@conference.short_title, event)
                %td  #{event.speaker_names}
                %td= event.description