workarea-package_products 3.3.3

data/app/views/workarea/admin/create_catalog_package_products/content.html.haml

@@ -0,0 +1,54 @@
+- @page_title = t('workarea.admin.create_catalog_products.content.page_title', product_name: @product.name)
+
+.view
+  .view__header
+    .view__heading
+      %h1.heading.heading--no-margin= t('workarea.admin.create_catalog_products.content.add_content', product_name: @product.name)
+      %p= link_to t('workarea.admin.create_catalog_products.content.or_skip_this'), categorization_create_catalog_package_product_path(@product)
+
+  .view__container.view__container--narrow
+    = form_tag save_content_create_catalog_package_product_path(@product), method: 'post' do
+      .section
+        %h2= t('workarea.admin.create_catalog_products.content.description')
+
+        .property
+          .wysiwyg{ data: { wysiwyg: '' } }= text_area_tag 'product[description]', @product.description, class: 'text-box text-box--multi-line text-box--i18n', id: "product_description"
+
+      .section
+        %h2= t('workarea.admin.create_catalog_products.content.seo')
+
+        .property
+          = label_tag 'product[browser_title]', t('workarea.admin.create_catalog_products.content.browser_title'), class: 'property__name'
+          = text_field_tag 'product[browser_title]', @product.browser_title, class: 'text-box text-box--i18n', placeholder: '(defaults to the product name)'
+          %span.property__note= t('workarea.admin.create_catalog_products.content.appears_in_the_browser_and_is_shown_in_search_engine_results')
+
+        .property
+          = label_tag 'product[meta_description]', t('workarea.admin.create_catalog_products.content.meta_description'), class: 'property__name'
+          = text_field_tag 'product[meta_description]', @product.meta_description, class: 'text-box text-box--i18n', placeholder: t('workarea.admin.create_catalog_products.content.defaults_to_a_truncated_description')
+          %span.property__note= t('workarea.admin.create_catalog_products.content.provides_a_summary_that_is_displayed_on_search_engine_result_pages')
+
+      .workflow-bar
+        .grid.grid--middle
+          .grid__cell.grid__cell--20
+            = link_to t('workarea.admin.create_catalog_products.content.cancel'), catalog_product_path(@product), class: 'workflow-bar__button workflow-bar__button--delete', data: { method: 'delete', confirm: t('workarea.admin.create_catalog_products.are_you_sure_all_work_on_this_product_will_be_lost') }
+
+          .grid__cell.grid__cell--60
+            %ol.workflow-bar__steps
+              %li.workflow-bar__step
+                1) #{link_to t('workarea.admin.create_catalog_products.steps.setup'), edit_create_catalog_package_product_path(@product)}
+              %li.workflow-bar__step
+                2) #{link_to t('workarea.admin.create_catalog_package_products.steps.packaged_products'), packaged_products_create_catalog_package_product_path(@product)}
+              %li.workflow-bar__step
+                3) #{link_to t('workarea.admin.create_catalog_products.steps.images'), images_create_catalog_package_product_path(@product)}
+              %li.workflow-bar__step
+                4) #{link_to t('workarea.admin.create_catalog_products.steps.details'), details_create_catalog_package_product_path(@product)}
+              %li.workflow-bar__step
+                %strong 5) #{t('workarea.admin.create_catalog_products.steps.content')}
+              %li.workflow-bar__step
+                6) #{t('workarea.admin.create_catalog_products.steps.categorization')}
+              %li.workflow-bar__step
+                7) #{t('workarea.admin.create_catalog_products.steps.publish')}
+
+          .grid__cell.grid__cell--20
+            .grid.grid--auto.grid--right.grid--middle
+              .grid__cell= button_tag t('workarea.admin.create_catalog_products.content.save_and_categorize'), value: 'save_content', class: 'workflow-bar__button workflow-bar__button--create'

data/app/views/workarea/admin/create_catalog_package_products/details.html.haml

