{extends "window/menuLinks.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 size}
   width = 1200;
{/block}

{block tabs}
    {windowTab id='flapPage'}
    {if findModule("seo")}
        {windowTab id='flapSeo' label='flapSeo'|translate:'seo'}
    {/if}
    {windowTab id='flapPhotos' label="Obrázky"}
    {windowTab id='flapBlocks' label="Obsah"}
{/block}

{block tabsContent}
    {$smarty.block.parent}
   <div id="flapPage" class="tab-pane fade active in boxStatic">
      <div class="form-group form-group-flex">
         <label class="col-md-2 control-label">{"name"|translate}</label>
         <div class="col-md-4">
            <input type="text" class="form-control input-sm" name="data[name]" maxlength="100" value="{$body.data.name}" required>
         </div>

         <div class="col-md-3">
             {$editLink='/'|cat:$body.data.url}
             {if $editLink && $body.data.id}
                <a href="{$editLink}?inlineEditable=1" class="btn btn-primary btn-block" target="_blank"><span
                           class="glyphicon glyphicon-edit"></span>&nbsp;{"editBlocek"|translate:"menulinks"}</a>
             {/if}
         </div>
      </div>
       {if isSuperuser()}
         <div class="form-group form-group-flex">
            <div class="col-md-2 control-label">
               <label>{'label'|translate}</label>
               <span class="glyphicon glyphicon-flash" style="color:#AAB2BD;" title="Vidí pouze superadmin"></span>
            </div>
            <div class="col-md-4">
               <select class="selecter" name="data[code]">
                  <option value="">-- žádný účel --</option>
                  {foreach $body.labels as $label}
                      <option value="{$label}" {if $body.data.code == $label}selected{/if}>{$label}</option>
                  {/foreach}
               </select>
            </div>
         </div>
      {/if}
      <div class="form-group form-group-flex">
         <div class="col-md-2 control-label"><label>{'parent'|translate}</label></div>
         <div class="col-md-4">
            <select class="selecter" data-type="menu_links" data-preload="menuLinks" name="data[parent]" id="menuLinksPageFrm_data_parent">
               <option value="{$body.data.parent}" selected>{$body.data.parent}</option>
            </select>
            <script>
               menuLinksPage_applyChosen($('#menuLinksPageFrm_data_parent'));

               function menuLinksPage_applyChosen($selector) {
                  $selector.ajaxChosen({
                     minTermLength: 0,
                     dataType: 'json',
                     type: 'GET',
                     url: 'launch.php?s=autocomplete.php&type=' + $selector.data('type'),
                  }, function(data) {
                     return data;
                  }, {
                     width: '100%',
                     allow_single_deselect: true,
                     placeholder_text_single: 'Vyberte možnost',
                     placeholder_text_multiple: 'Vyberte několik možností',
                  });
               }
            </script>
         </div>

         <label class="col-md-2 control-label">{"name_short"|translate}</label>
         <div class="col-md-4">
            <input type="text" class="form-control input-sm" name="data[name_short]" maxlength="100" value="{$body.data.name_short}">
         </div>
      </div>
       {if $body.acn!= "add"}
          <div class="form-group form-group-flex">
             <label class="col-md-2 control-label">{"url"|translate}</label>
             <div class="col-md-10">
                <div class="input-group">
                   <div class="input-group-addon">{$cfg.Addr.full}</div>
                   <input type="text" class="form-control input-sm" name="data[url]" value="{$body.data.url}">
                   <input type="hidden" name="data[original_url]" value="{$body.data.url}">
                   <div class="input-group-btn">
                      <a href="{$body.data.fullUrl}" target="_blank" class="btn btn-primary btn-sm"><span class="glyphicon glyphicon-new-window"></span></a>
                   </div>
                </div>
             </div>
          </div>
       {/if}

      <div class="form-group form-group-flex">
         <div class="col-md-2 control-label"><label>{'visible'|translate}</label>
            <a class="help-tip" data-toggle="tooltip" title="Je-li volba vypnutá, stránku nevidí nikdo jiný než přihlášený administrátor.">
               <i class="bi bi-question-circle"></i>
             </a>
         </div>
          <div class="col-md-10">
              {print_toggle name="figure" value=$body.data.figure}
              {include 'utils/translations.figure.tpl' figureData=$body.data.translation_figure parentFigure=$body.data.figure}
          </div>
      </div>
       <div class="form-group form-group-flex">
         <div class="col-md-3 control-label"><label>{'showInSearch'|translate}</label>
            <a class="help-tip" data-toggle="tooltip" title="Je-li volba vypnutá, stránku nelze vyhledat, nevypisuje se v sitemap a není indexovatelná ve vyhledávačích. Dostanou se na ni pouze uživatelé, kteří mají odkaz.">
               <i class="bi bi-question-circle"></i>
            </a>
         </div>
         <div class="col-md-4">
            {print_toggle value=$body.data.show_in_search name="show_in_search"}
         </div>

         <script>
            const figureChange = function () {
               let isInit = true;
               return function () {
                  const isVisible = $(this).prop('checked');
                  const $selector = $('[name="data[show_in_search]"]');
                  if (!isInit || !isVisible) {
                     $selector.prop('checked', isVisible);
                  }
                  $selector.prop('disabled', !isVisible);
                  isInit = false;
               }
            }();

            $('.toggle [name="data[figure]"]').on('change', figureChange).change();
         </script>
      </div>
      <div class="form-group form-group-flex">
          {if isSuperuser()}
             <div class="col-md-2 control-label"><label>Šablona <span class="glyphicon glyphicon-flash" style="color:#AAB2BD;" title="Vidí pouze superadmin"></span></label></div>
             <div class="col-md-4">
                <input type="text" class="form-control input-sm" name="data[template]" size="30" maxlength="255" value="{$body.data.template}">
             </div>
          {else}
              {* Když to duplikuje uživatel, tak aby se to zduplikovalo *}
             <input type="hidden" name="data[template]" value="{$body.data.template}">
          {/if}
      </div>
      {block "custom-data"}{/block}

   </div>
    {if {find_module name="seo"}}
       <div id="flapSeo" class="tab-pane fade boxFlex box">
          <div class="form-group">
             <div class="col-md-2 control-label"><label>{'meta_title'|translate:'seo'}</label></div>
             <div class="col-md-10">
                <input type="text" class="form-control input-sm" name="data[meta_title]" maxlength="70"
                       value="{if empty($body.data.meta_title)}{$body.data.title}{else}{$body.data.meta_title}{/if}" onchange="$('input[name*=meta_title_changed]').val('1')"/>
                <span class="help-block">{'maxLength70'|translate:'seo'} <span class="charCounter" rel="data[meta_title]"></span></span>
                <input type="hidden" name="data[meta_title_changed]" value="{if !empty($body.data.meta_title)}1{/if}">
             </div>
          </div>
          <div class="form-group">
             <label class="col-md-2 control-label">{'meta_description'|translate:'seo'}</label>
             <div class="col-md-10">
               {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}

    {if {find_module name="photos"}}
       <div id="flapPhotos" class="tab-pane fade boxFlex box iframe-box">
           {if $body.acn == "edit"}
              <iframe class='on-demand boxFlex' src="" data-src="launch.php?s=menu.photos.php&amp;ID={$body.data.id}"></iframe>
           {else}
              <div class="row">
                 <div class="col-xs-12">
                    <div class="alert alert-warning">
                        {'saveToAddImg'|translate:'base'}
                    </div>
                 </div>
              </div>
           {/if}
       </div>
    {/if}
   <div id="flapBlocks" class="tab-pane fade boxFlex">

       {include "utils/blocks.tpl" identifiers=$cfg.Blocks.identifiers blocks=$body.data.blocks photos=$body.data.photos acn=$body.acn editLink=$editLink}

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