{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 calendar-events">
      <div class="wrapper">
        <div class="content">
    
          <div class="content-wrapper">
            {include file="includes/breadcrumbs.html"}

            <div class="banner">
              <div class="bg" style="background-image: url({image f=$element.imageList[0].filename return='path' });"></div>
				{seoHref class="back" id_element=11559 noTitle="1" withParents="1" }
              <h1 class="h1 title">{$element.name}</h1>
              
              <div class="years">
                {foreach $years key=key item=year}
                  <a href="?year={$year.year}" {if $year.year==$smarty.get.year }class="year active"{elseif !$smarty.get.year and $key==0}class="year active"{/if}>{$year.year}</a>
                {/foreach}
              </div>
            </div>
            
            <div class="calendar-wrapper">
              <div class="col-1">
                <div>
                  <div class="title">
                    Kliknij na datę w kalendarzu, aby zobaczyć 
                    interesujące cię wydarzenia.
                  </div>
                  <div class="descr">
                   Dni, w których odbywają się wydarzenia, zostały oznaczone na kalendarzu. Lista wszystkich dostępnych wydarzeń dostępna poniżej. Zapraszamy.
                  </div>
                  
                  <a href="{seoLink id_element=11627 withParents=1  parentLink=$parentEvents}#events-wrapper" class="link">pokaż wszystkie <button type="button" class="btn btn--arrow"></button></a>
                </div>
              </div>
              <div class="col-2">
                <div class="calendar" id="calendar-events" data-lang="pl"></div>
                <div class="hidden" id="calendar-events-wrapper">
                   {foreach $elementsAll as $k=>$v}  
                        {foreach $v as $i=>$e}
                        <a href="{if $smarty.get.year}?year={$smarty.get.year}&date={$k}{else}?date={$k}{/if}#events-wrapper" class="calendar-event">{$k}</a>
                        {/foreach}
                   {/foreach}
                </div>
                <span id="events-wrapper"></span>
              </div>
 
                
            </div>

            <div class="events-wrapper">
              {foreach $events as $k=>$v} 
              <div class="event">
                <div class="img">
                  <img src="{image f=$v.mainImageFilename return='path'}" alt="" class="img-responsive">
                </div>
                <div class="event-content">
                  <a href="{seoLink id_element=$v.id withParents=1 parentLink=$parentEvents}" class="row-wrapper">
                    <div class="date">
                      <span class="day" data-date="{'F'|formatDate:$v.date_from_timestamp} ‘{$v.date_from|substr:2:2}">{$v.date_from|substr:8:2}</span>
                      {if $v.date_untill!=$v.date_from and $v.date_untill!='0000-00-00'} 
                      &nbsp;-&nbsp;
                      <span class="day" data-date="{'F'|formatDate:$v.date_untill_timestamp} ‘{$v.date_from|substr:2:2}">{$v.date_untill|substr:8:2}</span>
                      {/if}
                    </div>
                    <div class="title">{$v.name}</div>
                  </a>
                  <div class="excerpt">{$v.short_content}</div>
                  <a href="{seoLink id_element=$v.id withParents=1 parentLink=$parentEvents}" class="btn btn--arrow link"></a>
                </div>
              </div>
               {/foreach}        
            </div>

            {*include file="includes/pagination.html"*}

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

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