- content_for :title do
  Get tickets to #{@event.name}
.container#multi-show-container

  .row
    .span12
      #event-header
        %h1#event-title= @event.name
        %h4#subtitle= @event.subtitle
        %h4#event-producer= @event.producer    
        %hr.event-line   
  .row
  
    .span8

      -if current_cart.tickets.count > 0
        .alert.alert-success.add-to-cart-success
          .row-fluid
            .span8.add-to-cart-message
              ="You have #{pluralize current_cart.tickets.count, "ticket"} in your cart"
            .span4
              .pull-right
                =link_to "Checkout Now", store_order_path(@store_organization), :class => "btn block btn-success btn-large"

      #store-shows-calendar{'data-event-id' => @event.id}
      #calendar-help
        .pull-right
          %span{:style => 'background-color: #33ADDD'} &nbsp&nbsp&nbsp&nbsp
          Tickets available
          %span{:style => 'background-color: #ADADAD'} &nbsp&nbsp&nbsp&nbsp
          Sold out
        %div{:style => "clear:both"}

      #loading-container
        #loading
          Hang tight! We're searching for your tickets.
          =image_tag "loading.gif"
        #error
          We had a problem finding tickets. Please try again.

      %ul#shows.unstyled
        %li{:id => "show_target"}        
          -if @previous_show.present?
            =render :partial => 'store/shows/show', :locals => {:show => @previous_show, :collapsed => true}

    .span4
      -if @event.assigned?
        .side-section
          = form_tag store_order_path(@store_organization.cached_slug) do
            =hidden_field_tag :on_error,   store_event_path(@store_organization, @event)
            =hidden_field_tag :on_success, store_event_path(@store_organization, @event)
            =hidden_field_tag "event_id", @event.id
            %table.table
              %tr#discount-input{:style => 'display:none'}
                %td
                  = text_field_tag 'discount_or_pass_code', params[:discount_or_pass_code], :placeholder => @enter_code_string, :style => "margin-bottom:0px;width: 160px"
                %td
                  .pull-right
                    = button_tag "Apply", :class => 'btn btn-primary', :disable_with => "Applying..."
              -if current_cart.has_discount_or_pass?
                %tr#discount-display
                  %td.details
                    Code
                    %span=current_cart.applied_code
                    #discount-link= link_to "Change", "#", :class => 'btn btn-primary'
                  %td.right.amount
                    =number_as_cents current_cart.discount_amount
              -else     
                %tr#discount-link
                  %td= link_to enter_code_string, "#"  

      #description.side-section
        %h6 About
        - if @event.image?
          = image_tag @event.image.url(:thumb), :width => 140, :height => 140, "data-toggle" => "modal", "data-target" => "#poster-modal"
          
        - unless @event.description.blank?
          -if @event.description.length > 300
            .toggle-truncated
              .truncated
                = simple_format "#{truncate(@event.description, :length => 300)} (#{link_to 'more','#', :class => 'toggle'})"
              .not-truncated{:style => 'display:none;'}
                =simple_format "#{@event.description} (#{link_to 'less','#', :class => 'toggle'})"
          - else
            =simple_format @event.description
      .side-section
        =render :partial => "venue", :locals => { :event => @event }
        =render :partial => "contact_info", :locals => {:event => @event}

- content_for :custom_js do
  :javascript
    $(document).ready(function(){
      var storeShowsCalendar = $('#store-shows-calendar')
      storeShowsCalendar.fullCalendar({
        height: 400
        ,events: #{@event.as_storefront_calendar_json.to_json}    
        ,eventClick: function(ev, jsEvent, view) {
          var loadingMessage = $('#loading-container #loading')
          var errorMessage = $('#loading-container #error')
          var targetLi = $("#show_target");

          $.ajax({
            url: "/store/shows/" + ev.uuid,
            beforeSend: function ( xhr ) {
              errorMessage.css('display', 'none')
              loadingMessage.css('visibility', 'visible')
              
              targetLi.attr('style','opacity:.4')
            }
          }).done(function ( data ) {
            loadingMessage.css('visibility', 'hidden')
            targetLi.attr('style','opacity:1')
            targetLi.html(data);  
            targetLi.fadeIn('slow');
            hookupToggle() 
            hookupSeatModal()
            normalizeWidth()
          }).error(function ( data ) {
            targetLi.hide()
            loadingMessage.css('visibility', 'hidden')
            errorMessage.css('display', 'block')
            errorMessage.css('visibility', 'visible')
          });
        }
      })
    })