{#
/**
 * @file
 * Theme override for a node edit form.
 *
 * Two column template for the node add/edit form.
 *
 * This template will be used when a node edit form specifies 'node_edit_form'
 * as its #theme callback.  Otherwise, by default, node add/edit forms will be
 * themed by form.html.twig.
 *
 * Available variables:
 * - form: The node add/edit form.
 *
 * @see seven_form_node_form_alter()
 */
#}
{{ attach_library('cstv_advertisement/cstv_advertisement.product_offer') }}
<div class="content clearfix row">
  <div class="col layout-region-node-footer">
    {{ form.actions }}
  </div>
  <div class="col-md-12 layout-region layout-region-node-main">
    {{ form|without('advanced', 'actions', 'group_select_product', 'group_product_details', 'group_offer_details', 'group_sku_no', 'group_audience_restriction') }}
    <div class="group-details-wrapper">
      {{ form.group_select_product }}
    </div>
    <div class="offer-details-sku-wrapper">
      <fieldset>
        <legend class="form-required">
          <span class="fieldset-legend">Product Details</span>
        </legend>
        <div class="fieldset-wrapper">
          <div class="content">
            <div class="product-name product-content">
              <label>Product Name</label>
              <div class="product-name-value product-value"></div>
            </div>
            <div class="product-brand product-content">
              <label>Brand</label>
              <div class="product-branding-value product-value"></div>
            </div>
            <div class="product-format product-content">
              <label>Format</label>
              <div class="product-format-value product-value"></div>
            </div>
            <div class="product-category product-content">
              <label>Category</label>
              <div class="product-category-value product-value"></div>
            </div>
          </div>
        </div>
      </fieldset>
      <fieldset>
        <legend class="form-required">
          <span class="fieldset-legend">Sku No.</span>
        </legend>
        <div class="fieldset-wrapper">
          <div class="content">
            <div class="product-category product-content">
              <label>UPC / GTIN</label>
              <div class="product-upc-value product-value"></div>
            </div>
            <div class="product-category product-content">
              <label>ON Gov SKU No</label>
              <div class="product-on-value product-value"></div>
              <div class="on-input hidden">
                {{ form.field_on_gov_sku_no.widget }}
              </div>
            </div>
            <div class="product-category product-content">
              <label>AB Gov SKU No</label>
              <div class="product-ab-value product-value"></div>
              <div class="ab-input hidden">
                {{ form.field_ab_gov_sku_no.widget }}
              </div>
            </div>
            <div class="product-category product-content">
              <label>BC Gov SKU No</label>
              <div class="product-bc-value product-value"></div>
              <div class="bc-input hidden">
                {{ form.field_bc_gov_sku_no.widget }}
              </div>
            </div>
          </div>
          <div class="group-sku-no">
            {# {{ dump(form) }} #}
          </div>
        </div>
      </fieldset>
    </div>
    <div class="offer-details-wrapper">
      {{ form.group_offer_details }}
    </div>
    <div class="audience-restriction-wrapper">
      {{ form.group_audience_restriction }}
    </div>
  </div>
  <div class="col-md-12 layout-region-node-secondary hidden">
    {{ form.advanced }}
  </div>
</div>