- @title = @product.browser_title
- @breadcrumbs = @product.breadcrumbs

- content_for :head do
  - cache "#{@product.cache_key}/head", expires_in: 1.hour do
    %meta{ property: 'global-id', content: @product.to_global_id.to_param }
    = append_partials('storefront.product_head', product: @product)

    %link{ href: product_url(@product), rel: 'canonical' }

    %meta{ name: :description, content: strip_tags(@product.meta_description) }

    %meta{ property: 'og:url', content: url_for(only_path: false) }
    %meta{ property: 'og:title', content: @product.name }
    %meta{ property: 'og:type', content: 'product' }
    - @product.images.each do |image|
      %meta{ property: 'og:image', content: product_image_url(image, :detail) }
      %meta{ property: 'og:image:secure_url', content: product_image_url(image, :detail) }
    %meta{ property: 'og:description', content: strip_tags(@product.meta_description) }

- cache "#{@product.cache_key}/show", expires_in: 1.hour do

  = render_schema_org(product_schema(@product, related_products: @product.recommendations))

  .view
    .product-detail-container{ data: { analytics: product_view_analytics_data(@product).to_json } }

      .product-details{ class: "product-details--#{@product.template}" }
        = render "workarea/storefront/products/templates/#{@product.template}", product: @product

      .product-detail-container__section
        - if @product.description.present?
          .product-detail-container__description#description
            .product-detail-container__description-body!= @product.description

        %p.product-details__id
          %span{ itemprop: 'productID' }= @product.id

        = append_partials('storefront.product_description', product: @product)

        = render 'workarea/storefront/products/share', product: @product

      - if @product.recommendations.any?
        .recommendations
          %h2.recommendations__heading= t('workarea.storefront.recommendations.heading')
          .recommendations__products
            .grid.grid--flush{ data: { analytics: product_list_analytics_data('Product Recommendations').to_json } }
              - @product.recommendations.each do |product|
                .grid__cell.grid__cell--50.grid__cell--33-at-medium.grid__cell--16-at-wide
                  .product-summary.product-summary--small
                    = render 'workarea/storefront/products/summary', product: product

      = append_partials('storefront.product_show', product: @product)