<div id="tabInfoproduct" class="tabs dor-tab-info-scroll">
  <ul class="nav nav-tabs">
    {if $product.description}
    <li class="nav-item">
      <a class="nav-link{if $product.description} active{/if}" data-toggle="tab" href="#description">{l s='Description' d='Shop.Theme.Catalog'}</a>
    </li>
    {/if}
    <li class="nav-item">
      <a class="nav-link{if !$product.description} active{/if}" data-toggle="tab" href="#product-details">{l s='Product Details' d='Shop.Theme.Catalog'}</a>
    </li>
    {if $product.attachments}
    <li class="nav-item">
      <a class="nav-link" data-toggle="tab" href="#attachments">{l s='Attachments' d='Shop.Theme.Catalog'}</a>
    </li>
    {/if}
    {foreach from=$product.extraContent item=extra key=extraKey}
    <li class="nav-item">
      <a class="nav-link" data-toggle="tab" href="#extra-{$extraKey}">{$extra.title}</a>
    </li>
    {/foreach}
    {capture name='dorProductReviews'}{hook h='dorProductReviews'}{/capture}
      {if $smarty.capture.dorProductReviews}
    <li class="nav-item">
      <a class="nav-link" data-toggle="tab" href="#review-product">{l s='Reviews' d='Shop.Theme.Actions'}</a>
    </li>
    {/if}
    
    {hook h='DorTabVideoProduct' product=$product category=$category}
  </ul>

  <div class="tab-content" id="tab-content">
   <div class="tab-pane fade in{if $product.description} active{/if}" id="description">
     {block name='product_description'}
        <h3 class="h5 text-uppercase">{l s='Product Description' d='Shop.Theme.Actions'}</h3>
       <div class="product-description">{$product.description nofilter}</div>
     {/block}
   </div>

   {block name='product_details'}
     {include file='catalog/_partials/product-details.tpl'}
   {/block}
   {block name='product_attachments'}
     {if $product.attachments}
      <div class="tab-pane" id="attachments">
         <section class="product-attachments">
           <h3 class="h5 text-uppercase">{l s='Download' d='Shop.Theme.Actions'}</h3>
           {foreach from=$product.attachments item=attachment}
             <div class="attachment">
               <h4><a href="{url entity='attachment' params=['id_attachment' => $attachment.id_attachment]}">{$attachment.name}</a></h4>
               <p>{$attachment.description}</p
               <a href="{url entity='attachment' params=['id_attachment' => $attachment.id_attachment]}">
                 {l s='Download' d='Shop.Theme.Actions'} ({$attachment.file_size_formatted})
               </a>
             </div>
           {/foreach}
         </section>
       </div>
     {/if}
   {/block}
   {foreach from=$product.extraContent item=extra key=extraKey}
   <div class="tab-pane {$extra.attr.class}" id="extra-{$extraKey}" {foreach $extra.attr as $key => $val} {$key}="{$val}"{/foreach}>
       {$extra.content nofilter}
   </div>
   {/foreach}

     {capture name='dorProductReviews'}{hook h='dorProductReviews'}{/capture}
      {if $smarty.capture.dorProductReviews}
      <div class="tab-pane " id="review-product">
      <h3 class="h5 text-uppercase">{l s='Product Reviews' d='Shop.Theme.Actions'}</h3>
      {$smarty.capture.dorProductReviews nofilter}
      </div>
      {/if}
      
      {hook h='DorVideoProduct' product=$product category=$category}
  </div>
</div>
<div id="position-finished-scroll"></div>