= append_partials('storefront.fulfillment_shipped_mailer.top')

- content_for :preheader_text do
  = t('workarea.storefront.email.order_shipped.heading', order_id: @order.id)

%tr
  %td
    %h1= t('workarea.storefront.email.order_shipped.heading', order_id: @order.id)

%tr
  %td
    %table{ role: 'presentation', width: '100%' }
      %tr
        %td.stack-column-center
          .align-center
            %h2= t('workarea.storefront.orders.shipping')
            %p
              = @order.shipping_address.first_name
              = @order.shipping_address.last_name
              %br
              - if @order.shipping_address.company.present?
                = @order.shipping_address.company
                %br
              = @order.shipping_address.street
              %br
              - if @order.shipping_address.street_2.present?
                = @order.shipping_address.street_2
                %br
              = "#{@order.shipping_address.city},"
              = @order.shipping_address.region
              = @order.shipping_address.postal_code
              %br
              = number_to_phone @order.shipping_address.phone_number, extension: @order.shipping_address.phone_extension

        %td.stack-column-center
          .align-center
            %h2= t('workarea.storefront.orders.billing')
            %p
              = @order.billing_address.first_name
              = @order.billing_address.last_name
              %br
              - if @order.billing_address.company.present?
                = @order.billing_address.company
                %br
              = @order.billing_address.street
              %br
              - if @order.billing_address.street_2.present?
                = @order.billing_address.street_2
                %br
              = "#{@order.billing_address.city},"
              = @order.billing_address.region
              = @order.billing_address.postal_code
              %br
              = number_to_phone @order.billing_address.phone_number, extension: @order.billing_address.phone_extension


%tr
  %td
    %h2= t('workarea.storefront.orders.package')
    %p
      %strong= "#{t('workarea.storefront.orders.carrier')}:"
      = @package.carrier
    %p
      %strong= "#{t('workarea.storefront.orders.tracking_number')}:"
      = @package.tracking_number
    %p
      = link_to t('workarea.storefront.orders.track_package'), @package.tracking_link

    %h2= t('workarea.storefront.orders.items')
    %table.product-grid
      - @package.items.each_slice(4) do |item_row|
        %tr
          - item_row.each do |item|
            %td.stack-column-center
              %table.product-grid__product{ role: 'presentation', width: '100%' }
                %tr
                  %td.product-grid__image
                    = link_to product_url(item.product, sku: item.sku), class: 'product-grid__link' do
                      = image_tag(product_image_url(item.product.primary_image, :medium_thumb), alt: item.product_name)
                %tr
                  %td.product-grid__info
                    = link_to product_url(item.product, sku: item.sku), class: 'product-grid__link' do
                      .product-grid__name= item.product_name
                    = item.sku
                %tr
                  %td.product-grid__info
                    %strong= t('workarea.storefront.orders.quantity')
                    = item.quantity

= render 'workarea/storefront/mailers/recommendations', recommendations: @recommendations

= append_partials('storefront.fulfillment_shipped_mailer.bottom')