@@ -0,0 +1,87 @@
+- @page_title = t('workarea.admin.create_catalog_products.details.page_title', product_name: @product.name)
+
+.view
+  .view__header
+    .view__heading
+      %h1.heading.heading--no-margin= t('workarea.admin.create_catalog_products.details.add_details', product_name: @product.name)
+      %p= link_to t('workarea.admin.create_catalog_products.details.or_skip_this'), content_create_catalog_package_product_path(@product)
+
+  .view__container.view__container--narrow
+    = form_tag save_details_create_catalog_package_product_path(@product), method: 'post' do
+      .grid.grid--huge
+        .grid__cell.grid__cell--50-at-medium
+          .section
+            %h2= t('workarea.admin.create_catalog_products.details.filters')
+
+            %table
+              %tbody
+                - @filters.each do |name, value|
+                  %tr
+                    %td
+                      .property
+                        = text_field_tag 'filters[]', name, class: 'text-box text-box--i18n', title: 'New Filter Name', placeholder: 'Name', data: { rule_notypefilter: 'true' }, id: "filter_#{name}"
+                    %td
+                      .property
+                        = text_field_tag 'filters[]', hash_editing_value(value), class: 'text-box text-box--i18n', title: 'New Filter Value', placeholder: 'Value', id: "filter_#{name}_value"
+
+                %tr{ data: { cloneable_row: '' } }
+                  %td
+                    .property
+                      = text_field_tag 'filters[]', nil, class: 'text-box text-box--i18n', title: 'New Filter Name', placeholder: 'Name', data: { rule_notypefilter: 'true' }, id: 'new_filter_name'
+                      %span.property__note= t('workarea.admin.create_catalog_products.details.example_color')
+                  %td
+                    .property
+                      = text_field_tag 'filters[]', nil, class: 'text-box text-box--i18n', title: 'New Filter Value', placeholder: 'Value', id: 'new_filter_value'
+                      %span.property__note= t('workarea.admin.create_catalog_products.details.comma_separated_red_green')
+
+        .grid__cell.grid__cell--50-at-medium
+          .section
+            %h2= t('workarea.admin.create_catalog_products.details.details')
+
+            %table
+              %tbody
+                - @details.each do |name, value|
+                  %tr
+                    %td
+                      .property
+                        = text_field_tag 'details[]', name, class: 'text-box text-box--i18n', title: 'Name', placeholder: 'Name', data: { rule_notypefilter: 'true' }, id: "detail_#{name}"
+                    %td
+                      .property
+                        = text_field_tag 'details[]', hash_editing_value(value), class: 'text-box text-box--i18n', title: 'Value', placeholder: 'Value', id: "detail_#{name}_value"
+
+                %tr{ data: { cloneable_row: '' } }
+                  %td
+                    .property
+                      = text_field_tag 'details[]', nil, class: 'text-box text-box--i18n', title: 'Name', placeholder: 'Name', data: { rule_notypefilter: 'true' }, id: 'new_detail_name'
+                      %span.property__note= t('workarea.admin.create_catalog_products.details.example_manufactured')
+                  %td
+                    .property
+                      = text_field_tag 'details[]', nil, class: 'text-box text-box--i18n', title: 'Value', placeholder: 'Value', id: 'new_detail_value'
+                      %span.property__note= t('workarea.admin.create_catalog_products.details.example_usa')
+
+          .workflow-bar
+            .grid.grid--middle
+              .grid__cell.grid__cell--20
+                = link_to t('workarea.admin.create_catalog_products.details.cancel'), catalog_product_path(@product), class: 'workflow-bar__button workflow-bar__button--delete', data: { method: 'delete', confirm: t('workarea.admin.create_catalog_products.are_you_sure_all_work_on_this_product_will_be_lost') }
+
+              .grid__cell.grid__cell--60
+
+                %ol.workflow-bar__steps
+                  %li.workflow-bar__step
+                    1) #{link_to t('workarea.admin.create_catalog_products.steps.setup'), edit_create_catalog_package_product_path(@product)}
+                  %li.workflow-bar__step
+                    2) #{link_to t('workarea.admin.create_catalog_package_products.steps.packaged_products'), packaged_products_create_catalog_package_product_path(@product)}
+                  %li.workflow-bar__step
+                    2) #{link_to t('workarea.admin.create_catalog_products.steps.images'), images_create_catalog_package_product_path(@product)}
+                  %li.workflow-bar__step
+                    %strong 4) #{t('workarea.admin.create_catalog_products.steps.details')}
+                  %li.workflow-bar__step
+                    5) #{t('workarea.admin.create_catalog_products.steps.content')}
+                  %li.workflow-bar__step
+                    6) #{t('workarea.admin.create_catalog_products.steps.categorization')}
+                  %li.workflow-bar__step
+                    7) #{t('workarea.admin.create_catalog_products.steps.publish')}
+
+              .grid__cell.grid__cell--20
+                .grid.grid--auto.grid--right.grid--middle
+                  = button_tag t('workarea.admin.create_catalog_products.details.save_details_and_continue'), value: 'save_details', class: 'workflow-bar__button workflow-bar__button--create'

