{extends "window/menuLinks.tpl"}

{block js append}
    <script type="text/javascript">
        function divide(obj){
           var val = $(obj).val();
            if(val != '')
               val = val.split("\|\|");
            else
               val = Array('', '');
            $("input[name=data\\[name\\]]").val(val[0]);
            $("input[name=data\\[link\\]]").val(val[1]);
        }
    </script>
{/block}

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

{block 'form-no-validate'}{/block}

{block tabsContent}
    {$smarty.block.parent}
    <div id="flapLink" class="tab-pane fade active in boxStatic">
       <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>
      </div>
        <div class="form-group">
            <div class="col-md-2 control-label"><label>{'name'|translate}</label></div>
            <div class="col-md-10">
                <input type="text" class="form-control input-sm" name="data[name]" size="30" maxlength="100" value="{$body.data.name}" />
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-2 control-label"><label>{'visible'|translate}</label></div>
            <div class="col-md-3">
               {print_toggle name="figure"  value=$body.data.figure}
            </div>
        </div>

       {if $body.data.data.link.url}
           {$link = $body.data.data.link}
       {else}
           {$type = 'intern'}
           {if preg_match('@^https?://@', $body.data.link)}
               {$type = 'extern'}
           {/if}
           {$link = ['type' => $type, 'value' => $body.data.link, 'blank' => false, 'url' => $body.data.link]}
       {/if}

        {$selectBlank = 'N'}
        {if $body.data.target == '_blank'}{$selectBlank = 'Y'}{/if}
        {include "window/block.link_selector.tpl" selectType=$link.type selectValue=$link.value selectBlank=$selectBlank}

       <input data-link-url name="data[data][link][url]" value="{$link.url}" type="hidden">
       <input data-link-type name="data[data][link][type]" value="{$link.type}" type="hidden">
       <input data-link-value name="data[data][link][value]" value="{$link.value}" type="hidden">

       <script>
          LinkSelector.onUrlChange = function () {
             $('[data-link-input]').val(this.url);
          };
          LinkSelector.setUrl('{$link.url}');
          LinkSelector.value = '{$link.value}';
          $('form#editform').on('submit', function () {
             var result = LinkSelector.getResult();
             if (result.url) {
                $('[data-link-input]').val(result.url);
                Object.keys(result).forEach(function (key) {
                   $('[data-link-' + key + ']').val(result[key]);
                });
             }
          });
       </script>

       <div class="form-group">
            <div class="col-md-2 control-label"><label>{'linkPreview'|translate}</label></div>
            <div class="col-md-10">
                <input data-link-input type="text" name="data[link]" class="form-control input-sm disabled" maxlength="255" value="{$body.data.link}" />
            </div>
        </div>

       {block "custom-data"}{/block}
    </div>
{/block}