{#
  /**
   * @file
   * Theme override for the Custom Form Example webform.
   *
   * Available variables:
   * - form: The form array.
   */
#}

{{ form.form_build_id }}
{{ form.form_token }}
{{ form.form_id }}

<div class="product-edit__top-submit actions-wrappper">
  {{ form.submit }}
  {# <button id="backButton" class="cancel-editing">Cancel</button> #}
  <a class="cancel-editing" href="">Cancel</a>
</div>

<div class="product-edit__wrapper">
  <div class="product-edit__top-section">
    <div class="regular-price top-data">Regular Price <span class="value">${{ form.regularPriceNum_current }}</span></div>
    {% set pos_value = form.pos|render|striptags|replace({'POS:': ''})|trim %}
    {% if pos_value != 'flowhub' %}
      <div class="current-price top-data">Current Price <span class="value">${{ form.currentPriceNum_current }}</span></div>
    {% endif %}
    <div class="stock-current top-data">Stock <span class="value">{{ form.stock_current }}</span></div>
    <div class="upc-current top-data">UPC <span class="value">{{ form.upc_current }}</span></div>
    <div class="sku-current top-data">SKU <span class="value">{{ form.sku_current }}</span></div>
     <div class="tags-current top-data">Smart Tags <span class="value">{{ form.smartTags }}</span></div>
  </div>

  <div class="product-edit__name-section bg-white">
    <div class="product-name section-title">Product Name</div>
    <div class="product-name-current__wrap">
      <div class="product-pos-current bold capitalize">{{ form.pos }}</div>
      <div class="product-name-current bold">{{ form.product_name_current }}</div>
    </div>
    <div class="product-name-input__wrap">
      <div class="product-name-override bold">{{ 'Override' }}</div>
      <div class="product-name-input">{{ form.productName }}</div>
    </div>
  </div>
  <div class="product-edit__additional-cannabinoids-tags-section">
    <div class="product-edit__additional-cannabinoids-title section-title">Cannabinoids</div>
    <div class="product-edit__thc-cbd-tags-section">
      <div class="product-edit__thc-wrap bg-white">
        <div class="product-edit__thc-title section-title">THC</div>
        <table border="1" cellpadding="1" cellspacing="1" class="cbd-table three-cols-table">
          <tbody>
            <tr>
              <th>&nbsp;</th>
              <th class="bold capitalize">{{ form.pos }}</th>
              <th class="center bold">Override</th>
            </tr>
            <tr>
              <td>Min</td>
              <td class="bold">{{ form.thc_min_current }}</td>
              <td>{{ form.thcMin }}</td>
            </tr>
            <tr>
              <td>Max</td>
              <td class="bold">{{ form.thc_max_current }}</td>
              <td>{{ form.thcMax }}</td>
            </tr>
            {# <tr>
              <td>Average</td>
              <td class="bold">NA</td>
              <td>{{ form.thcAvg }}</td>
            </tr> #}
            <tr>
              <td>UOM</td>
              <td class="bold">{{ form.thc_uom_current }}</td>
              <td>{{ form.thcUom }}</td>
            </tr>
          </tbody>
        </table>
      </div>

      <div class="product-edit__cbd-wrap bg-white">
        <div class="product-edit__cbd-title section-title">CBD</div>
        <table border="1" cellpadding="1" cellspacing="1" class="cbd-table three-cols-table">
          <tbody>
            <tr>
              <th>&nbsp;</th>
              <th class="bold capitalize">{{ form.pos }}</th>
              <th class="center bold">Override</th>
            </tr>
            <tr>
              <td>Min</td>
              <td class="bold">{{ form.cbd_min_current }}</td>
              <td>{{ form.cbdMin }}</td>
            </tr>
            <tr>
              <td>Max</td>
              <td class="bold">{{ form.cbd_max_current }}</td>
              <td>{{ form.cbdMax }}</td>
            </tr>
            {# <tr>
              <td>Average</td>
              <td class="bold">NA</td>
              <td>{{ form.cbdAvg }}</td>
            </tr> #}
            <tr>
              <td>UOM</td>
              <td class="bold">{{ form.cbd_uom_current }}</td>
              <td>{{ form.cbdUom }}</td>
            </tr>
          </tbody>
        </table>
      </div>

      {# <div class="product-edit__tags-wrap bg-white">
        <div class="product-edit__tags-title section-title">Promotional Menu Tags</div>
        <div class="product-edit__tags-override-field">{{ form.bvTags }}</div>
      </div> #}
    </div>
    {{ form.dynamic_override_selection }}
    <div class="product-edit__addditional-tags-section">
      <div class="product-edit__cbg-wrap bg-white" style="display: none;">
        <div class="product-edit__cbg-title section-title">CBG</div>
        <table border="1" cellpadding="1" cellspacing="1" class="cbg-table three-cols-table">
          <tbody>
            <tr>
              <th>&nbsp;</th>
              <th class="bold capitalize">{{ form.pos }}</th>
              <th class="center bold">Override</th>
            </tr>
            <tr>
              <td>Exact Value</td>
              <td class="bold">{{ form.cbg_current }}</td>
              <td>{{ form.cbg }}</td>
            </tr>
            <tr>
              <td>UOM</td>
              <td class="bold">{{ form.cbg_uom_current }}</td>
              <td>{{ form.cbgUom }}</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="product-edit__cbn-wrap bg-white" style="display: none;">
        <div class="product-edit__cbn-title section-title">CBN</div>
        <table border="1" cellpadding="1" cellspacing="1" class="cbn-table three-cols-table">
          <tbody>
            <tr>
              <th>&nbsp;</th>
              <th class="bold capitalize">{{ form.pos }}</th>
              <th class="center bold">Override</th>
            </tr>
            <tr>
              <td>Exact Value</td>
              <td class="bold">{{ form.cbn_current }}</td>
              <td>{{ form.cbn }}</td>
            </tr>
            <tr>
              <td>UOM</td>
              <td class="bold">{{ form.cbn_uom_current }}</td>
              <td>{{ form.cbnUom }}</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="product-edit__thca-wrap bg-white" style="display: none;">
        <div class="product-edit__thca-title section-title">THCA</div>
        <table border="1" cellpadding="1" cellspacing="1" class="thca-table three-cols-table">
          <tbody>
            <tr>
              <th>&nbsp;</th>
              <th class="bold capitalize">{{ form.pos }}</th>
              <th class="center bold">Override</th>
            </tr>
            <tr>
              <td>Exact Value</td>
              <td class="bold">{{ form.thca_current }}</td>
              <td>{{ form.thca }}</td>
            </tr>
            <tr>
              <td>UOM</td>
              <td class="bold">{{ form.thca_uom_current }}</td>
              <td>{{ form.thcaUom }}</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="product-edit__thcv-wrap bg-white" style="display: none;">
        <div class="product-edit__thcv-title section-title">THCV</div>
        <table border="1" cellpadding="1" cellspacing="1" class="thcv-table three-cols-table">
          <tbody>
            <tr>
              <th>&nbsp;</th>
              <th class="bold capitalize">{{ form.pos }}</th>
              <th class="center bold">Override</th>
            </tr>
            <tr>
              <td>Exact Value</td>
              <td class="bold">{{ form.thcv_current }}</td>
              <td>{{ form.thcv }}</td>
            </tr>
            <tr>
              <td>UOM</td>
              <td class="bold">{{ form.thcv_uom_current }}</td>
              <td>{{ form.thcvUom }}</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="product-edit__tac-wrap bg-white" style="display: none;">
        <div class="product-edit__tac-title section-title">TAC</div>
        <table border="1" cellpadding="1" cellspacing="1" class="tac-table three-cols-table">
          <tbody>
            <tr>
              <th>&nbsp;</th>
              <th class="bold capitalize">{{ form.pos }}</th>
              <th class="center bold">Override</th>
            </tr>
            <tr>
              <td>Exact Value</td>
              <td class="bold">{{ form.tac_current }}</td>
              <td>{{ form.tac }}</td>
            </tr>
            <tr>
              <td>UOM</td>
              <td class="bold">{{ form.tac_uom_current }}</td>
              <td>{{ form.tacUom }}</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="product-edit__cbc-wrap bg-white" style="display: none;">
        <div class="product-edit__cbc-title section-title">CBC</div>
        <table border="1" cellpadding="1" cellspacing="1" class="cbc-table three-cols-table">
          <tbody>
            <tr>
              <th>&nbsp;</th>
              <th class="bold capitalize">{{ form.pos }}</th>
              <th class="center bold">Override</th>
            </tr>
            <tr>
              <td>Exact Value</td>
              <td class="bold">{{ form.cbc_current }}</td>
              <td>{{ form.cbc }}</td>
            </tr>
            <tr>
              <td>UOM</td>
              <td class="bold">{{ form.cbc_uom_current }}</td>
              <td>{{ form.cbcUom }}</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="product-edit__attributes-section bg-white">
    <div class="attribute-name section-title">Attributes</div>
    <div class="attributes-tables__wrap">
      <table border="1" cellpadding="1" cellspacing="1" class="attributes-table attributes-table-left">
        <tbody>
          <tr>
            <th>&nbsp;</th>
            <th class="bold capitalize">{{ form.pos }}</th>
            <th class="center bold header-padding">Override</th>
          </tr>
          <tr>
            <td>Brand Name</td>
            <td class="bold">{{ form.brandName_current }}</td>
            <td>{{ form.brandName }}</td>
          </tr>
          <tr>
            <td>Strain Name</td>
            <td class="bold">{{ form.strainName_current }}</td>
            <td>{{ form.strainName }}</td>
          </tr>
          <tr>
            <td>Supplier</td>
            <td class="bold">{{ form.supplier_current }}</td>
            <td>{{ form.supplier }}</td>
          </tr>
          <tr>
            <td>Category</td>
            <td class="bold">{{ form.categories_current }}</td>
            <td>{{ form.categories }}</td>
          </tr>
          <tr>
            <td>Strain</td>
            <td class="bold">{{ form.strain_current }}</td>
            <td>{{ form.strainType }}</td>
          </tr>
          <tr>
            <td>Format</td>
            <td class="bold">{{ form.format_current }}</td>
            <td>{{ form.format }}</td>
          </tr>
          <tr>
            <td>Subformat</td>
            <td class="bold">{{ form.subFormat_current }}</td>
            <td>{{ form.subFormat }}</td>
          </tr>
          {# <tr>
            <td>Is it Craft</td>
            <td class="bold">{{ form.is_craft_current }}</td>
            <td>{{ form.isCraft }}</td>
          </tr> #}
        </tbody>
      </table>

      <table border="1" cellpadding="1" cellspacing="1" class="attributes-table attributes-table-right">
        <tbody>
          <tr>
            <th>&nbsp;</th>
            <th class="bold capitalize">{{ form.pos }}</th>
            <th class="center bold header-padding">Override</th>
          </tr>
          <tr>
            <td>Net Size</td>
            <td class="bold">{{ form.netSizeContainer.net_size_current }}</td>
            <td>{{ form.netSizeContainer.netSize }}</td>
          </tr>
          <tr>
            <td>Net Size UOM</td>
            <td class="bold">{{ form.netSizeContainer.net_size_uom_current }}</td>
            <td>{{ form.netSizeContainer.netSizeUom }}</td>
          </tr>
          <tr>
            <td>Grams Cannabis</td>
            <td class="bold">{{ form.grams_cannabis_current }}</td>
            <td>{{ form.gramsCannabis }}</td>
          </tr>
          <tr>
            <td>Pieces in Pack</td>
            {# <td>{{ form.categories_current }}</td> #}
            <td class="bold">{{ form.pieces_in_pack_current }}</td>
            <td>{{ form.piecesInPack }}</td>
          </tr>
          <tr>
            <td>Piece Size</td>
            <td class="bold">{{ form.pieceSizeContainer.piece_size_current }}</td>
            <td>{{ form.pieceSizeContainer.pieceSize }}</td>
          </tr>
          <tr>
            <td>Piece Size UOM</td>
            <td class="bold">{{ form.pieceSizeContainer.piece_size_uom_current }}</td>
            <td>{{ form.pieceSizeContainer.pieceUom }}</td>
          </tr>
          {% set pos_value = form.pos|render|striptags|replace({'POS:': ''})|trim %}
          {% if pos_value == 'flowhub' %}
          <tr>
            <td>Current Price</td>
            <td class="bold current-price-flowhub">${{ form.currentPriceNum_current }}</td>
            <td>{{ form.currentPriceNum }}</td>
          </tr>
          {% endif %}
        </tbody>
      </table>
    </div>
  </div>

  {# <div class="product-edit__specs-wrap bg-white">
    <div class="product-edit__specs-title section-title">Custom Fields</div>
    <div class="product-edit__specs-bottom-wrap">
      <div class="product-edit__specs-default-wrap">
        <div class="product-edit__specs-pos bold capitalize">{{ form.pos }}</div>
        <div class="product-edit__specs-keyvalue">
          <div class="column">
            <div class="key-wrap">
              <div class="key">Key</div>
              <div class="key-data bold">00.00</div>
            </div>
             <div class="value-wrap">
              <div class="value">Value</div>
              <div class="value-data bold">00.00</div>
            </div>
          </div>
          <div class="column">
            <div class="key-wrap">
              <div class="key">Key</div>
              <div class="key-data bold">00.00</div>
            </div>
             <div class="value-wrap">
              <div class="value">Value</div>
              <div class="value-data bold">00.00</div>
            </div>
          </div>
          <div class="column">
            <div class="key-wrap">
              <div class="key">Key</div>
              <div class="key-data bold">00.00</div>
            </div>
             <div class="value-wrap">
              <div class="value">Value</div>
              <div class="value-data bold">00.00</div>
            </div>
          </div>
        </div>
        <div class="product-edit__specs-override bold">{{ "Override" }}</div>
        <div class="product-edit__specs-override-wrap">{{ form.specs_fieldset }}</div>
      </div>
    </div>
  </div>

  <div class="product-edit__images-wrap bg-white">
    <div class="product-edit__image-title section-title">Images</div>
    <div class="product-edit__image-columns">
      <div class="column">
        <div class="product-edit__image-name bold center">Package</div>
        <div class="product-edit__image-pos center bold capitalize">{{ form.pos }}</div>
        <div class="product-edit__image-override center bold">Override</div>
        <div class="product-edit__image-override-image image-box">{{ form.packageImageUrl }}</div>
      </div>
      <div class="column">
        <div class="product-edit__image-name bold center">Product</div>
        <div class="product-edit__image-pos center bold capitalize">{{ form.pos }}</div>
        <div class="product-edit__image-override center bold">Override</div>
        <div class="product-edit__image-override-image image-box">{{ form.productImageUrl }}</div>
      </div>
      <div class="column">
        <div class="product-edit__image-name bold center">Plant</div>
        <div class="product-edit__image-pos center bold capitalize">{{ form.pos }}</div>
        <div class="product-edit__image-override center bold">Override</div>
        <div class="product-edit__image-override-image image-box">{{ form.plantImageUrl }}</div>
      </div>
      <div class="column">
        <div class="product-edit__image-name bold center">Logo</div>
        <div class="product-edit__image-pos center bold capitalize">{{ form.pos }}</div>
        <div class="product-edit__image-override center bold">Override</div>
        <div class="product-edit__image-override-image image-box">{{ form.logoImageUrl }}</div>
      </div>
      <div class="column">
        <div class="product-edit__image-name bold center">Hero</div>
        <div class="product-edit__image-pos center bold capitalize">{{ form.pos }}</div>
        <div class="product-edit__image-override center bold">Override</div>
        <div class="product-edit__image-override-image image-box">{{ form.heroImageUrl }}</div>
      </div>
    </div>
  </div> #}

  <div class="product-edit__desc-wrap bg-white">
    <div class="product-edit__desc-title section-title">Description</div>
    <div class="product-edit__desc-short-wrap">
      <div class="product-edit__desc-short-legend legend">Short</div>
      <div class="product-edit__desc-short-pos bold capitalize">{{ form.pos }}</div>  
      <div class="product-edit__desc-short-current current-description">{{ form.short_description_current }}</div> 
      <div class="override-text bold">Override</div>
      <div class="product-edit__desc-short-input">{{ form.shortDescription }}</div>   
    </div>
    <div class="product-edit__desc-long-wrap">
      <div class="product-edit__desc-long-legend legend">Long</div>
      <div class="product-edit__desc-long-pos bold capitalize">{{ form.pos }}</div>  
      <div class="product-edit__desc-long-current current-description">{{ form.long_description_current }}</div> 
      <div class="override-text bold">Override</div>
      <div class="product-edit__desc-long-input">{{ form.longDescription }}</div>  
    </div>
  </div>

{# {{ form.product_image }} #}
{# {{ form.inStock_current }}
{{ form.terpene }} #}

<div class="product-edit__bottom-submit actions-wrappper">
  {{ form.submit }}
  {# <button id="backButton" class="cancel-editing">Cancel</button> #}
  <a class="cancel-editing" href="">Cancel</a>
</div>

</div>