- @page_title = t('workarea.admin.featured_products.edit.title', featurable: @featurable.name)

- content_for :head do
  %meta{ name: 'turbolinks-cache-control', content: 'no-cache' }

.view
  .view__header
    .grid
      .grid__cell.grid__cell--25
        = render 'workarea/admin/releases/select'
      .grid__cell.grid__cell--50
        .view__heading
          = link_to_index_for(@featurable)
          %h1= link_to @featurable.name, url_for(@featurable)
      .grid__cell.grid__cell--25
        = render_aux_navigation_for(@featurable)

  .view__container
    = render_cards_for(@featurable, :featured_products)

    .section
      - if @featurable.featured_products.blank?
        %h2.view__heading= t('workarea.admin.featured_products.edit.empty')
      - else
        %h2.view__heading= t('workarea.admin.featured_products.edit.drag_instructions')

      %p.align-center= link_to '← ' + t('workarea.admin.featured_products.edit.browse_link'), select_featured_product_path(@featurable.to_global_id)

      = render 'workarea/admin/featured_products/release_preview_warning'

      = form_tag featured_product_path(@featurable.to_global_id), method: 'patch' do
        .section
          .product-rules-preview__products
            .grid.grid--auto.grid--flush.grid--center{ data: { featured_products_sort: true } }
              - @featurable.featured_products.each do |product|
                .grid__cell
                  .product-summary
                    = hidden_field_tag 'product_ids[]', product.id, id: nil
                    .product-summary__media
                      .product-summary__image-wrapper
                        = image_tag(product_image_url(product.primary_image, :small), alt: product.name, class: 'product-summary__image')
                    = link_to inline_svg('workarea/admin/icons/close.svg', class: 'svg-icon svg-icon--red', title: t('workarea.admin.actions.remove')), remove_featured_product_path(@featurable.to_global_id, product_id: product.id), class: 'product-summary__remove', data: { remote: true, method: 'delete', dom_remove: '.product-summary' }
                    %span.product-summary__name= product.name
                    %span.product-summary__graph
                      %span.spark{ title: t('workarea.admin.catalog_categories.cards.featured_products.sparkline_title') }
                        {#{sparkline_analytics_data_for(product.insights.orders_sparkline).join(',')}}