{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='flap1' label="{'tabArticle'|translate}"}
   {windowTab id='flapBlocks' label="{'tabTexts'|translate}"}
   {if findModule("articles_sections")}
      {windowTab id='flap3' label="{'tabCategorization'|translate}"}
   {/if}
   {if $body.data.id && findModule("photos")}
      {windowTab id='flapPhotos' label="{'tabPhotos'|translate}"}
   {/if}

   {if findModule("seo")}
      {windowTab id='flapSeo' label='flapSeo'|translate:'seo'}
   {/if}

   {if $body.acn == 'edit' && $body.data.id > 0}
      {windowTab id='flapProducts' label="{'tabProducts'|translate}"}
   {/if}
{/block}

{block tabsContent}
   <div id="flap1" class="tab-pane fade active in boxStatic">
      <h1 class="h4 main-panel-title">{'about_article'|translate}
         <span style="font-weight: 400;" class="help-block pull-right">{'labelCountOfSeen'|translate}: {$body.data.seen}</span></h1>
      <div class="form-group">
         <div class="col-md-2 control-label"><label>{'labelName'|translate}</label></div>
         <div class="col-md-9">
            <input type="text" class="form-control input-sm" name="data[title]" size="30" maxlength="100"
                   value="{$body.data.title}">
         </div>
      </div>
      {* <div class="form-group">
           <div class="col-md-2 control-label"><label>Zdroj</label></div>
           <div class="col-md-9">
               <input type="text" class="form-control input-sm" name="data[source]" size="30" maxlength="100"
                      value="{$body.data.source}"> (Např. IDnes.cz)
           </div>
       </div>
       *}
      <div class="form-group">
         <div class="col-md-2 control-label"><label>{'labelAnnotation'|translate}</label></div>
         <div class="col-md-9">
            <textarea name="data[lead_in]" class="input-sm form-control">{$body.data.lead_in}</textarea>
         </div>
      </div>

      <div class="form-group">
         <div class=" col-sm-4 col-sm-push-2">
             {if $body.articleURL}
                <a href="{$body.articleURL}?inlineEditable=1" class="btn btn-primary btn-block" target="_blank"><span class="glyphicon glyphicon-edit"></span>&nbsp;{"editBlocek"|translate:"menulinks"}</a>
             {/if}
         </div>
      </div>

      <div class="form-group">
         <div class="col-md-2 control-label"><label>{'labelDate'|translate}</label>
         <a class="help-tip" data-toggle="tooltip" title="{'dateTooltip'|translate}"><i
                      class="bi bi-question-circle"></i></a></div>
         <div class="col-md-3">
            <input type="text" class="form-control input-sm" name="data[date]" id="date" value="{$body.data.date|format_datetime}">
            {insert_calendar selector='#date' format='datetime'}
         </div>
          <div class="col-md-2 control-label"><label>{'labelDateCreated'|translate}</label></div>
         <div class="col-md-3">
   <input type="text" class="form-control input-sm" name="data[date_created]" id="date_created" value="{$body.data.date_created|format_datetime}">
   {insert_calendar selector='#date_created' format='datetime'}
