<div id="flapStore" class="tab-pane fade {if isset($tab.data.active_store) && $tab.data.active_store}  active {/if} in boxFlex">
   {if $module.WAREHOUSE}
      <div class="alert alert-success">
         Používáte polohovaný sklad. Níže uvedené údaje by měly přesně odpovídat skutečnosti.
      </div>
   {else}
      <div class="alert alert-warning">
         Používáte modul Naskladnění bez polohovaného skladového systému. Níže uvedené údaje jsou orientační, neboť skladové zásoby je
         možné editovat i ručně.
      </div>
   {/if}
   <div class="alert alert-default">
         <p>Hodnota skladu je počítána jako aktuální skladová zásoba * průměrná vážená nákupní cena všech naskladnění od poslední uzávěrky.</p>
   </div>

   <div class="panel panel-default panel-sm" id="storeValue">
      <div class="panel-heading">
         <div class="row">
            <div class="col-md-2">
               <strong>Aktuální hodnota hlavního skladu: </strong>
            </div>
            <div class="col-md-2">
               <strong>{$tab.data.closure_now.with_vat|format_price:"ceil=no;decimal=2"} </strong>s DPH
            </div>
            <div class="col-md-2">
               <strong> {$tab.data.closure_now.without_vat|format_price:"ceil=no;decimal=2"} </strong>bez DPH
            </div>
            <div class="col-md-2">
               <a href="?s=list.php&type=stockIn&acn=exportCurrentStore" class="btn btn-primary">Exportovat aktuální hodnotu hlavního skladu</a>
            </div>
         </div>
      </div>
   </div>

   {if !empty($tab.data.externalStores)}
      <div class="panel panel-default panel-sm">
         <div class="panel-heading">
            <div class="row">
               <div class="col-md-2">
                  <strong>Export hodnoty skladu: </strong>
               </div>
               <div class="col-md-3">
                  <select data-external-store name="{$tab.prefix}[externalStoreId]" class="selecter" multiple>
                     <option value="">-- vyberte externí sklad --</option>
                     {foreach $tab.data.externalStores as $store}
                         <option value="{$store.id}">{$store.name}</option>
                     {/foreach}
                  </select>
               </div>
               <div class="col-md-1">
                  <div class="input-group">
                     <input type="text" class="form-control input-sm" name="dateHistory" id="dateHistory" maxlength="10"
                            value="{$tab.data.date|format_date:'admin'}"
                            placeholder="{'searchDateFrom'|translate}" autocomplete="off"/>
                     {insert_calendar selector='#dateHistory' format='date'}
                  </div>
               </div>
               <div class="col-md-2">
                  <button onclick="document.location='launch.php?s=board.php&type=stats&acn=exportCurrentExternalStore&storeId='+$('[data-external-store]').val()+'&date='+$('#dateHistory').val()" class="btn btn-primary">Exportovat aktuální hodnotu externího skladu</button>
               </div>
            </div>
         </div>
      </div>
   {/if}

   <hr/>
   <div class="panel panel-default">
      <div class="panel-body">
         <h3>Historie hodnoty skladu</h3>
         <div class="row">
            <div class="col-md-2">
               <div class="input-group">
                  <span class="input-group-addon">{'searchDateFrom'|translate}</span>
                  <input type="text" class="form-control input-sm" name="date" id="date" maxlength="10"
                         value="{$tab.data.date|format_date:'admin'}"
                         placeholder="{'searchDateFromPlaceholder'|translate}" autocomplete="off"/>
                  {insert_calendar selector='#date' format='date'}
               </div>
            </div>
            <div class="col-md-2">
               <a href="#" onclick="document.location='launch.php?s=list.php&type=stockIn&acn=exportCurrentStore&date='+$('#date').val();"
                  class="btn btn-primary btn-sm">Exportovat hodnotu skladu</a>
            </div>
         </div>
      </div>
   </div>
   <div class="panel panel-default">
      <div class="panel-body">
         <h3>Vývoj hodnoty skladu</h3>
         <p>Graf zobrazuje hodnoty skladu v termínech všech uzávěrek. Poslední záznam je aktuální hodnota skladu.</p>
         <div class="panel-default">
            <div data-display-area="store">
               <div class="well graph board-item-sm" id="store"></div>
            </div>
         </div>
      </div>
   </div>
</div>

<script type="application/javascript">
   {block onready append}
   {literal}

   function getStoreGraph(thisDiv) {
      showGraphsArea(thisDiv);
      renderStoreGraph();
   }

   function renderStoreGraph() {
      reloadGraph('#store', {
         typegraph: 'store',
         acn: 'getStoreGraph',
         intervalStatsStore: 'year'
      }, 'editform');
   }

   {/literal}
   {/block}
</script>

<script type="text/javascript">
   var flapStoreElement = window.document.getElementById("flapStore");
   var storeValueElement = window.document.getElementById("storeValue");
   window.setInterval( function() {
      if (flapStoreElement.classList.contains("active") && !storeValueElement.classList.contains("loaded")) {
         storeValueElement.classList.add("loaded");
         getStoreGraph($('[data-display-area=store]'));
         reloadDiv('#storeValue', {
              type: 'stats',
              showStoreStat:1,
              page:page
          });
      }
   },10);
</script>
