{extends "../window.tpl"}

{block js}
    {$smarty.block.parent}
   <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/codemirror.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/mode/xml/xml.js"></script>
{/block}
{block css append}
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/codemirror.css">
   <style>
      .CodeMirror {
         height: 100%;
      }
   </style>
{/block}
{block tabs}
    {windowTab id='1' label="Obecné"}
    {windowTab id='2' label="Transformace"}
    {if $body.acn != "add"}
        {windowTab id='3' label="Poslední synchronizace"}
    {/if}
{/block}

{block tabsContent}
    <div id="1" class="tab-pane fade active in boxStatic">
        <legend>Nastavení</legend>
                 <div class="form-group">
                    <div class="col-md-2 control-label"><label>ID</label></div>
                    <div class="col-md-1">
                        <input type="text" class="form-control input-sm" name="data[name]" maxlength="100" value="{$body.data.id}" disabled />
                    </div>
                    <div class="col-md-1 control-label"><label>Jméno</label></div>
                    <div class="col-md-8">
                        <input type="text" class="form-control input-sm" name="data[name]" maxlength="100" value="{$body.data.name}" />
                    </div>
                 </div>
                 <div class="form-group">
                    <div class="col-md-2 control-label"><label>Dodavatel</label></div>
                    <div class="col-md-3">
                        {print_select name="data[id_supplier]" var=$body.suppliers selected=$body.data.id_supplier}
                    </div>
                    <div class="col-md-1 control-label"><label>Typ</label></div>
                    <div class="col-md-3">
                        {print_select name="data[type]" var=$body.automatic_import selected=$body.data.type}
                    </div>
                 </div>
                <div class="form-group">
                    <div class="col-md-2 control-label"><label>Zdroj</label></div>
                    <div class="col-md-2">
                        <div class="radio">
                        <input id="source_type_url" class="check" type="radio" name="data[source_type]" value="url" {if $body.data.source_type == "url"}checked{/if}><label for="source_type_url">URL: </label>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <input type="text" class="form-control input-sm" name="data[source]"  value="{$body.data.source}"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-2 col-md-offset-2">
                       <div class="radio">
                        <input id="source_type_upload" class="check" type="radio" name="data[source_type]" value="upload" {if $body.data.source_type == "upload"}checked{/if}><label for="source_type_upload">Upload: </label>
                        </div>
                    </div>
                            <div class="col-md-4">
                                <input type="file" class="filestyle" name="source_file" data-iconName="glyphicon-folder-open" value="{$body.data.source_file}" data-buttonText="Vybrat soubor"/>
                            </div>
                   <div class="col-md-4">
                      <input type="submit" class="btn btn-sm btn-primary" name="Submit" value="Nahrát soubor">
                      {if $body.data.source_type == 'upload'}
                         <a href="{$ctrl.currUrl.Rel}&acn=download" class="btn btn-sm">stáhnout</a>
                         <span class="help-block">Naposledy aktualizován: {$body.data.local_file_time}</span>
                      {/if}
                   </div>
                    </div>
                 <div class="form-group">
                    <div class="col-md-2 control-label"><label>Parametry převodu</label></div>
                    <div class="col-md-6">
                        <input type="text" class="form-control input-sm" name="data[params]"  maxlength="250" value="{$body.data.params}" style="width: 100%;" />
                    </div>
                </div>
            <legend>Chování</legend>
                 <div class="form-group">
                     {if {find_module name="products_suppliers"} || {find_module name="automatic_import"}}
                    <div class="col-md-2 control-label two-lines"><label>Interval synchronizace</label><a class="help-tip" data-toggle="tooltip" title="{'interval'|translate}"><i class="bi bi-question-circle"></i></a></div>
                    <div class="col-md-2">
                        <div class="input-group">
                           <input type="text" class="form-control input-sm" name="data[interval]"  maxlength="100" value="{$body.data.interval}" />
                           <span class="input-group-addon">dnů</span>
                        </div>
                    </div>
                    {else}
                    
                     {/if}
                    <div class="col-md-3 control-label two-lines"><label>Smazat položky nesynchronizované více než</label><a class="help-tip" data-toggle="tooltip" title="{'deleteOld'|translate}"><i class="bi bi-question-circle"></i></a></div>
                    <div class="col-md-2">
                       <div class="input-group">
                        <input type="text" class="form-control input-sm" name="data[delete_old]"  maxlength="100" value="{$body.data.delete_old}"/><span class="input-group-addon">dnů</span>
                        </div>
                    </div>
                </div>

                 <div class="form-group">
                    <div class="col-md-2 control-label two-lines"><label>Aktualizovat počet kusů skladem</label></div>
                    <div class="col-md-2">
                        {print_select name="data[modify_in_store]" var=$body.choices selected=$body.data.modify_in_store}
                    </div>
                    <div class="col-md-3 control-label"><label>Synchronizovat položky</label></div>
                    <div class="col-md-4">
                        {print_select name="data[add_new]" var=$body.add_new selected=$body.data.add_new}
                    </div>
                </div>

                 <div class="form-group">
                    <div class="col-md-2 control-label two-lines"><label>Párovat i podle EAN a Kód</label></div>
                    <div class="col-md-2">
                        {print_select name="data[pair]" var=$body.pair selected=$body.data.pair}
                    </div>
                </div>
    </div>

    <div id="2" class="tab-pane fade boxFlex box">
        <legend>Transformace</legend>
        <div class="row boxFlex box">
           <div class="col-md-12 boxFlex box">
              <textarea name="data[transformation]" id="transform-textarea" class="form-control input-sm">{$body.data.transformation}</textarea>
           </div>
        </div>
       <script>
          $(document).ready(function () {
              var editor = CodeMirror.fromTextArea(document.getElementById('transform-textarea'), {
                  mode: 'xml',
                  lineNumbers: true
              });

              $('#windowTables a').on('shown.bs.tab', function(){
                  editor.refresh();
              });
          });
       </script>
    </div>
    {if $body.acn != "add"}
        <div id="3" class="tab-pane fade boxFlex">
            <legend>Poslední synchronizace</legend>
                     <div class="form-group">
                        <div class="col-md-4 control-label"><label>Datum</label></div>
                        <div class="col-md-4">
                            <p>{$body.data.last_sync}</p>
                        </div>
                    </div>
                     <div class="form-group">
                        <div class="col-md-4 control-label"><label>Položek synchronizováno</label></div>
                        <div class="col-md-4">
                            <p>{$body.data.last_count}</p>
                        </div>
                    </div>
            {if {find_module name="products_suppliers"}}
            <legend>Všechny položky</legend>
                     <div class="form-group">
                        <div class="col-md-4 control-label"><label>Celkem položek</label></div>
                        <div class="col-md-4">
                            <p>{$body.products_of_suppliers}</p>
                        </div>
                    </div>
            {/if}

        </div>
    {/if}
{/block}

{block buttonsLeft}
    {if $body.acn == 'edit'}
        <div class="col-md-2">
            <input type="submit" name="synchronize_try" class="btn btn-primary btn-block" value="Vyzkoušet import" />
        </div>
        <div class="col-md-2">
            <input type="submit" name="synchronize" class="btn btn-primary btn-block" value="Importovat" />
        </div>
    {else}
        <div class="col-md-4">
        </div>
    {/if}
{/block}