{* @compiler:inline-only *}
{if !isset($descr_exists)}
    {$descr_exists=$product.longDescr || $body.model.descr || $body.serie.descr}
{/if}
<div class="tabs" data-tabs="product-description">
   <a href="#tabs-1" class="nav-link active" data-tab-target="#tabs-1" data-tabs="nav">{t}Popis{/t}</a>

   <div class="tab-pane active" id="tabs-1" data-tabs="content">
      <div data-text="variation-description" class="variation-description" style="display: none;">
          <h1>{$body.product.id}</h1>
         {$body.product.longDescr|default:$body.model.descr|default:$body.serie.descr|markdown2html nofilter}
      </div>
      <div class="params-other">
         <table>
            {foreach $body.product.param_list as $key => $param}
               {if !in_array($key,[18,28,29,37,38,39,80,81]) && $param.figure!='N'}
                  {if $p != 1}
                     {$bcr = $activeCategory.breadcrumb|array_slice:-2}
                     <p class="h5">{t}Parametry{/t}</p>
                     {$p = 1}
                  {/if}
                  <tr>
                     <td>
                        <span data-variation="{foreach $param.products as $prod}{if $body.products[$prod].param[$key]}{$prod};{/if}{/foreach}">{$param.name}</span>
                     </td>
                     <td>
                        {foreach $param.parameters as $value => $param_name}
                           <span data-variation="{foreach $param.products as $prod}{if $body.products[$prod].param[$key].values[$value]}{$prod};{/if}{/foreach}">
                              <a href="{$bcr[0].link}#{$param.name|strip_accent}=%5B%22{$value}%22%5D">{$param_name}</a><span
                                 data-comma>,</span>
                           </span>
                        {/foreach}
                     </td>
                  </tr>
               {/if}
            {/foreach}
         </table>
      </div>
      {if $body.product.video_url}
         <div class="product-video">
             {$var = []}
             {$d = preg_match('/.*v=([A-Za-z0-9_]*)/', $body.product.video_url, $var)}
             {if !$var[1]}{$var[1] = $body.product.video_url|replace:'https://youtu.be/':''|replace:'https://youtube.com/shorts/':''}{/if}

            <iframe id="player" frameborder="0" allowfullscreen="1" allow="autoplay; encrypted-media" title="YouTube video player"
                    src="https://www.youtube.com/embed/{$var[1]}" loading="lazy" width="560" height="315"></iframe>
         </div>
      {/if}
   </div>

   {if $body.model.id_richcontent}
      <a href="#tabs-2" class="nav-link {if !$descr_exists}active{/if}" data-tab-target="#tabs-2" data-tabs="nav">{t}Prozkoumejte{/t}</a>
      <div class="tab-pane {if !$descr_exists}active{/if}" id="tabs-2" data-tabs="content">
         <div class="tab-brand-page product-brand-page">
            {* bez lazy loadu pokud není popis produktu a je to první tab *}
            {if $descr_exists}
               <a href="/richcontent/{$body.model.id_richcontent}/" data-ondemand>{t}Načíst{/t}</a>
               <div data-reload="richcontent"></div>
            {else}
               {insert_richcontent id=$body.model.id_richcontent}
            {/if}
         </div>
      </div>
   {/if}
   {ifmodule REVIEWS}
      <a href="#reviews" class="nav-link {if !$descr_exists and !$body.model.id_richcontent}active{/if}" data-tab-target="#reviews"
         data-tabs="nav">{t}Hodnocení{/t}
         {if $product_reviews.rating_count}({$product_reviews.rating_count})
            <span class="review-stars" title="{t}Průměrné hodnocení:{/t} {$product_reviews.rating|round:1}">
               {for $i=1 to 5}
                  <span class="fc icons_star{if $i > $product_reviews.rating|round}-empty{/if}"></span>
               {/for}
            </span>
         {/if}
      </a>
      <div class="tab-pane {if !$descr_exists and !$body.model.id_richcontent}active{/if}" id="reviews" data-tabs="content">
         {include "reviews/block.reviews.tpl"}
      </div>
   {/ifmodule}

  <a href="#gpsr-tab" class="nav-link" data-tab-target="#gpsr-tab"
     {if empty($body.product.param[$body.gpsrParamID]['values']) && !$body.product.sup_name && !$body.product.sup_addr && !$body.product.sup_contact}style="display:none;"{/if}
     data-tabs="nav">{t}Ostatní informace{/t}
  </a>
  <div class="tab-pane" id="gpsr-tab" data-tabs="gpsr-tab" data-html="gpsr-tab-content">
      {gpsr_tab_content product=$body.product}
  </div>
</div>
