{extends file="[shared]/window.tpl"}

{block tabs}
   {windowTab id='flapDynamicRelatedProduct'}
{/block}

{block tabsContent}
   <div id="flapDynamicRelatedProduct" class="tab-pane fade active in boxFlex">
   <div class="form-group">
      <div class="col-md-6">
         <div class="">
            <label>{'name'|translate}</label>
         </div>
         <div class="">
            <input type="text" class="form-control input-sm" name="data[name]" maxlength="100" value="{$body.data.name}"/>
         </div>
      </div>

      <div class="col-md-6">
         <div class="">
            <label>{'related_type'|translate}</label>
         </div>
         <div class="">
               <select
                  data-autocomplete="productsRelatedTypes"
                  data-preload="productsRelatedTypes"
                  name="data[id_products_related_types]"
                  class="required selecter small"
                  required="required"
               >
                  <option value="{$body.data.id_products_related_types}" selected></option>
               </select>
         </div>
      </div>
   </div>

   <div class="row">
      <div class="col-md-6">
         <h5>{'filter_selection_title'|translate}</h5>
         {include "block.productsFilter.tpl" filter_size=2 filter=$body.data.data.filter_selection filterName="selection" filterInputName="data[data][filter_selection]"}
      </div>

      <div class="col-md-6">
         <h5>{'filter_match_title'|translate}</h5>
         {include "block.productsFilter.tpl" filter_size=2 filter=$body.data.data.filter_match filterName="match" filterInputName="data[data][filter_match]"}
      </div>
   </div>
{/block}
