{include file="includes/header.html"} 
{include file="includes/header-holder.html"}

<main class="main" id="main">
  {include file="includes/menu.html"}

  <div id="fullpagePrimary">
    <section class="section page">
      <div class="wrapper">
        <div class="content">
    
          <div class="content-wrapper">
            {include file="includes/breadcrumbs.html"}

            <div class="banner">
              <div class="bg" {if $element.mainImageFilename}style="background-image: url({image f=$element.mainImageFilename return='path'})"{/if}></div>

              {capture assign=breadcrumbsCount}{$breadcrumbs|count}{/capture}
              <a href='{$breadcrumbs[$breadcrumbsCount - 2].breadcrumbUrl}' class="back">{if $breadcrumbs[$breadcrumbsCount - 2].link_title}{$breadcrumbs[$breadcrumbsCount - 2].link_title}{else}{$breadcrumbs[$breadcrumbsCount - 2].name}{/if}</a>

              <h1 class="h1 title">{$element.name}</h1>
            </div>
            
            <div class="article-wrapper">
              <article class="article">

                {if $element.videoList|count>0 && $element.videoList != false}
                <div class="article-gallery">
                    <div class="carousel news-details-for" id="news-details-for">
                      {foreach $element.videoList as $e_vl}
                        <div class="item">
                            <header class="header"> 
                                <h2 class="h1 title">{$e_vl.name}</h2>
                            </header>
                            {if $e_vl.video_lnk}
                                <div class="video-iframe-wrapper">
                                  <iframe class="video-iframe" id="gallery-video-1" src="{$e_vl.video_lnk}&amp;rel=0&amp;controls=1&amp;showinfo=0" frameborder="0" allow="encrypted-media" allowfullscreen></iframe>
                                </div>
                            {else}
                                <img class="img img-responsive" src="{image f=$e_vl.attachments[0].filename w=930 h=535 return='path'}" alt="{$e_vl.attachments[0].alt}">
                            {/if}
                            {if $e_vl.content}
                            <div class="descr">{$e_vl.content}</div>
                            {/if}
                            {*<div class="caption">Donec purus sapien, maximus id nunc ac, fringilla finibus arcu. Aliquam vulputate.</div>*}
                        </div>
                      {/foreach}
                    </div>

                    <div class="carousel news-details-nav" id="news-details-nav">
                      {foreach $element.videoList as $e_vl}
                        <div class="item">
                            <div class="gallery-tooltip">
                              <img class="img object-fit" src="{image f=$e_vl.attachments[0].filename return='path'}" alt="{$e_vl.attachments[0].alt}">
                              {if $e_vl.short_content}<span class="tooltip-content">{$e_vl.short_content}</span>{/if}
                            </div>
                        </div>
                      {/foreach}

                    </div>
                </div>
                {else}
                    brak filmów
                {/if}
              </article>
            </div>

          </div>
    
        </div>
      </div>
    </section>
  </div>
  <!-- /#fullpage -->
</main>

{include file="includes/footer-holder.html"} 
{include file="includes/footer.html"}