</div>
      </div>
      <div class="form-group">
         <div class="col-md-2 control-label"><label>{'labelShowArticle'|translate}</label></div>
         <div class="col-md-10">
            {if !{find_right name="ART_ADMIT"}}
               {print_toggle name="figure" disabled=true}
            {else}
               {print_toggle name="figure"}
               {include "utils/translations.figure.tpl" figureData=$body.articleTranslationsFigure parentFigure=$body.data.figure}
            {/if}
         </div>
      </div>
      <div class="form-group">
         <div class="col-md-2 control-label">
            <label>{'showInSearch'|translate nofilter}</label>
         </div>
         <div class="col-md-2">
             {print_toggle value=$body.data.show_in_search name="show_in_search"}
         </div>
      </div>
      {if !{find_right name="ART_ADMIT"}}
         <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-4">{'alertNotPermission'|translate}</div>
         </div>
      {/if}

      {ifmodule ARTICLES_AUTHORS}
         <div class="form-group">
            <div class="col-md-2 control-label"><label>{'authors'|translate}</label></div>
            <div class="col-md-6">
               {print_select name="data[authors][]" var=$body.data.authors selected=$body.data.authors class="selecter selecter-up" param="data-type='articlesAuthors' data-preload='articlesAuthors' id='authors' multiple='multiple'"}
               <script>
                  articlesAuthors_applyChosen($('#authors'));

                  function articlesAuthors_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>
      {/ifmodule}
   {ifmodule ARTICLES}
      <div class="form-group">
         <div class="col-md-2 control-label"><label>{'labelTags'|translate}</label></div>
         <div class="col-md-6">
            {print_select name="data[tags][]" var=$body.data.tags selected=$body.data.tags class="selecter selecter-up" param="data-type='articles_tags' id='tags' multiple='multiple'"}
            <script>
               articles_applyChosen($('#tags'));

               function articles_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>
   {/ifmodule}
      <div class="form-group" id="type">
         <div class="col-md-2 control-label"><label>{'labelType'|translate}</label></div>
         <div class="col-md-10">
            <div class="radio pull-left">
               <input type="radio" name="data[type]" class="check" value="A" {$body.data.type|checked:'A'} id="t1">
               <label for="t1"> {'radioArticle'|translate}</label>
            </div>
            <div class="radio pull-left">
               <input type="radio" name="data[type]" class="check" value="L" {$body.data.type|checked:'L'} id="t2">
               <label for="t2"> {'radioElsewhere'|translate}</label>
            </div>
         </div>
         <script type="application/javascript">
            $('#type').on('click ifChanged', 'input', function() {
               $.dataField('link').prop('disabled', $(this).val() != 'L');
            });
         </script>
      </div>
      <div class="form-group">
         <div class="col-md-2 control-label"><label>{'labelLink'|translate}</label></div>
         <div class="col-md-9">
            <input type="text" class="form-control input-sm" id="link" name="data[link]" size="40" maxlength="100" value="{$body.data.link}"
                   {if $body.data.type!="L"}disabled="disabled"{/if}>
         </div>
      </div>

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

   <div id="flapBlocks" class="tab-pane fade boxFlex">

      <h1 class="h4 main-panel-title">{'labelContent'|translate}</h1>
       {include "utils/blocks.tpl" identifiers=$cfg.Blocks.identifiers blocks=$body.data.blocks photos=$body.data.photos acn=$body.acn editLink=$body.articleURL}

      {include "utils/blocksHistory.tpl"}

   </div>
   <div id="flap3" class="tab-pane fade boxFlex">
      <h1 class="h4 main-panel-title">{'labelAddToSections'|translate}</h1>
      {if $body.acn == "edit"}
         <div class="box-vertical">
            <div class="row bottom-space">
               {if {find_module name="articles_sections"}}
                  <div class="col-md-5">
                     {include '[shared]tree.tpl'}
                     <div class="tree">
                        <ul>
                           <li class="first-branch">
                              {menu data=$body.tree selected=$body.selected opened=$body.opened disabled=$body.disabled}
                           </li>
                        </ul>
                     </div>
                  </div>
               {/if}
               <div class="col-md-7">
                  <div id="articles-related">
                     <div class="row">
                        <div class="col-md-12">
                           <h1 class="h4 main-panel-title">
                              {'articlesRelated'|translate}
                           </h1>
                        </div>
                     </div>

                     <div class="row bottom-space">
                        <div class="col-xs-12">
                           <input type="text" data-autocomplete-search="articles_related" autocomplete="off"
                                  class="form-control input-sm autocomplete-control" name="addArticle"
                                  placeholder="{'addRelatedArticle'|translate}">
                        </div>
                     </div>

                     {insert_autocomplete_form type='articles' sortable=true searchInput='[data-autocomplete-search="articles_related"]' inputName='articles_related' except=$body.data.id items=$body.articles_related additionalData=$body.related_additional_data}
                  </div>
               </div>
            </div>
         </div>
         <script type="text/javascript">
            $("#flapVarLabelSections").on("click", "input[type=checkbox]", function (e) {
               var children = $(e.target).closest("li").find("input");
               var checked = $(e.target).prop("checked");
               children.prop("checked", checked);
            });
         </script>
      {else}
         <div class="row">
            <div class="col-xs-12">
               <div class="alert alert-warning">
                  {'addToSectionsNote'|translate}
               </div>
            </div>
         </div>
      {/if}

   </div>

   {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=articles.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}

   {if findModule("seo")}
      <div id="flapSeo" class="tab-pane fade boxFlex box">
         {include "window/articles.seo.tpl"}
      </div>
   {/if}

   {if $body.acn =="edit"}
      <div id="flapProducts" class="tab-pane fade in boxFlex box">
         <h1 class="h4 main-panel-title">{'labelArticleProducts'|translate}</h1>

         <div class="row bottom-space">
            <div class="col-md-4">
               <input type="text" data-autocomplete-search="article_products" autocomplete="off"
                      class="form-control input-sm autocomplete-control" name="addProduct"
                      placeholder="{'addProductToArticle'|translate}">
            </div>
         </div>

         {insert_autocomplete_form type='products' searchInput='[data-autocomplete-search="article_products"]' inputName='products' items=[]}

         <div class="row boxFlex box col-md-12">
            <iframe class='on-demand boxFlex' src="" data-src="launch.php?s=list.php&type=articlesProducts&id_article={$body.data.id}"></iframe>
         </div>
      </div>
   {/if}
{/block}