data/app/views/workarea/admin/create_catalog_package_products/images.html.haml

@@ -0,0 +1,57 @@
+- @page_title = t('workarea.admin.create_catalog_products.images.page_title', product_name: @product.name)
+
+.view
+  .view__header
+    .view__heading
+      %h1.heading.heading--no-margin= t('workarea.admin.create_catalog_products.images.add_images', product_name: @product.name)
+      %p= link_to t('workarea.admin.create_catalog_products.images.or_skip_this'), details_create_catalog_package_product_path(@product)
+
+
+  .view__container
+    = form_tag save_images_create_catalog_package_product_path(@product), method: 'post', multipart: true do
+      .grid.grid--center
+        .grid__cell.grid__cell--50-at-medium
+          %table
+            %thead
+              %tr
+                %th
+                %th= t('workarea.admin.create_catalog_products.images.image')
+                %th= t('workarea.admin.create_catalog_products.images.option')
+            %tbody
+              - @product.images.each do |image|
+                %tr
+                  %td= image_tag product_image_url(image, :small)
+                  %td= file_field_tag "updates[#{image.id}][image]", class: 'text-box'
+                  %td= text_field_tag "updates[#{image.id}][option]", image.option, placeholder: 'Blue', class: 'text-box text-box--small text-box--i18n'
+
+              %tr{ data: { cloneable_row: '' } }
+                %td
+                %td= file_field_tag 'images[][image]', class: 'text-box'
+                %td= text_field_tag 'images[][option]', nil, placeholder: 'Blue', class: 'text-box text-box--small text-box--i18n'
+
+      .workflow-bar
+        .grid.grid--middle
+          .grid__cell.grid__cell--20
+            = link_to t('workarea.admin.create_catalog_products.images.cancel'), catalog_product_path(@product), class: 'workflow-bar__button workflow-bar__button--delete', data: { method: 'delete', confirm: t('workarea.admin.create_catalog_products.are_you_sure_all_work_on_this_product_will_be_lost') }
+
+          .grid__cell.grid__cell--60
+
+            %ol.workflow-bar__steps
+              %li.workflow-bar__step
+                1) #{link_to t('workarea.admin.create_catalog_products.steps.setup'), edit_create_catalog_package_product_path(@product)}
+              %li.workflow-bar__step
+                2) #{link_to t('workarea.admin.create_catalog_package_products.steps.packaged_products'), packaged_products_create_catalog_package_product_path(@product)}
+              %li.workflow-bar__step
+                %strong 3) #{t('workarea.admin.create_catalog_products.steps.images')}
+              %li.workflow-bar__step
+                4) #{t('workarea.admin.create_catalog_products.steps.details')}
+              %li.workflow-bar__step
+                5) #{t('workarea.admin.create_catalog_products.steps.content')}
+              %li.workflow-bar__step
+                6) #{t('workarea.admin.create_catalog_products.steps.categorization')}
+              %li.workflow-bar__step
+                7) #{t('workarea.admin.create_catalog_products.steps.publish')}
+
+          .grid__cell.grid__cell--20
+            .grid.grid--auto.grid--right.grid--middle
+              .grid__cell= button_tag t('workarea.admin.create_catalog_products.images.save_images_and_continue'), value: 'save_images', class: 'workflow-bar__button workflow-bar__button--create'

