!!!
/
  Platform: Workarea Ecommerce
  Web:      http://workarea.com
  Email:    sales@workarea.com
  Phone:    215-925-1800
%html{ lang: 'en' }
  %head
    %meta{ charset: 'utf-8' }
    %title= page_title
    %meta{ name: 'robots', content: 'noodp' }
    = csrf_meta_tags
    %meta{ name: 'viewport', content: 'width=device-width, initial-scale=1.0' }
    %meta{ property: 'locale', content: I18n.locale }
    %meta{ property: 'environment', content: Rails.env }
    = alternate_locales_tags
    = render 'workarea/storefront/favicons/tags'
    %link{ rel: 'manifest', href: web_manifest_path }
    %meta{ name: 'theme-color', content: Workarea.config.web_manifest.theme_color }

    :css
      @-ms-viewport { width: device-width; }
      @viewport { width: device-width; }
    = yield :head
    = stylesheet_link_tag Workarea.config.asset_manifests.storefront_stylesheet, media: 'all'
    = yield :css

    = append_partials('storefront.document_head')
    = javascript_include_tag Workarea.config.asset_manifests.storefront_javascript_head

  %body
    = append_partials('storefront.body_top')

    %nav.accessibility-nav.visually-hidden
      = link_to t('workarea.storefront.layouts.accessibility_info'), accessibility_path
      = link_to t('workarea.storefront.layouts.main_content'), '#main_content', accesskey: 'S'

    .page-messages{ role: 'complementary' }
      = flash_messages if flash.present?

    #top.page-container

      .page-header.page-header--checkout{ role: 'banner' }
        .page-header__main

          .content-wrapper

            .grid.grid--middle
              .grid__cell.grid__cell--50-at-medium
                = link_to image_tag('workarea/storefront/logo.png', alt: t('workarea.storefront.layouts.logo'), class: 'page-header__logo', width: 256), root_path, rel: 'home'

              .grid__cell.grid__cell--50-at-medium
                %ul.order-help-menu
                  %li.order-help-menu__item
                    = link_to t('workarea.storefront.layouts.contact_us'), contact_path, data: { dialog_button: '' }, class: 'link link--secondary'
                  %li.order-help-menu__item
                    = link_to page_path('shipping-information'), target: '_blank', rel: 'noopener', data: { dialog_button: '' }, class: 'link link--secondary' do
                      = t('workarea.storefront.layouts.shipping_policy')
                  %li.order-help-menu__item
                    = link_to page_path('return-information'), target: '_blank', rel: 'noopener', data: { dialog_button: '' }, class: 'link link--secondary' do
                      = t('workarea.storefront.layouts.returns')

      .page-content.page-content--checkout

        .content-wrapper

          = render 'workarea/storefront/checkouts/checkout_progress' if @checkout_step.present?

          - content_for_page_aside = yield :page_aside

          .grid
            .grid__cell{ class: ('grid__cell--60-at-medium' if content_for_page_aside.present?)}
              #main_content.page-content__main{ role: 'main', class: ('page-content__main--full-width' if content_for_page_aside.empty?) }
                = yield
                %p.visually-hidden= link_to t('workarea.storefront.layouts.top_of_page'), '#top'

            - if content_for_page_aside.present?
              .grid__cell.grid__cell--40-at-medium
                .page-content__aside{ role: 'complementary' }
                  = content_for_page_aside
                  %p.visually-hidden= link_to t('workarea.storefront.layouts.top_of_page'), '#top'

      .page-footer{ role: 'contentinfo' }
        .content-wrapper
          .grid.grid--middle
            .grid__cell.grid__cell--50-at-medium
              %p.page-sub-footer__copyright © #{Time.now.year} One Theme. Powered by Workarea.

            .grid__cell.grid__cell--50-at-medium
              .page-sub-footer__payment-icons
                = all_payment_icons

        %p.visually-hidden= link_to t('workarea.storefront.layouts.top_of_page'), '#top'

    = javascript_include_tag Workarea.config.asset_manifests.storefront_javascript
    = yield :javascript
    = append_partials('storefront.javascript')