.row
  = render partial: 'top_boxes', locals: { total_user: @total_user, new_user: @new_user, active_user: @active_user,
                                       total_reg: @total_reg, new_reg: @new_reg, submissions_count: @submissions_count }
.row
  .col-md-8
    = render partial: 'submissions', locals: { conferences: @conferences, submissions: @submissions,
                                           cfp_weeks: @cfp_weeks }
  .col-md-4
    = render partial: 'event_distribution', locals: { event_distribution: @event_distribution }
.row
  .col-md-8
    = render partial: 'registrations', locals: { conferences: @conferences, registrations: @registrations,
                                             registration_weeks: @registration_weeks }
  .col-md-4
    = render partial: 'user_distribution', locals: { user_distribution: @user_distribution }
  .col-md-8
    .row
      %ul.nav.nav-tabs#recentTable
        %li.active
          %a{:href=>"#recent_user", "data-toggle"=>"tab"}
            %span.glyphicon.glyphicon-user
            Recent Users
        %li
          %a{:href=>"#recent_reg", "data-toggle"=>"tab"}
            %span.glyphicon.glyphicon-star
            Recent Registrations
        %li
          %a{:href=>"#recent_submissions", "data-toggle"=>"tab"}
            %span.glyphicon.glyphicon-comment
            Recent Submissions
      .tab-content
        .tab-pane.active#recent_user
          = render partial: 'recent_users', locals: {recent_users: @recent_users}
        .tab-pane#recent_reg
          = render partial: 'recent_registrations', locals: {recent_registrations: @recent_registrations}
        .tab-pane#recent_submissions
          = render partial: 'recent_submissions', locals: {recent_events: @recent_events}
  .col-md-4
    = render partial: 'top_submitter', locals: {top_submitter: @top_submitter}


:javascript
  $('#recentTable a').click(function (e) {
    e.preventDefault();
    $(this).tab('show');
  })