data/app/views/workarea/admin/create_catalog_package_products/packaged_products.html.haml

@@ -0,0 +1,79 @@
+- @page_title = t('workarea.admin.create_catalog_package_products.packaged_products.page_title', product_name: @product.name)
+
+.view
+  .view__header
+    .view__heading
+      %h1.heading.heading--no-margin= t('workarea.admin.create_catalog_package_products.packaged_products.title', product_name: @product.name)
+      %p= link_to t('workarea.admin.create_catalog_package_products.workflow.skip_this'), content_create_catalog_package_product_path(@product)
+
+  .view__container
+    .section
+      %p.align-center= t('workarea.admin.create_catalog_package_products.packaged_products.instruction')
+
+      .browsing-controls.browsing-controls--with-divider.browsing-controls--center{ class: ('browsing-controls--filters-displayed' unless @search.toggle_facets?) }
+        = form_tag packaged_products_create_catalog_package_product_path(@product), method: 'get', id: 'product_search_form' do
+          = facet_hidden_inputs(@search.facets)
+          .browsing-controls__sort
+            .property.property--inline
+              = label_tag 'sort', t('workarea.admin.search.sort_by'), class: 'property__name'
+              = select_tag :sort, options_for_select(@search.sorts, selected: @search.sort), data: { form_submitting_control: '' }
+
+          .browsing-controls__search
+            .search-form
+              = text_field_tag :q, params[:q], class: 'search-form__input', title: t('workarea.admin.search.keywords'), placeholder: t('workarea.admin.search.keywords')
+              = submit_tag 'search_products', class: 'search-form__button'
+
+          = render 'workarea/admin/shared/creation_date', search: @search, form_path: packaged_products_create_catalog_package_product_path(@product)
+
+          - if @search.facets.present?
+            - @search.facets.each do |facet|
+              = render "workarea/admin/facets/#{facet.type}", facet: facet
+
+          -if @search.toggle_facets?
+            .browsing-controls__toggle-filters
+              %button.text-button{ type: 'button', data: { toggle_filters: '' } }= t('workarea.admin.search.show_filters')
+
+        = render 'workarea/admin/facets/applied', search: @search, reset_path: packaged_products_create_catalog_package_product_path(@product)
+
+    - if @search.results.blank?
+      %h2
+        = t('workarea.admin.create_catalog_package_products.packaged_products.no_matching_products')
+        = link_to t('workarea.admin.create_catalog_package_products.packaged_products.start_over'), packaged_products_create_catalog_package_product_path(@product)
+
+    - else
+      .grid.grid--auto.grid--flush.grid--center
+        - @search.results.each do |result|
+          .grid__cell
+            - if @product.product_ids.include?(result.id)
+              = render 'workarea/admin/featured_products/selected', featurable: @product, product: result
+            - else
+              = render 'workarea/admin/featured_products/unselected', featurable: @product, product: result
+
+      - if @search.results.total_pages > 1
+        = render 'workarea/admin/shared/pagination', collection: @search.results
+
+  .workflow-bar
+    .grid.grid--middle
+      .grid__cell.grid__cell--20
+        = link_to t('workarea.admin.form.cancel'), catalog_product_path(@product), class: 'workflow-bar__button workflow-bar__button--delete', data: { method: 'delete', confirm: t('workarea.admin.create_catalog_package_products.workflow.cancel_message') }
+
+      .grid__cell.grid__cell--60
+        %ol.workflow-bar__steps
+          %li.workflow-bar__step
+            1) #{link_to t('workarea.admin.create_catalog_package_products.steps.setup'), edit_create_catalog_package_product_path(@product)}
+          %li.workflow-bar__step
+            %strong 2) #{t('workarea.admin.create_catalog_package_products.steps.packaged_products')}
+          %li.workflow-bar__step
+            3) #{t('workarea.admin.create_catalog_package_products.steps.images')}
+          %li.workflow-bar__step
+            4) #{t('workarea.admin.create_catalog_package_products.steps.details')}
+          %li.workflow-bar__step
+            5) #{t('workarea.admin.create_catalog_package_products.steps.content')}
+          %li.workflow-bar__step
+            6) #{t('workarea.admin.create_catalog_package_products.steps.categorization')}
+          %li.workflow-bar__step
+            7) #{t('workarea.admin.create_catalog_package_products.steps.publish')}
+
+      .grid__cell.grid__cell--20
+        .grid.grid--auto.grid--right.grid--middle
+          .grid__cell= link_to "#{t('workarea.admin.create_catalog_package_products.packaged_products.continue_to_images')} →", images_create_catalog_package_product_path(@product), class: 'workflow-bar__button'

