{extends file="[shared]/frame.tpl"}

{block 'form-class'}form-fluid{/block}

{block title}
   {'flapRewrite'|translate}
{/block}

{block content}
   <div class="container">
      <div data-values="wrap" id="flapRewrite" class="tab-pane fade active in boxStatic box flapRewrite">

         {if $body.data.import.errors && (!empty($body.data.import.errors.textarea) || !empty($body.data.import.errors.file))}
            <div class="alert alert-danger">
               <p>Nepodařilo se naimportovat {count($body.data.import.errors)} přesměrování</p>
               <ul>
                  {foreach $body.data.import.errors.textarea as $line => $error}
                     <li>Chyba na řádku {$line}: {$error}</li>
                  {/foreach}

                  {foreach $body.data.import.errors.file as $line => $error}
                     <li>Chyba v souboru na řádku {$line}: {$error}</li>
                  {/foreach}
               </ul>
            </div>
         {/if}

         <div class="row bottom-space">
            <div class="col-xs-6">
               <h1 class="h4">
                  {'flapRewrite'|translate}</h1>
            </div>
         </div>

         <hr style="width: 100%; margin-top: 0;">

         <div id="import-form">
            <form method="post" enctype="multipart/form-data">
               <div data-import="textarea">
                  <p>Každé přesměrování vložte na nový řádek. Starou a novou URL oddělte mezerou. <br>Je možné použít absolutní (https://www.urleshopu.cz/puvodniadresa) i relativní
                     (/puvodniadresa) URL.</p>
                  <div class="row bottom-space">
                     <div class="col-md-12">
                        <textarea name="data[import][urls]" rows="8" class="form-control input-sm"
                                  placeholder="Příklad: https://www.urleshopu.cz/puvodniadresa  https://www.urleshopu.cz/novaadresa"></textarea>
                     </div>
                  </div>
                  <div class="row bottom-space">
                     <div class="col-md-6">
                        <input type="file" class="filestyle" name="file_urls" data-iconName="glyphicon-folder-open" data-buttonText="Nahrát z .txt souboru">
                     </div>
                     <div class="col-md-3 pull-right">
                        <button name="acn" value="importUrls" class="btn btn-primary btn-block"><span class="glyphicon glyphicon-import"></span> Importovat</button>
                     </div>
                  </div>
                  <div class="row bottom-space">
                     <div class="col-md-6">
                        <div class="checkbox">
                           <input id="data[import][keep_domain]" class="check" type="checkbox" name="data[import][keep_domain]" value="Y" />
                           <label for="data[import][keep_domain]">
                              Zachovat doménu v přesměrování
                              <a class="help-tip" data-toggle="tooltip" title="Pokud zaškrtnete tuto možnost, tak při importu přesměrování zůstanou zachované domény v URL adrese pro přesměrování.
                              Díky tomu jste schopni udělat např. přesměrování z jedné jazykové mutace na jinou jazykovou mutaci. Např. https://www.urleshopu.cz/puvodniadresa?lang=en https://www.urleshopu.com/novaadresa">
                                 <i class="bi bi-question-circle"></i>
                              </a>
                           </label>
                        </div>
                     </div>
                  </div>
                  <br>
               </div>
            </form>
         </div>

         <script>
            $(document).ready(function() {
               var $form = $('#import-form');

               $('#massAdd').click(function() {
                  var $textareaContainer = $form.find('[data-import=textarea]');
                  $textareaContainer.slideToggle();

               });
            });
         </script>
      </div>
   </div>
   <script type="application/javascript">
      {block initForm}
      initForm({
         selector: '[data-values=wrap]',
      });
      {/block}
   </script>
{/block}

