.row
  .col-md-12
    .tabbable
      %ul.nav.nav-tabs
        %li.active
          = link_to "Proposal", "#proposal-content", "data-toggle"=>"tab"
        %li
          = link_to 'Commercials', '#commercials-content', 'data-toggle'=>'tab'
      .tab-content
        #proposal-content.tab-pane.active
          = render 'proposal/proposal_form'
        #commercials-content.tab-pane
          %p.text-muted
            You can add commercials for your event. These commercials will be displayed on the event detail site.
            If you don't add a commercial, the conference commercial will be displayed!
            We currently support the following commercial types: YouTube, Vimeo, Instagram, Flickr, Speakerdeck and SlideShare.

          - @event.commercials.each_slice(3) do |slice|
            .row
              - slice.each do |commercial|
                .col-md-4
                  .thumbnail
                    %h3.text-center
                      = commercial.commercial_type
                    .flexvideo
                      = render partial: 'shared/media_item', locals: { commercial_type: commercial.commercial_type, commercial_id: commercial.commercial_id }
                    - if can? :update, commercial
                      = link_to 'Edit', edit_conference_proposal_commercial_path(@conference.short_title, @event.id, commercial.id), class: 'btn btn-primary'
                    - if can? :destroy, commercial
                      = link_to 'Delete', conference_proposal_commercial_path(@conference.short_title, @event.id, commercial.id),
                      :method => :delete, :data => { :confirm => 'Are you sure?' }, class: 'btn btn-danger'
          - if can? :create, @event.commercials.new
            %hr
            = link_to 'Add Commercial', new_conference_proposal_commercial_path(@conference.short_title, @event.id), class: 'btn btn-primary'