{extends "../window.tpl"}

{block js}
   {$smarty.block.parent}
   <script type="text/javascript" src="../ckeditor/ckeditor.js"></script>
   <script type="text/javascript" src="static/js/jquery.mjs.nestedSortable.min.js"></script>
   <script src="static/js/chosen.image.js"></script>
   <script type="text/javascript" src="static/js/blocks.js?2"></script>
{/block}

{block tabs}
   {windowTab id='flapSectionProducer' label="{'flapSectionProducer'|translate:'producers'}"}
   {windowTab id='flapBlocks' label="{'flapBlocks'|translate:'producers'}"}
   {windowTab id='flapProducts' label="{'flapProducts'|translate:'sections'}"}
{/block}

{block tabsContent}
   <div id="flapSectionProducer" class="tab-pane fade active in boxStatic">

      {$id=$view->getIDs()}
      <input type="hidden" name="data[id_producer]" value="{$id.id_producer}">
      <input type="hidden" name="data[id_section]" value="{$id.id_section}">
      <input type="hidden" name="data[id_block]" value="{$body.data.id_block}">

      <div class="row">
         <div class="col-xs-12">
            <div class="wpj-main-panel-title">
               <h4>{'flapSectionProducer'|translate:'producers'}: <a
                     href="launch.php?ID={$id.id_section}&s=sections.php&acn=edit&inline=1">{$body.section.name}</a> - <a
                     href="launch.php?ID={$id.id_producer}&s=producers.php&acn=edit&inline=1">{$body.producer.name}</a></h4>
            </div>
            <p>U každé kategorie pro konkrétního výrobce můžete nastavit specifický obsah, příp. banner.</p>
         </div>
      </div>

      <div class="row">
         <div class="col-xs-12">
            <div class="wpj-main-panel-title">
               <h4>{'flapSeo'|translate:'seo'}</h4>
            </div>
         </div>
      </div>
      <div class="row">
         <div class="col-xs-8">
            <div class="wpj-form-group">
               <label>{'meta_title'|translate:'seo'}</label>
               <input type="text" class="form-control input-sm" name="data[meta_title]" size="30" maxlength="70"
                      value="{$body.data.meta_title}"/>
               <span class="help-block">{'maxLength70'|translate:'seo'} <span class="charCounter" rel="data[meta_title]"></span></span>
            </div>
         </div>
         <div class="col-xs-8">
            <div class="wpj-form-group">
               <label>{'meta_description'|translate:'seo'}</label>
               {assign var="metaDescriptionLength" value=160}
               {if $body.data.meta_description|count_characters:true > 160}
                  {assign var="metaDescriptionLength" value=250}
               {/if}
               <textarea class="form-control input-sm" name="data[meta_description]" rows="3"
                         maxlength="{$metaDescriptionLength}">{$body.data.meta_description}</textarea>
               <span class="help-block">
                  {"maxLength$metaDescriptionLength"|translate:"seo"}
                  <span class="charCounter" rel="data[meta_description]"></span>
               </span>
            </div>
         </div>
      </div>

      {if findModule('sliders')}
         <div class="row">
            <div class="col-xs-12">
               <div class="wpj-main-panel-title">
                  <h4>{'sliderTitle'|translate:'sections'}</h4>
               </div>
            </div>
         </div>
         <div class="row">
            <div class="col-xs-3">
               <div class="wpj-form-group">
                  <label for="sliders-select">Banner</label>
                  <select class="selecter" name="data[id_slider]" data-autocomplete="sliders" data-preload="sliders">
                     <option value="0">-- Nevybráno --</option>
                     <option value="{$body.data.id_slider}" selected>{$body.data.id_slider}</option>
                  </select>
               </div>
            </div>
         </div>
      {/if}
   </div>

   <div id="flapBlocks" class="tab-pane fade boxFlex">
      {include "utils/blocks.tpl" identifiers=$cfg.Blocks.identifiers blocks=$body.data.blocks acn=$body.acn hideImgBlock=1}

      {include "utils/blocksHistory.tpl"}
   </div>

   <div id="flapProducts" class="tab-pane fade boxFlex box iframe-box">
      <iframe class='on-demand boxFlex' src=""
              data-src="launch.php?s=sections.products.php&ID={$body.section.id}&producer={$body.producer.id}"></iframe>
   </div>
{/block}