.container#program
  = render partial: 'schedule_tabs', locals: { active: 'now' }

  %h1.text-center
    Happening Now at
    = @conference.title
  -# .dropdown.program-dropdown
  -#   %button{ type: "button", class: "btn btn-default dropdown-toggle", 'data-toggle' => "dropdown" }
  -#     Dates
  -#     %span.caret
  -#   %ul.dropdown-menu
  -#     - @dates.each do |date|
  -#       %li.li-dropdown-program
  -#         = link_to date, "##{date}", class: "program-selector#{ ' no-events-day' unless @conference.program.any_event_for_this_date?(date) }"
  -#     - if @unscheduled_events.any?
  -#       %li.li-dropdown-program
  -#         = link_to('Unscheduled', "#unscheduled", class: 'program-selector')

  .row
    .col-md-12
      %h2
        #{pluralize(@events_schedules.count, 'Event')} Occurring Within The Next 30 minutes.
      %h3
        This page was loaded at
        = inyourtz(Time.now) do
          #{Time.now.strftime('%a %b %d at %I:%M %P (%z)')}
      %p
        P.S. This page is in beta, and if it doesn't make sense, we're sorry.
      %small
        Times & Timezones...only one of the many "2 hard problems in computer science".

  .row
    / scheduled events
    - date = nil
    - time = nil
    - @events_schedules.each do |event_schedule|
      - unless event_schedule.start_time.strftime('%Y-%m-%d').eql?(date)
        .col-xs-12.col-md-12
          .date-content
            %span{ class: 'date-title', id: "#{ event_schedule.start_time.strftime('%Y-%m-%d') }" }
              = inyourtz(event_schedule.start_time, @conference.timezone) do
                = date = event_schedule.start_time.strftime('%Y-%m-%d')
            %a{ title: "Go up", class: "pull-right", href: "#program" }
              %i{ class: "fa fa-angle-double-up fa-lg", 'aria-hidden' => true }
      - unless event_schedule.start_time.strftime('%H:%M').eql?(time)
        .col-xs-12.col-md-1
          .start-time
            = inyourtz(event_schedule.start_time, @conference.timezone) do
              = time = event_schedule.start_time.strftime('%H:%M')
        .col-xs-12.col-md-11
          .new-time-event
            = render partial: 'event', locals: { event: event_schedule.event, event_schedule: event_schedule }
      - else
        .col-xs-12.col-md-11.col-md-offset-1
          = render partial: 'event', locals: { event: event_schedule.event, event_schedule: event_schedule }

:javascript
  // Go to current date and time
  $(document).ready(function(){
    setTimeout(function() {
      window.location = window.location;
    }, 5 * 60 * 1000);
  });