{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 academy">
      <div class="wrapper">
        <div class="content">

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

            <div class="content-container">
              <div class="col-left">
                <div class="bg" style="background-image: url({if $trainingBlockName.secondMainImageFilename} {image f=$trainingBlockName.secondMainImageFilename return='path' w=929 h=791} {else}{$templates_dir}img/szkolenia-bg.jpg){/if}">
                  <div class="title visible-xs-block">{$trainingBlockName.name}</div>
                </div>

               {seoHref id_element=11617  class="back"}

                <div class="col-content">
                  <h1 class="h1 title hidden-xs">{$trainingBlockName.name}</h1>
                  <div class="text">
                    {$trainingBlockName.content}
                  </div>
                </div>
                <div class="col-footer">
                {*  <div class="row-1">
                     {'label_read_more_blog'|translate} <a href="#" class="underline">{'label_read_more_blog_2'|translate}</a>
                  </div>
                  <div class="row-2">
                    Jakie szkolenie wybrać?<br> Wybierz najlepszy ekspres ciśnieniowy!
                  </div>*}
                </div>
              </div>
              <div class="col-right">
                <div class="calendar-wrapper">
                  <div class="calendar-container">
                    <div class="col">
                        <div class="calendar academy-calendar" id="calendar-academy" data-lang="pl"></div>
                    </div>
                    <div class="col">
                      <div class="calendar-events-wrapper" id="calendar-events-wrapper">

                        <div class="event-select">
                          <img src="{$templates_dir}gfx/icon-cursor.png" class="icon-cursor">
                          <div>
                        {'label_click_date'|translate}
                          </div>
                        </div>

                        {foreach $elementsAll as $k=>$v}
                        <div class="calendar-event" data-date="{$k}">
                          <div class="carousel calendar-carousel dots--dark">
                            {foreach $v as $i=>$e}

                            <div class="item">
                              <div class="date">{if $e.date_timestamp>0}{$k|substr:8:2} {'F'|formatDate:$e.date_timestamp}{/if}</div>
                              <div class="title"><a href="{seoLink id_element=$e.id withParents=1 }" style="color: #4d4d57;">{$e.name}</a></div>
                              <div class="descr">
                               {$e.short_content}
                              </div>
                              <a href="{seoLink id_element=$e.id withParents=1 }" class="btn btn--arrow"></a>
                            </div>

                            {/foreach}
                          </div>
                        </div>
                        {/foreach}


                      </div>
                    </div>
                  </div>
                </div>

                <div class="items-wrapper">
                  {foreach $trainingPages as $v}
                  <a href="{seoLink id_element=$v.id withParents=1 parentLink=$parentEvents}" class="item" style="color: #4d4d57">
                  {$v.name}
                  </a>
                  {/foreach}

                </div>

              </div>
            </div>

            <div class="items-wrapper items-wrapper-mobile">
                {foreach $trainingPages as $v}
                  <a href="{seoLink id_element=$v.id withParents=1  parentLink=$parentEvents}" class="item" style="color: #4d4d57">
                 {$v.name}
                  </a>
                  {/foreach}
            </div>

          </div>

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

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