openfoodnetwork/app/views/shop/show.html.haml

%shop{"ng-app" => "Shop"}
  %navigation
    %distributor.details.row
      #distributor_title
        %img.left{src: @distributor.logo.url(:thumb)}
        %h4
          = @distributor.name
        %location= @distributor.address.city
        %small
          %a{href: "/"} Change location

      = render partial: "shop/order_cycles"

      -#%description
 
  %tabs
    .row
      .section-container.auto{"data-section" => "", "data-options" => "one_up: false"}
        %section#about{class: current_order_cycle ? nil : "active" }
          %p.title.avenir{"data-section-title" => ""}
            %a{href: "#about"} About Us 
          .content{"data-section-content" => ""}
            %img.about.right{src: @distributor.promo_image.url(:large)}
            %p= @distributor.long_description.andand.html_safe

        %section
          %p.title.avenir{"data-section-title" => ""}
            %a{href: "#producers"} Our Producers 
          .content{"data-section-content" => ""}
            %ul
              - for producer in @producers
                %li= producer.name

        %section
          %p.title.avenir{"data-section-title" => ""}
            %a{href: "#groups"} Our Groups 
          .content{"data-section-content" => ""}
            %p Coming Soon 

        %section
          %p.title.avenir{"data-section-title" => ""}
            %a{href: "#contact"} Contact 
          .content{"data-section-content" => ""}
            %p Contact 
    
  %products.row
    = render partial: "shop/products"
  #footer
    %section.row
      = render partial: "shop/contact_us"
      = render partial: "shop/about_us"
      = render partial: "shared/copyright"