data/app/views/workarea/admin/create_catalog_package_products/publish.html.haml

@@ -0,0 +1,61 @@
+- @page_title = t('workarea.admin.create_catalog_products.publish.page_title', product_name: @product.name)
+
+.view
+  .view__header
+    .view__heading
+      %h1.heading.heading--no-margin= t('workarea.admin.create_catalog_products.publish.when_does_it_go_live', product_name: @product.name)
+      %p= link_to t('workarea.admin.create_catalog_products.publish.or_skip_this'), url_for(@product)
+
+  .view__container.view__container--narrow
+    = form_tag save_publish_create_catalog_package_product_path(@product), method: 'post' do
+      .section
+        .grid.grid--center
+          .grid__cell.grid__cell--40-at-medium
+            .publish-create-release{ data: { publish_create_release: '' } }
+              .property
+                = radio_button_tag t('workarea.admin.create_catalog_products.publish.activate'), 'now', current_release.blank?, title: 'Active'
+                = label_tag 'activate_now', t('workarea.admin.create_catalog_products.publish.now'), class: 'heading--4'
+
+              - release_options.each do |release|
+                .property
+                  = radio_button_tag t('workarea.admin.create_catalog_products.publish.activate'), release.id, release == current_release, title: 'Active'
+                  = label_tag "activate_#{release.id}", t('workarea.admin.create_catalog_products.publish.with_release', release_name: release.name), class: 'heading--4'
+
+              .property
+                = radio_button_tag t('workarea.admin.create_catalog_products.publish.activate'), 'new_release', params[:activate] == 'new_release', title: 'Active'
+                = label_tag 'activate_new_release', t('workarea.admin.create_catalog_products.publish.with_a_new_release'), class: 'heading--4'
+
+              .publish-create-release__fields{ class: ("hidden" unless params[:activate] == 'new_release') }
+                .property
+                  = label_tag 'release[name]', t('workarea.admin.create_catalog_products.publish.release_name'), class: 'property__name'
+                  = text_field_tag 'release[name]', nil, class: 'text-box text-box--wide', placeholder: "Mother's Day #{Time.now.year}"
+                .property
+                  = label_tag 'release[publish_at]', t('workarea.admin.create_catalog_products.publish.when_does_it_publish'), class: 'property__name'
+                  = hidden_field_tag 'release[publish_at]', nil, placeholder: 'When does it publish?', data: { datetimepicker_field: { inline: true } }
+
+      .workflow-bar
+        .grid.grid--middle
+          .grid__cell.grid__cell--20
+            = link_to t('workarea.admin.create_catalog_products.publish.cancel'), catalog_product_path(@product), class: 'workflow-bar__button workflow-bar__button--delete', data: { method: 'delete', confirm: t('workarea.admin.create_catalog_products.are_you_sure_all_work_on_this_product_will_be_lost') }
+
+          .grid__cell.grid__cell--60
+            %ol.workflow-bar__steps
+              %li.workflow-bar__step
+                1) #{link_to t('workarea.admin.create_catalog_products.steps.setup'), edit_create_catalog_package_product_path(@product)}
+              %li.workflow-bar__step
+                2) #{link_to t('workarea.admin.create_catalog_package_products.steps.packaged_products'), packaged_products_create_catalog_package_product_path(@product)}
+              %li.workflow-bar__step
+                3) #{link_to t('workarea.admin.create_catalog_products.steps.images'), images_create_catalog_package_product_path(@product)}
+              %li.workflow-bar__step
+                4) #{link_to t('workarea.admin.create_catalog_products.steps.details'), details_create_catalog_package_product_path(@product)}
+              %li.workflow-bar__step
+                5) #{link_to t('workarea.admin.create_catalog_products.steps.content'), content_create_catalog_package_product_path(@product)}
+              %li.workflow-bar__step
+                6) #{link_to t('workarea.admin.create_catalog_products.steps.categorization'), categorization_create_catalog_package_product_path(@product)}
+              %li.workflow-bar__step
+                %strong
+                  7) #{t('workarea.admin.create_catalog_products.steps.publish')}
+
+          .grid__cell.grid__cell--20
+            .grid.grid--auto.grid--right.grid--middle
+              .grid__cell= button_tag t('workarea.admin.create_catalog_products.publish.save_and_finish'), value: 'publish', class: 'workflow-bar__button workflow-bar__button--create'

