<div id="flapSettingsOutdoor" class="tab-pane fade in boxFlex">
    {get_contexts language=1 assign='contexts'}
   <div class="panel panel-default">
      <div class="panel-heading collapsed panel-heading-flex" data-toggle="collapse" data-target="#oc_synchronization">
         <p style="margin-left: 10px;"><strong>Synchronizace</strong></p>
      </div>
      <div id="oc_synchronization" class="panel-collapse collapse in">
         <div class="panel-body">
            <div class="row">
               <div class="col-md-12" style="border-bottom: 1px solid #e6e9ed; margin: 5px 0 10px; padding-bottom: 6px;">
                  <strong>Akce</strong>
               </div>
            </div>

            <div class="form-group">
               <div class="col-md-3">
                  <a href="{path('external_hannah_ocadmin_importproductpositions')}" target="_blank" class="btn btn-sm btn-success btn-block">
                     Import pozic produktů
                  </a>
               </div>
            </div>

            <div class="row">
               <div class="col-md-12" style="border-bottom: 1px solid #e6e9ed; margin: 5px 0 10px; padding-bottom: 6px;">
                  <strong>Objednávky</strong>
               </div>
            </div>

             {foreach $contexts.language->getSupported() as $language}
                <div class="form-group">
                   <div class="col-md-2 control-label">
                      <label>Prefix pro {$language->getName()}</label>
                   </div>
                   <div class="col-md-3">
                      <input type="text" class="form-control input-sm"
                             name="data[outdoorconcept][order][prefix][{$language->getId()}]"
                             value="{$dbcfg.outdoorconcept.order.prefix[$language->getId()]}" placeholder="Prefix objednávek"/>
                   </div>
                </div>
             {/foreach}

            <div class="form-group">
               <div class="col-md-2 control-label">
                  <label>Výchozí sleva</label>
               </div>
               <div class="col-md-3">
                  <select class="selecter" name="data[outdoorconcept][order][default_discount]" data-autocomplete="order_discount" data-preload="order_discount">
                     <option value="">-- nevybráno --</option>
                     {if $dbcfg.outdoorconcept.order.default_discount}
                        <option value="{$dbcfg.outdoorconcept.order.default_discount}" selected>{$dbcfg.outdoorconcept.order.default_discount}</option>
                     {/if}
                  </select>
               </div>
            </div>

            {ifmodule DROPSHIP}
               <div class="form-group">
                  <div class="col-md-2 control-label">
                     <label>Vypnout odesílaní dropshipment objednávek do SAPu</label>
                  </div>
                  <div class="col-md-3">
                     {print_toggle nameRaw="data[outdoorconcept][order][disable_dropshipment_orders]" value={$dbcfg.outdoorconcept.order.disable_dropshipment_orders}}
                  </div>
               </div>
            {/ifmodule}

            <div class="row">
               <div class="col-md-12" style="border-bottom: 1px solid #e6e9ed; margin: 5px 0 10px; padding-bottom: 6px;">
                  <strong>Maileon</strong>
               </div>
            </div>

            {foreach $contexts.language->getSupported() as $language}
                <div class="form-group">
                   <div class="col-md-2 control-label">
                      <label>FTP pro {$language->getName()}</label>
                   </div>
                   <div class="col-md-3">
                      <input type="text" class="form-control input-sm"
                             name="data[outdoorconcept][maileon][ftp][{$language->getId()}][user]"
                             value="{$dbcfg.outdoorconcept.maileon.ftp[$language->getId()].user}" placeholder="Uživatel"/>
                   </div>
                   <div class="col-md-3">
                      <input type="text" class="form-control input-sm"
                             name="data[outdoorconcept][maileon][ftp][{$language->getId()}][pass]"
                             value="{$dbcfg.outdoorconcept.maileon.ftp[$language->getId()].pass}" placeholder="Heslo"/>
                   </div>
                </div>
             {/foreach}

            <div class="row">
               <div class="col-md-12" style="border-bottom: 1px solid #e6e9ed; margin: 5px 0 10px; padding-bottom: 6px;">
                  <strong>Produkty - jmenovky variant</strong>
               </div>
            </div>

            <div data-form="variationLabels">
               <div class="infobox">
                  <p>Podle pořadí se prochází jednotlivá mapování a hledá se vhodná jmenovka podle hodnoty v SAP poli <strong>CClsProductInfo</strong> nebo pokud je vyplněná jákoli hodnota v poli dle názvu.</p>
                  <p>Pokud není nic nalezeno, tak se aplikuje logika v synchronizaci:</p>
                  <ul>
                     <li><strong>CClsProductInfo</strong> obsahuje: boty, pantofle, sandály, sandaly, lezečky, lezecky, tretry -> jmenovka <strong>Velikost bot</strong></li>
                     <li><strong>CClsProductInfo</strong> obsahuje: lyzaky, boty_bezky, boty_skialpove -> jmenovka <strong>Velikost lyžařských bot</strong></li>
                     <li>Je vyplněná hodnota v <strong>ClsSize1</strong>? -> jmenovka <strong>Velikost</strong></li>
                     <li>Je vyplněná hodnota v <strong>ClsColor</strong>? -> jmenovka <strong>Barva</strong></li>
                  </li>
               </div>

               <div class="row bottom-space">
                  <div class="col-md-3">
                     <a href="#" data-form-add="">
                        <span class="glyphicon glyphicon-plus"></span>&nbsp;Přidat mapování jmenovky
                     </a>
                  </div>
               </div>

               {$styles="border:1px solid rgba(0, 0, 0, 0.1);border-radius:5px;padding:20px 0;margin:10px"}

               {foreach array_merge([[]], $tab.data.variationLabelsMapping) as $key => $item}
                  <div class="row wpj-form-group-flex" {if $key == 0}data-form-new="" style="display: none;{$styles}" {else}data-form-item="" style="{$styles}"{/if}>
                     <div class="col-xs-1">
                           <span class="drag-drop-mover pull-right" style="margin-top: 25px">
                              <i class="bi bi-arrows-move handle"></i>
                           </span>
                           <input type="hidden" data-sort="" name="$tab.prefix}[products][variationLabels][mapping][{$key}][position]" value="{$item.position}">
                     </div>
                     <div class="col-xs-2">
                        <div class="wpj-form-group">
                           <label>Jmenovka</label>
                           <select class="selecter"
                                   name="{$tab.prefix}[products][variationLabels][mapping][{$key}][labelId]"
                                   data-autocomplete="variationsLabels"
                                   data-preload="variationsLabels">
                              {if $item.labelId}
                                 <option value="{$item.labelId}">{$item.labelId}</option>
                              {/if}
                           </select>
                        </div>
                     </div>
                     <div class="col-xs-2">
                        <div class="wpj-form-group">
                           <label>
                              Seznam hodnot
                              <a class="help-tip" data-toggle="tooltip" title="" data-original-title="Hodnoty oddělené čárkou. Pokud se jedna ze zadaných hodnot bude shodovat s hodnotou v poli `CClsProductInfo` ze SAPu, tak se použije nastavené jmenovka varianty.">
                                 <i class="bi bi-question-circle"></i>
                              </a>
                           </label>
                           <textarea name="{$tab.prefix}[products][variationLabels][mapping][{$key}][value]"
                                     class="form-control input-sm" style="height: 34px">{$item.value}</textarea>
                        </div>
                     </div>
                     <div class="col-xs-1">
                        <div class="wpj-form-group">
                           <label>&nbsp;</label>
                           <div style="text-align: center;margin-top: 5px">nebo</div>
                        </div>
                     </div>
                     <div class="col-xs-2">
                        <div class="wpj-form-group">
                           <label>
                              Je vyplněná hodnota
                              <a class="help-tip" data-toggle="tooltip" title="" data-original-title="Pokud je v zadaném poli vyplněna jakákoli hodnota, tak bude jmenovka použita.">
                                 <i class="bi bi-question-circle"></i>
                              </a>
                           </label>
                           <input name="{$tab.prefix}[products][variationLabels][mapping][{$key}][sapFieldWithValue]" class="form-control input-sm"
                              value="{$item.sapFieldWithValue}"/>
                        </div>
                     </div>
                     <div class="col-xs-2">
                        <div class="wpj-form-group">
                           <label>
                              Pole s hodnotou
                              <a class="help-tip" data-toggle="tooltip" title="" data-original-title="Pole s hodnotou jmenovky varianty. Název SAP pole, které se použije jako hodnota jmenovky varianty (S, M, červená...).">
                                 <i class="bi bi-question-circle"></i>
                              </a>
                           </label>
                           <input name="{$tab.prefix}[products][variationLabels][mapping][{$key}][sapFieldLabelValue]" class="form-control input-sm"
                                  value="{$item.sapFieldLabelValue}" placeholder="ClsSize1" />
                        </div>
                     </div>
                     <div class="col-xs-1">
                        <span class="pull-right">
                           <a class="btn-sm btn btn-danger" data-form-delete>
                              <input class="hidden" type="checkbox" name="{$tab.prefix}[products][variationLabels][mapping][{$key}][delete]">
                              <span class="glyphicon glyphicon-remove"></span>
                           </a>
                        </span>
                     </div>
                  </div>
               {/foreach}
            </div>

            <script>
               initForm({
                  selector: '[data-form="variationLabels"]',
                  beforeAdd: function (original) {
                     var $addedItem = original();
                     window.preloadAutocompletes($addedItem);
                  }
               });

               $('[data-form="variationLabels"]').sortable({
                  helper: function(e, row) {
                     var $row = $(row);
                     var $helper = $row.clone().addClass('drag-drop');
                     return $helper[0];
                  },
                  update: function(event, ui) {
                     $(this).children().each(function(index, item) {
                        $(item).find('[data-sort]').val($(item).index()).change();
                     });
                  },
                  handle: '.handle',
                  placeholder: 'placeholder',
               });

               $('[data-form="variationLabels"] [data-form-add]').click(function() {
                  $('[data-form="variationLabels"]').data('uiSortable')._trigger('update');
               });
            </script>

         </div>
      </div>
   </div>

   <div class="panel panel-default">
      <div class="panel-heading collapsed panel-heading-flex" data-toggle="collapse" data-target="#oc_deliverytime">
         <p style="margin-left: 10px;"><strong>Nastavení doručení</strong></p>
      </div>
      <div id="oc_deliverytime" class="panel-collapse collapse in">
         <div class="panel-body">
            <div class="row">
               <div class="col-md-12" style="border-bottom: 1px solid #e6e9ed; margin: 5px 0 10px; padding-bottom: 6px;">
                  <strong>Dopravci</strong>
               </div>
            </div>

            <div class="infobox">
               <p><strong>Počet dní dopravy</strong> - znamená počet dní dopravy, který je nastaven na dopravě.</p>
               <p>
                  Finální počet dní dopravy se počítá tak, že se vezme počet dní dopravy nastavený na dopravě a k němu se přičtou další dny
                  na základě podmínek nastavených níže.
               </p>
            </div>

            <div class="form-group">
               <div class="col-md-3 control-label">
                  <label>Není skladem na centrále, ale je skladem na prodejně</label>
               </div>
               <div class="col-md-4">
                  <div class="input-group">
                     <span class="input-group-addon">Počet dní dopravy +</span>
                     <input type="text" class="form-control input-sm"
                            name="data[outdoorconcept][deliveryTime][carrier][inSellerStoreIncrement]"
                            value="{$dbcfg.outdoorconcept.deliveryTime.carrier.inSellerStoreIncrement}"/>
                     <span class="input-group-addon">dny</span>
                  </div>
               </div>
            </div>

            <div class="row">
               <div class="col-md-12" style="border-bottom: 1px solid #e6e9ed; margin: 5px 0 10px; padding-bottom: 6px;">
                  <strong>Prodejny</strong>
               </div>
            </div>

            <div class="infobox">
               <p>Pokud je skladem na vybrané prodejně, tak zobrazujeme "k vyzvednutí dnes".</p>
               <p>Pokud není skladem na prodejně, ale skladem někde jinde, tak řešíme počet dní dopravy na základně podmínek níže.</p>
            </div>

            <div class="form-group">
               <div class="col-md-3 control-label">
                  <label>Není skladem na prodejně, ale je skladem na centrále</label>
               </div>
               <div class="col-md-4">
                  <div class="input-group">
                     <input type="text" class="form-control input-sm" name="data[outdoorconcept][deliveryTime][seller][inMainStore][days]"
                            value="{$dbcfg.outdoorconcept.deliveryTime.seller.inMainStore.days}"/>
                     <span class="input-group-addon">dny +</span>
                     <input type="text" class="form-control input-sm"
                            name="data[outdoorconcept][deliveryTime][seller][inMainStore][afternoonIncrement]"
                            value="{$dbcfg.outdoorconcept.deliveryTime.seller.inMainStore.afternoonIncrement}"/>
                     <span class="input-group-addon">dny po 12 hodině</span>
                  </div>
               </div>
            </div>

            <div class="form-group">
               <div class="col-md-3 control-label">
                  <label>Není skladem na prodejně a ani na centrále, posíláme z jiné prodejny</label>
               </div>
               <div class="col-md-4">
                  <div class="input-group">
                     <input type="text" class="form-control input-sm" name="data[outdoorconcept][deliveryTime][seller][inOtherStore][days]"
                            value="{$dbcfg.outdoorconcept.deliveryTime.seller.inOtherStore.days}"/>
                     <span class="input-group-addon">dny +</span>
                     <input type="text" class="form-control input-sm"
                            name="data[outdoorconcept][deliveryTime][seller][inOtherStore][afternoonIncrement]"
                            value="{$dbcfg.outdoorconcept.deliveryTime.seller.inOtherStore.afternoonIncrement}"/>
                     <span class="input-group-addon">dny po 12 hodině</span>
                  </div>
               </div>
            </div>

         </div>
      </div>
   </div>


   <h1 class="h4 main-panel-title">Synchronizace prodejen mezi e-shopy</h1>

    {foreach ['hannah', 'rafiki', 'keen'] as $shop}
       <div class="form-group">
          <div class="col-md-2 control-label">
             <label>{$shop}</label>
          </div>
          <div class="col-md-3">
             <input type="text" class="form-control input-sm" name="data[outdoorconcept][api][{$shop}][domain]"
                    value="{$dbcfg.outdoorconcept.api[$shop].domain}" placeholder="Doména"/>
          </div>
          <div class="col-md-3">
             <input type="text" class="form-control input-sm"
                    name="data[outdoorconcept][api][{$shop}][token]"
                    value="{$dbcfg.outdoorconcept.api[$shop].token}" placeholder="API token"/>
          </div>
       </div>
    {/foreach}

</div>
