workarea-nvy_theme 1.1.2

data/app/views/workarea/storefront/products/_reviews_summary.html.haml

@@ -0,0 +1,2 @@
+- if product.has_reviews?
+  = rating_stars(product.average_rating, aggregate: true)

data/app/views/workarea/storefront/products/show.html.haml

@@ -0,0 +1,45 @@
+- @title = @product.browser_title
+- @breadcrumbs = @product.breadcrumbs
+
+- content_for :head do
+  - cache "#{@product.cache_key}/head", expires_in: Workarea.config.cache_expirations.product_show_fragment_cache 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: Workarea.config.cache_expirations.product_show_fragment_cache do
+  .view
+    .product-detail-container{ itemscope: true, itemtype: 'http://schema.org/Product', 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
+
+      - if @product.description.present?
+        .product-detail-container__description#description
+          %h2.product-detail-container__description-heading= t('workarea.storefront.products.description')
+          .product-detail-container__description-body{ itemprop: 'description' }!= @product.description
+
+      = append_partials('storefront.product_description', product: @product)
+
+      - if @product.recommendations.any?
+        .recommendations
+          %h2.recommendations__heading= t('workarea.storefront.recommendations.you_may_also_like')
+          .recommendations__products
+            .grid{ data: { analytics: product_list_analytics_data('Product Recommendations').to_json } }
+              - @product.recommendations.each do |product|
+                .grid__cell.grid__cell--50.grid__cell--25-at-medium
+                  .product-summary.product-summary--small{ itemprop: 'isRelatedTo', itemscope: true, itemtype: 'http://schema.org/Product' }
+                    = render 'workarea/storefront/products/summary', product: product
+
+      = append_partials('storefront.product_show', product: @product)

data/app/views/workarea/storefront/products/templates/_generic.html.haml

@@ -0,0 +1,54 @@
+.grid
+  .grid__cell.grid__cell--60-at-medium
+    = render 'workarea/storefront/products/media', product: product
+
+  .grid__cell.grid__cell--40-at-medium
+    .product-details__info
+      .product-details__name
+        %h1.product-details__heading{ itemprop: 'name' }= product.name
+
+      .product-prices.product-prices--details{ itemprop: 'offers', itemscope: true, itemtype: 'http://schema.org/Offer' }
+        = render 'workarea/storefront/products/pricing', product: product
+
+      - if product.description.present?
+        .product-details__description
+          %p= truncated_product_description(product, t('workarea.storefront.products.read_more'))
+
+      %p.product-details__id
+        %span{ itemprop: 'productID' }= product.id
+
+      = form_tag cart_items_path, method: 'post', class: 'product-details__add-to-cart-form', data: { dialog_form: { dialogOptions: { closeAll: true, initModules: true } }, analytics: add_to_cart_analytics_data(product).to_json } do
+        = hidden_field_tag :product_id, product.id, id: dom_id(product, 'product_id')
+        = hidden_field_tag :via, params[:via], id: dom_id(product, 'via')
+
+        - if product.sku_options.one?
+          = hidden_field_tag :sku, product.sku_options.first.second
+
+        - else
+          .property
+            = label_tag :sku, nil, class: 'property__name', for: "sku_#{dom_id(product)}" do
+              %span.property__text= t('workarea.storefront.products.select_options')
+            .value
+              = select_tag :sku, options_for_select(product.sku_options, params[:sku]), required: true, id: "sku_#{dom_id(product)}", data: { product_details_sku_select: product.slug }
+
+          - if product.current_sku.present?
+            %p.product-details__inventory-status= product.inventory_status
+
+        = append_partials('storefront.add_to_cart_form', product: product)
+
+        - if product.purchasable?
+          .product-details__quantity
+            .property
+              = label_tag :quantity, nil, class: 'property__name', for: "quantity#{dom_id(product)}" do
+                %span.property__text= t('workarea.storefront.products.quantity')
+              .value= number_field_tag :quantity, params[:quantity] || 1, class: 'text-box text-box--x-small', required: true, min: 1, id: "quantity#{dom_id(product)}"
+
+          .product-details__add-to-cart-action= button_tag t('workarea.storefront.products.add_to_cart'), value: 'add_to_cart', class: 'button button--solid button--large button--full'
+
+        - else
+          = hidden_field_tag :quantity, params[:quantity] || 1, id: "quantity#{dom_id(product)}"
+          %p.product-details__unavailable= t('workarea.storefront.products.unavailable')
+
+      = append_partials('storefront.product_details', product: product)
+
+      %p.product-details__full-details=link_to t('workarea.storefront.products.view_full_details'), product_path(product, color: params[:color]), class: 'text-button', itemprop: 'url'

data/app/views/workarea/storefront/products/templates/_gift_card.html.haml

@@ -0,0 +1,67 @@
+.grid
+  .grid__cell.grid__cell--60-at-medium
+    = render 'workarea/storefront/products/media', product: product
+
+  .grid__cell.grid__cell--40-at-medium
+    .product-details__info
+      .product-details__name
+        %h1.product-details__heading{ itemprop: 'name' }= product.name
+
+      .product-prices.product-prices--details{ itemprop: 'offers', itemscope: true, itemtype: 'http://schema.org/Offer' }
+        = render 'workarea/storefront/products/pricing', product: product
+
+      - if product.description.present?
+        .product-details__description
+          %p= truncated_product_description(product, t('workarea.storefront.products.read_more'))
+
+      %p.product-details__id
+        %span{ itemprop: 'productID' }= product.id
+
+      = form_tag cart_items_path, method: 'post', class: 'product-details__add-to-cart-form', data: { dialog_form: { dialogOptions: { closeAll: true, initModules: true } }, analytics: add_to_cart_analytics_data(product).to_json } do
+        = hidden_field_tag :product_id, product.id, id: dom_id(product, 'product_id')
+        = hidden_field_tag :via, params[:via], id: dom_id(product, 'via')
+
+        - if product.sku_options.one?
+          = hidden_field_tag :sku, product.sku_options.first.second
+
+        - else
+          .property
+            = label_tag :sku, nil, class: 'property__name', for: "sku_#{dom_id(product)}" do
+              %span.property__text= t('workarea.storefront.products.select_options')
+            .value
+              = select_tag :sku, options_for_select(product.sku_options, params[:sku]), required: true, id: "sku_#{dom_id(product)}", data: { product_details_sku_select: product.slug }
+
+          - if product.current_sku.present?
+            %p.product-details__inventory-status= product.inventory_status
+
+        = hidden_field_tag :quantity, 1, id: "quantity#{dom_id(product)}"
+
+        .message.message--info
+          %p.message__type
+            %span.message__icon= t('workarea.storefront.messages.info')
+          %p.message__text= t('workarea.storefront.gift_cards.email_to_recipient')
+
+        .property
+          = label_tag :email, nil, class: "property__name", for: "email_#{dom_id(product)}" do
+            %span.property__text= t('workarea.storefront.gift_cards.recipients_email')
+          .value= email_field_tag :email, params[:email], class: 'text-box text-box--full', required: true, id: "email_#{dom_id(product)}"
+        .property
+          = label_tag :from, nil, class: "property__name", for: "from_#{dom_id(product)}" do
+            %span.property__text= t('workarea.storefront.gift_cards.senders_email')
+            %span.property__requirement.property__requirement--optional= t('workarea.storefront.forms.optional')
+          .value= text_field_tag :from, params[:from], class: 'text-box text-box--full', id: "from_#{dom_id(product)}", maxlength: 100
+        .property
+          = label_tag :message, nil, class: "property__name", for: "message_#{dom_id(product)}" do
+            %span.property__text= t('workarea.storefront.gift_cards.message_to_recipient')
+            %span.property__requirement.property__requirement--optional= t('workarea.storefront.forms.optional')
+          .value= text_area_tag :message, params[:message], class: 'text-box text-box--multi-line text-box--full', id: "message_#{dom_id(product)}", maxlength: 500
+
+        - if product.purchasable?
+          %p.product-details__add-to-cart-action= button_tag t('workarea.storefront.products.add_to_cart'), value: 'add_to_cart', class: 'button button--solid button--large button--full'
+
+        - else
+          %p.product-details__unavailable= t('workarea.storefront.products.unavailable')
+
+      = append_partials('storefront.product_details', product: product)
+
+      %p.product-details__full-details=link_to t('workarea.storefront.products.view_full_details'), product_path(product, color: params[:color]), class: 'text-button', itemprop: 'url'

data/app/views/workarea/storefront/products/templates/_option_selects.html.haml

@@ -0,0 +1,57 @@
+.grid
+  .grid__cell.grid__cell--60-at-medium
+    = render 'workarea/storefront/products/media', product: product
+
+  .grid__cell.grid__cell--40-at-medium
+    .product-details__info
+      .product-details__name
+        %h1.product-details__heading{ itemprop: 'name' }= product.name
+
+      .product-prices.product-prices--details{ itemprop: 'offers', itemscope: true, itemtype: 'http://schema.org/Offer' }
+        = render 'workarea/storefront/products/pricing', product: product
+
+      - if product.description.present?
+        .product-details__description
+          %p= truncated_product_description(product, t('workarea.storefront.products.read_more'))
+
+      %p.product-details__id
+        %span{ itemprop: 'productID' }= product.id
+
+      = form_tag cart_items_path, method: 'post', class: 'product-details__add-to-cart-form', data: { dialog_form: { dialogOptions: { closeAll: true, initModules: true } }, analytics: add_to_cart_analytics_data(product).to_json } do
+        = hidden_field_tag :product_id, product.id, id: dom_id(product, 'product_id')
+        = hidden_field_tag :sku, product.current_sku
+        = hidden_field_tag :via, params[:via], id: dom_id(product, 'via')
+
+        - product.options_for_selection.each do |option|
+          .property
+            = label_tag option.slug, nil, class: 'property__name', for: "#{option.slug}_#{dom_id(product)}" do
+              %span.property__text= option.name
+            .value
+              = select_tag option.slug, options_for_select([[t('workarea.storefront.products.select_option', name: option.name), nil]] + option.selections, option.current), required: true, id: "#{option.slug}_#{dom_id(product)}", data: { product_details_sku_select: product.slug }
+
+        - unless product.currently_selected_options.blank?
+          = link_to t('workarea.storefront.products.clear_selections'), product_path(product), class: 'text-button text-button--block', data: { option_button: '' }
+
+
+        - if product.current_sku.present?
+          %p.product-details__inventory-status= product.inventory_status
+
+        = append_partials('storefront.add_to_cart_form', product: product)
+
+        - if product.purchasable?
+          .product-details__quantity
+            .property
+              = label_tag :quantity, nil, class: 'property__name', for: "quantity#{dom_id(product)}" do
+                %span.property__text= t('workarea.storefront.products.quantity')
+              .value
+                = number_field_tag :quantity, params[:quantity] || 1, class: 'text-box text-box--x-small', required: true, min: 1, id: "quantity#{dom_id(product)}"
+
+          .product-details__add-to-cart-action= button_tag t('workarea.storefront.products.add_to_cart'), value: 'add_to_cart', class: 'button button--solid button--large button--full'
+
+        - else
+          = hidden_field_tag :quantity, params[:quantity] || 1, id: "quantity#{dom_id(product)}"
+          %p.product-details__unavailable= t('workarea.storefront.products.unavailable')
+
+      = append_partials('storefront.product_details', product: product)
+
+      %p.product-details__full-details=link_to t('workarea.storefront.products.view_full_details'), product_path(product, color: params[:color]), class: 'text-button', itemprop: 'url'

data/app/views/workarea/storefront/products/templates/_option_thumbnails.html.haml

@@ -0,0 +1,62 @@
+.grid
+  .grid__cell.grid__cell--60-at-medium
+    = render 'workarea/storefront/products/media', product: product
+
+  .grid__cell.grid__cell--40-at-medium
+    .product-details__info
+      .product-details__name
+        %h1.product-details__heading{ itemprop: 'name' }= product.name
+
+      .product-prices.product-prices--details{ itemprop: 'offers', itemscope: true, itemtype: 'http://schema.org/Offer' }
+        = render 'workarea/storefront/products/pricing', product: product
+
+      - if product.description.present?
+        .product-details__description
+          %p= truncated_product_description(product, t('workarea.storefront.products.read_more'))
+
+      %p.product-details__id
+        %span{ itemprop: 'productID' }= product.id
+
+      = form_tag cart_items_path, method: 'post', class: 'product-details__add-to-cart-form', data: { dialog_form: { dialogOptions: { closeAll: true, initModules: true } }, analytics: add_to_cart_analytics_data(product).to_json } do
+        = hidden_field_tag :product_id, product.id, id: dom_id(product, 'product_id')
+        = hidden_field_tag :sku, product.current_sku
+        = hidden_field_tag :via, params[:via], id: dom_id(product, 'via')
+
+        - product.options_for_selection.each_with_index do |option, index|
+          .property
+            = label_tag option.slug, nil, class: 'property__name', for: "#{option.slug}_#{dom_id(product)}", id: "aria_product_option_#{option.slug}_#{index}" do
+              %span.property__text= option_label(option)
+            .value
+              - option.selections.each do |selection|
+                = radio_button_tag option.slug, selection, option.current == selection, required: true, title: selection, class: 'visually-hidden', aria: { labelledby: "aria_product_option_#{option.slug}_#{index}" }
+                = link_to option_selection_url_for(product, option, selection), title: selection, class: "option-button option-button--#{selection.downcase.dasherize}#{' option-button--active' if option.current == selection}", data: { option_button: '' } do
+                  - if product.images_by_option[selection.optionize].present?
+                    = image_tag(product_image_url(product.images_by_option[selection.optionize].first, :swatch_thumb), alt: selection, class: 'option-button__image')
+                  - else
+                    %span.option-button__text= selection
+
+        - unless product.currently_selected_options.blank?
+          = link_to t('workarea.storefront.products.clear_selections'), product_path(product), class: 'text-button text-button--block', data: { option_button: '' }
+
+        - if product.current_sku.present?
+          %p.product-details__inventory-status= product.inventory_status
+
+        = append_partials('storefront.add_to_cart_form', product: product)
+
+        - if product.purchasable?
+          .product-details__quantity
+            .property
+              = label_tag :quantity, nil, class: 'property__name', for: "quantity#{dom_id(product)}" do
+                %span.property__text= t('workarea.storefront.products.quantity')
+              .value
+                = number_field_tag :quantity, params[:quantity] || 1, class: 'text-box text-box--x-small', required: true, min: 1, id: "quantity#{dom_id(product)}"
+
+          .product-details__add-to-cart-action= button_tag t('workarea.storefront.products.add_to_cart'), value: 'add_to_cart', class: 'button button--solid button--large button--full'
+
+        - else
+          = hidden_field_tag :quantity, params[:quantity] || 1, id: "quantity#{dom_id(product)}"
+          %p.product-details__unavailable= t('workarea.storefront.products.unavailable')
+
+      = append_partials('storefront.product_details', product: product)
+
+      %p.product-details__full-details=link_to t('workarea.storefront.products.view_full_details'), product_path(product, color: params[:color]), class: 'text-button', itemprop: 'url'

data/app/views/workarea/storefront/products/templates/_swatches.html.haml

@@ -0,0 +1,66 @@
+.grid
+  .grid__cell.grid__cell--60-at-medium
+    = render 'workarea/storefront/products/media', product: product
+
+  .grid__cell.grid__cell--40-at-medium
+    .product-details__info
+      .product-details__name
+        %h1.product-details__heading{ itemprop: 'name' }= product.name
+
+      .product-prices.product-prices--details{ itemprop: 'offers', itemscope: true, itemtype: 'http://schema.org/Offer' }
+        = render 'workarea/storefront/products/pricing', product: product
+
+      - if product.description.present?
+        .product-details__description
+          %p= truncated_product_description(product, t('workarea.storefront.products.read_more'))
+
+      %p.product-details__id
+        %span{ itemprop: 'productID' }= product.id
+
+      = form_tag cart_items_path, method: 'post', class: 'product-details__add-to-cart-form', data: { dialog_form: { dialogOptions: { closeAll: true, initModules: true } }, analytics: add_to_cart_analytics_data(product).to_json } do
+        = hidden_field_tag :product_id, product.id, id: dom_id(product, 'product_id')
+        = hidden_field_tag :sku, product.current_sku
+        = hidden_field_tag :via, params[:via], id: dom_id(product, 'via')
+
+        - product.options_for_selection.each do |option|
+          .property
+            = label_tag option.slug, nil, class: 'property__name', for: "#{option.slug}_#{dom_id(product)}" do
+              %span.property__text= option_label(option)
+            .value
+              - option.selections.each do |selection|
+                = radio_button_tag option.slug, selection, option.current == selection, required: true, title: selection, class: 'visually-hidden', id: nil
+                = link_to option_selection_url_for(product, option, selection), title: selection, class: "option-button option-button--#{selection.downcase.dasherize}#{' option-button--active' if option.current == selection}", data: { option_button: '' } do
+                  - swatch_content = render_swatch_option(selection, product.swatches_by_option[selection.optionize])
+
+                  - if swatch_content.present?
+                    = swatch_content
+                  - elsif product.images_by_option[selection.optionize].present?
+                    = image_tag(product_image_url(product.images_by_option[selection.optionize].first, :swatch_thumb), alt: selection, class: 'option-button__image')
+                  - else
+                    %span.option-button__text= selection
+
+        - unless product.currently_selected_options.blank?
+          = link_to t('workarea.storefront.products.clear_selections'), product_path(product), class: 'text-button text-button--block', data: { option_button: '' }
+
+        - if product.current_sku.present?
+          %p.product-details__inventory-status= product.inventory_status
+
+        = append_partials('storefront.add_to_cart_form', product: product)
+
+        - if product.purchasable?
+          .product-details__quantity
+            .property
+              = label_tag :quantity, nil, class: 'property__name', for: "quantity#{dom_id(product)}" do
+                %span.property__text= t('workarea.storefront.products.quantity')
+              .value
+                = number_field_tag :quantity, params[:quantity] || 1, class: 'text-box text-box--x-small', required: true, min: 1, id: "quantity#{dom_id(product)}"
+
+          .product-details__add-to-cart-action= button_tag t('workarea.storefront.products.add_to_cart'), value: 'add_to_cart', class: 'button button--solid button--large button--full'
+
+        - else
+          = hidden_field_tag :quantity, params[:quantity] || 1, id: "quantity#{dom_id(product)}"
+          %p.product-details__unavailable= t('workarea.storefront.products.unavailable')
+
+      = append_partials('storefront.product_details', product: product)
+
+      %p.product-details__full-details=link_to t('workarea.storefront.products.view_full_details'), product_path(product, color: params[:color]), class: 'text-button', itemprop: 'url'

data/app/views/workarea/storefront/recent_views/show.html.haml

@@ -0,0 +1,27 @@
+- if @recent_views.products.any? || @recent_views.categories.any? || @recent_views.searches.any?
+  .recent-views
+
+    - if @recent_views.products.any?
+      .recent-views__section.recent-views__section--products
+        %h2.recent-views__heading= t('workarea.storefront.recommendations.recent_products')
+        .grid
+          - @recent_views.products.each do |product|
+            .grid__cell.grid__cell--50.grid__cell--25-at-medium
+              .product-summary.product-summary--small{ itemscope: true, itemtype: 'http://schema.org/Product' }
+                = render 'workarea/storefront/products/summary', product: product
+
+    - if @recent_views.categories.any?
+      .recent-views__section.recent-views__section--categories
+        %h2.recent-views__heading= t('workarea.storefront.recommendations.recent_categories')
+        %ul.recent-views__list
+          - @recent_views.categories.each do |category|
+            %li.recent-views__item
+              = link_to category.name, category_path(category), class: 'recent-views__link'
+
+    - if @recent_views.searches.any?
+      .recent-views__section.recent-views__section--searches
+        %h2.recent-views__heading= t('workarea.storefront.recommendations.recent_searches')
+        %ul.recent-views__list
+          - @recent_views.searches.each do |search|
+            %li.recent-views__item
+              = link_to search, search_path(q: search), class: 'recent-views__link'

data/app/views/workarea/storefront/recommendations/show.html.haml

@@ -0,0 +1,9 @@
+- if @recommendations.any?
+  %section.recommendations{ role: 'presentation' }
+    %h2.recommendations__heading= t('workarea.storefront.recommendations.personalized_heading')
+    .recommendations__products
+      .grid
+        - @recommendations.each do |product|
+          .grid__cell.grid__cell--50.grid__cell--25-at-medium
+            .product-summary.product-summary--small{ itemscope: true, itemtype: 'http://schema.org/Product' }
+              = render 'workarea/storefront/products/summary', product: product

data/app/views/workarea/storefront/reviews/new.html.haml

@@ -0,0 +1,69 @@
+- @title = t('workarea.storefront.reviews.write_a_review_title', name: @product.browser_title)
+
+.write-review.view
+  %h1= t('workarea.storefront.reviews.write_a_review_title', name: @product.browser_title)
+
+  - unless request.get?
+    - if @create_review.errors.any?
+      - @create_review.errors.full_messages.each do |message|
+        = render_message 'error', message, data: { analytics: validation_error_analytics_data('review').to_json }
+
+  = form_tag create_product_review_path(@product), method: 'post', id: 'review_form', data: { product_review_ajax_submit: '' } do
+    = hidden_field_tag 'review[product_id]', @product.id
+
+    - if display_purchase_requirement_message
+      %span.write-review__purchase-requirement= t('workarea.storefront.reviews.purchase_requirement')
+
+    - if @review.requires_public_info?
+      .property
+        = label_tag 'review[first_name]', nil, class: 'property__name' do
+          %span.property__requirement.property__requirement--required= t('workarea.storefront.forms.required')
+          %span.property__text= t('workarea.storefront.users.first_name')
+        .value
+          = text_field_tag 'review[first_name]', @review.first_name, class: 'text-box', required: true
+          .value__note Only the first letter of your name will be displayed.
+      .property
+        = label_tag 'review[last_name]', nil, class: 'property__name' do
+          %span.property__requirement.property__requirement--required= t('workarea.storefront.forms.required')
+          %span.property__text= t('workarea.storefront.users.last_name')
+        .value
+          = text_field_tag 'review[last_name]', @review.last_name, class: 'text-box', required: true
+          .value__note Only the first letter of your name will be displayed.
+
+    - if @review.anonymous?
+      .property
+        = label_tag 'review[email]', nil, class: 'property__name' do
+          %span.property__text= t('workarea.storefront.users.email')
+          %span.property__requirement.property__requirement--optional= t('workarea.storefront.forms.optional')
+        .value
+          = email_field_tag 'review[email]', @review.email, class: 'text-box', autocapitalize: 'off', autocorrect: 'off', autocomplete: 'email'
+          .value__note Will only be used if we need to get in touch with you.
+
+
+    .property
+      = label_tag 'review[rating]', nil, class: 'property__name' do
+        %span.property__text= t('workarea.storefront.reviews.rating')
+      %ul.write-review__ratings
+        - (1..5).each do |i|
+          %li.write-review__rating
+            = radio_button_tag 'review[rating]', i, (i == @review.rating || i == 5) ? true : false, class: 'write-review__rating-input', data: { rating_button: '' }
+            = label_tag "review[rating][#{i}]", nil, class: 'write-review__star' do
+              = inline_svg 'workarea/storefront/icons/star.svg', class: 'write-review__star-icon', title: t('workarea.storefront.reviews.stars', count: i)
+
+    .property
+      = label_tag 'review[title]', nil, class: 'property__name' do
+        %span.property__text= t('workarea.storefront.reviews.review_title')
+        %span.property__requirement.property__requirement--optional= t('workarea.storefront.forms.optional')
+      .value= text_field_tag 'review[title]', @review.title, class: 'text-box'
+
+    .property
+      = label_tag 'review[body]', nil, class: 'property__name' do
+        %span.property__requirement.property__requirement--required= t('workarea.storefront.forms.required')
+        %span.property__text= t('workarea.storefront.reviews.your_review')
+      .value= text_area_tag 'review[body]', @review.body, class: 'text-box text-box--multi-line', required: true
+
+    .property= recaptcha_tags
+
+    .grid.grid--auto
+      %p.grid__cell= button_tag t('workarea.storefront.reviews.submit'), value: 'submit_review', class: 'button', data: { disable_with: loading_indicator(t('workarea.storefront.reviews.submit_disabled')) }
+      %p.grid__cell= link_to t('workarea.storefront.forms.cancel'), product_path(@product), class: 'text-button', data: { dialog_close_button: '' }