data/app/views/workarea/admin/create_catalog_package_products/setup.html.haml

@@ -0,0 +1,68 @@
+- @page_title = t('workarea.admin.create_catalog_products.setup.page_title')
+
+.view
+  .view__header
+    .view__heading
+      %h1= t('workarea.admin.create_catalog_products.setup.setup')
+      - unless params[:continue]
+        %p
+          = t('workarea.admin.create_catalog_products.setup.going_to_create_several_products_at_once')
+          = link_to t('workarea.admin.create_catalog_products.setup.try_the_csv_import'), new_data_file_import_path(model_type: 'Workarea::Catalog::Product')
+          %br
+          = t('workarea.admin.create_catalog_products.setup.copy_a_product')
+          = link_to t('workarea.admin.create_catalog_products.setup.copy_button'), new_catalog_product_copy_path
+
+  .view__container.view__container--narrow
+    - @product.errors.full_messages.each do |message|
+      = render_message 'error', message
+
+    = form_tag create_catalog_package_products_path, method: 'post' do
+      = hidden_field_tag :id, @product.slug unless @product.new_record?
+      = hidden_field_tag 'product[active]', false
+
+      .section
+        .property.property--required
+          = label_tag 'product[name]', t('workarea.admin.create_catalog_products.setup.product_name'), class: 'property__name'
+          = text_field_tag 'product[name]', @product.name, class: 'text-box text-box--i18n', required: true
+
+        .property
+          = label_tag 'product[slug]', t('workarea.admin.fields.slug'), class: 'property__name'
+          %span= storefront.product_url('')
+          = text_field_tag 'product[slug]', @product.slug, class: 'text-box text-box--medium', placeholder: @product.slug || 'your-slug-here'
+
+        .property
+          = label_tag 'product[tag_list]', t('workarea.admin.fields.tags'), class: 'property__name'
+          = text_field_tag 'product[tag_list]', @product.tag_list, class: 'text-box'
+          %span.property__note= t('workarea.admin.create_catalog_products.setup.tags_note')
+
+        .property
+          = label_tag 'product_template', t('workarea.admin.fields.template'), class: 'property__name'
+          = select_tag 'product[template]', options_for_select(@product.templates, @product.template)
+
+        - if @product.customization_options.many?
+          .property
+            = label_tag "product_customizations", t('workarea.admin.fields.customizations'), class: 'property__name'
+            = select_tag 'product[customizations]', options_for_select(@product.customization_options, @product.customizations), id: "product_customizations"
+
+      .workflow-bar
+        .grid.grid--middle
+          .grid__cell.grid__cell--20
+            - if @product.new_record?
+              = link_to t('workarea.admin.create_catalog_products.setup.cancel'), catalog_products_path, class: 'workflow-bar__button workflow-bar__button--delete'
+            - else
+              = link_to t('workarea.admin.create_catalog_products.setup.cancel'), catalog_product_path(@product), class: 'workflow-bar__button workflow-bar__button--delete', data: { method: 'delete', confirm: t('workarea.admin.create_catalog_products.are_you_sure_all_work_on_this_product_will_be_lost') }
+
+          .grid__cell.grid__cell--60
+            %ol.workflow-bar__steps
+              %li.workflow-bar__step
+                %strong 1) #{t('workarea.admin.create_catalog_products.steps.setup')}
+              %li.workflow-bar__step 2) #{t('workarea.admin.create_catalog_package_products.steps.packaged_products')}
+              %li.workflow-bar__step 3) #{t('workarea.admin.create_catalog_products.steps.images')}
+              %li.workflow-bar__step 4) #{t('workarea.admin.create_catalog_products.steps.details')}
+              %li.workflow-bar__step 5) #{t('workarea.admin.create_catalog_products.steps.content')}
+              %li.workflow-bar__step 6) #{t('workarea.admin.create_catalog_products.steps.categorization')}
+              %li.workflow-bar__step 7) #{t('workarea.admin.create_catalog_products.steps.publish')}
+
+          .grid__cell.grid__cell--20
+            .grid.grid--auto.grid--right.grid--middle
+              .grid__cell= button_tag t('workarea.admin.create_catalog_package_products.setup.save_and_add_products'), value: 'save_setup', class: 'workflow-bar__button workflow-bar__button--create'

data/app/views/workarea/admin/create_catalog_products/select.html.haml

@@ -0,0 +1,34 @@
+- @page_title = t('workarea.admin.create_catalog_products.select.title')
+
+.view
+  .view__header
+    .view__heading
+      %h1.heading--no-margin= t('workarea.admin.create_catalog_products.select.title')
+      %p.align-center= t('workarea.admin.create_catalog_products.select.instruction')
+
+  = form_tag create_catalog_products_path, method: 'get' do
+    .section
+      .grid
+        .grid__cell.grid__cell--33
+        .grid__cell.grid__cell--33
+          .section.align-center
+            .property
+              = radio_button_tag 'product_type', 'standard', true, title: t('workarea.admin.create_catalog_products.select.standard')
+              = label_tag 'product_type_standard', t('workarea.admin.create_catalog_products.select.standard'), class: 'heading--3'
+              %p= t('workarea.admin.create_catalog_products.select.standard_description')
+            .property
+              = radio_button_tag 'product_type', 'package', false, title: t('workarea.admin.create_catalog_products.select.package')
+              = label_tag 'product_type_package', t('workarea.admin.create_catalog_products.select.package'), class: 'heading--3'
+              %p= t('workarea.admin.create_catalog_products.select.package_description')
+        .grid__cell.grid__cell--33
+
+    .workflow-bar
+      .grid.grid--middle
+        .grid__cell.grid__cell--20
+          = link_to t('workarea.admin.form.cancel'), catalog_products_path, class: 'workflow-bar__button workflow-bar__button--delete'
+
+        .grid__cell.grid__cell--60
+
+        .grid__cell.grid__cell--20
+          .grid.grid--auto.grid--right.grid--middle
+            .grid__cell= button_tag t('workarea.admin.create_catalog_products.select.button'), value: 'select_product_type', class: 'workflow-bar__button workflow-bar__button--create'