{extends 'file:templates/base.tpl'}

{block 'content'}

<!-- slider -->
<div id="topIndexCarousel" class="carousel slide carousel-fade" data-bs-ride="carousel">
  {set $rows = json_decode(1 | resource : 'slider1Item', true)}
   <ol class="carousel-indicators">
    {foreach $rows as $idx => $row}
      {if $row.pokaz < 1}
      {else}
        <li data-target="#bootstrap-carousel" data-bs-target="#topIndexCarousel" data-bs-slide-to="{$idx}" {if $row@first} class="active" {/if} aria-current="true" aria-label="{$row.title}"></li>
      {/if}
    {/foreach}
   </ol>
  <div class="carousel-inner">
    {foreach $rows as $row}
      {if $row.pokaz < 1}
      {else}
        <div class="carousel-item {if $row@first} active {/if}">
          <a href="{$row.url}" target="_blank"><img src="{$_modx->config.site_url}assets/upload/{$row.image}" alt="{$row.title | htmlent}" class="d-block w-100" alt=""></a>
        </div>
      {/if}
    {/foreach}
  </div>
  <button class="carousel-control-prev" type="button" data-bs-target="#topIndexCarousel" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#topIndexCarousel" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>

<!-- ИКаР -->
<div class="container-wide">
  <div class="row">
    <div class="col-xs-12 col-lg-9 mt-5 border-end">
      <!-- Как стать участником конкурса ИКАР -->
      <h2 class="text-uppercase text-center">{2483 | resource : 'pagetitle'}</h2>
      {2483 | resource : 'content'}
     <!--<p class="mt-2 mb-5">{2483 | resource : 'content' | ellipsis: '500'}</p>
      <p class="pt-2 pb-5"><a href="{$_modx->makeUrl(2483)}" class="podrobnee">Подробнее</a></p>-->
      <!-- О конкурсе ИКАР -->
      <h2 class="text-uppercase text-center">О конкурсе «ИкаР»</h2>
      <p class="mt-2 mb-5">{2005 | resource : 'content' | ellipsis: '500'}</p>
      <p class="pt-2 pb-5"><a href="{$_modx->makeUrl(2005)}" class="podrobnee">Подробнее</a></p>
      
      <h3 class="text-center py-3">Категории «ИкаР»</h3>
      <!-- Регламенты ИКаР -->
      <div class="d-flex align-items-start flex-wrap flex-lg-nowrap">
        <div class="nav flex-column nav-pills me-3" id="v-pills-tab" role="tablist" aria-orientation="vertical">
          <a class="nav-link active" id="v-pills-1-tab" data-bs-toggle="pill" data-bs-target="#v-pills-1" type="button" role="tab" aria-controls="v-pills-1" aria-selected="true">ИКаРёнок</a>
          <a class="nav-link" id="v-pills-2-tab" data-bs-toggle="pill" data-bs-target="#v-pills-2" type="button" role="tab" aria-controls="v-pills-2" aria-selected="false">ИКаРенок без границ</a>
          <a class="nav-link" id="v-pills-3-tab" data-bs-toggle="pill" data-bs-target="#v-pills-3" type="button" role="tab" aria-controls="v-pills-3" aria-selected="false">ИКаР-СТАРТ</a>
          <a class="nav-link" id="v-pills-4-tab" data-bs-toggle="pill" data-bs-target="#v-pills-4" type="button" role="tab" aria-controls="v-pills-4" aria-selected="false">ИКаР-ДЕБЮТ</a>
          <a class="nav-link" id="v-pills-5-tab" data-bs-toggle="pill" data-bs-target="#v-pills-5" type="button" role="tab" aria-controls="v-pills-5" aria-selected="false">ИКаР-КЛАССИК</a>
          <a class="nav-link" id="v-pills-6-tab" data-bs-toggle="pill" data-bs-target="#v-pills-6" type="button" role="tab" aria-controls="v-pills-6" aria-selected="false">ИКаР-ТЕХНО-КОД</a>
          <a class="nav-link" id="v-pills-7-tab" data-bs-toggle="pill" data-bs-target="#v-pills-7" type="button" role="tab" aria-controls="v-pills-7" aria-selected="false">ИКаР-ПРОФИ</a>
          <a class="nav-link" id="v-pills-8-tab" data-bs-toggle="pill" data-bs-target="#v-pills-8" type="button" role="tab" aria-controls="v-pills-8" aria-selected="false">ИКаР-БАС</a>
        </div>
        <div class="tab-content" id="v-pills-tabContent">
          <div class="tab-pane fade show active" id="v-pills-1" role="tabpanel" aria-labelledby="v-pills-1-tab" tabindex="0">
            <img src="https://www.раор.рф/assets/upload/ikar/ikarenok.jpg" class="float-start img-thumbnail w-50" style="margin-right:20px">
            <h6><strong>{2074 | resource : 'pagetitle'}</strong></h6>
            <p>{2074 | resource : 'description' | ellipsis: '500'}</p>
            <a href="{$_modx->makeUrl(2074)}" class="btn btn-colorPrimary btn-sm text-white">Подробнее</a>
          </div>
          <div class="tab-pane fade" id="v-pills-2" role="tabpanel" aria-labelledby="v-pills-2-tab" tabindex="0">
            <img src="https://www.раор.рф/assets/upload/ikar/ikarenok.jpg" class="float-start img-thumbnail w-50" style="margin-right:20px">
            <h6><strong>{2007 | resource : 'pagetitle'}</strong></h6>
            <p>{2007 | resource : 'description' | ellipsis: '500'}</p>  
            <a href="{$_modx->makeUrl(2007)}" class="btn btn-colorPrimary btn-sm text-white">Подробнее</a>
          </div>
          <div class="tab-pane fade" id="v-pills-3" role="tabpanel" aria-labelledby="v-pills-3-tab" tabindex="0">
            <img src="https://www.раор.рф/assets/upload/ikar/start1.jpg" class="float-start img-thumbnail w-50" style="margin-right:20px">
            <h6><strong>{2012 | resource : 'pagetitle'}</strong></h6>
            <p>{2012 | resource : 'description' | ellipsis: '500'}</p>
            <a href="{$_modx->makeUrl(2012)}" class="btn btn-colorPrimary btn-sm text-white">Подробнее</a>
          </div>
          <div class="tab-pane fade" id="v-pills-4" role="tabpanel" aria-labelledby="v-pills-4-tab" tabindex="0">
            <img src="https://www.раор.рф/assets/upload/ikar/debut.jpg" class="float-start img-thumbnail w-50" style="margin-right:20px">
            <h6><strong>{2195 | resource : 'pagetitle'}</strong></h6>
            <p>{2195 | resource : 'description' | ellipsis: '500'}</p>
            <a href="{$_modx->makeUrl(2195)}" class="btn btn-colorPrimary btn-sm text-white">Подробнее</a>
          </div>
          <div class="tab-pane fade" id="v-pills-5" role="tabpanel" aria-labelledby="v-pills-5-tab" tabindex="0">
            <img src="https://www.раор.рф/assets/upload/ikar/klassik.jpg" class="float-start img-thumbnail w-50" style="margin-right:20px">
            <h6><strong>{2003 | resource : 'pagetitle'}</strong></h6>
            <p>{2003 | resource : 'description' | ellipsis: '500'}</p>
            <a href="{$_modx->makeUrl(2003)}" class="btn btn-colorPrimary btn-sm text-white">Подробнее</a>
          </div>
          <div class="tab-pane fade" id="v-pills-6" role="tabpanel" aria-labelledby="v-pills-6-tab" tabindex="0">
            <img src="https://www.раор.рф/assets/upload/ikar/tehno1.jpg" class="float-start img-thumbnail w-50" style="margin-right:20px">
            <h6><strong>{2011 | resource : 'pagetitle'}</strong></h6>
            <p>{2011 | resource : 'description' | ellipsis: '500'}</p>
            <a href="{$_modx->makeUrl(2011)}" class="btn btn-colorPrimary btn-sm text-white">Подробнее</a>
          </div>
          <div class="tab-pane fade" id="v-pills-7" role="tabpanel" aria-labelledby="v-pills-7-tab" tabindex="0">
            <img src="https://www.раор.рф/assets/upload/ikar/profi1.jpg" class="float-start img-thumbnail w-50" style="margin-right:20px">
            <h6><strong>{2004 | resource : 'pagetitle'}</strong></h6>
            <p>{2004 | resource : 'description' | ellipsis: '500'}</p>
            <a href="{$_modx->makeUrl(2004)}" class="btn btn-colorPrimary btn-sm text-white">Подробнее</a>
          </div>
          <div class="tab-pane fade" id="v-pills-8" role="tabpanel" aria-labelledby="v-pills-8-tab" tabindex="0">
            <img src="https://www.раор.рф/assets/upload/ikar/bas.jpg" class="float-start img-thumbnail w-50" style="margin-right:20px">
            <h6><strong>{2196 | resource : 'pagetitle'}</strong></h6>
            <p>{2196 | resource : 'description' | ellipsis: '500'}</p> 
            <a href="{$_modx->makeUrl(2196)}" class="btn btn-colorPrimary btn-sm text-white">Подробнее</a>
          </div>
        </div>
      </div>
      
      <!-- Для участников -->
      <!--<div class="d-block p-5 text-bg-info my-5 pb-5">
        <h4>{2193 | resource : 'pagetitle'}</h4>
        {2193 | resource : 'content'}
      </div>-->
      
      <!-- Коллаборация -->
      <h2 class="text-uppercase text-center mt-5">{2227 | resource : 'pagetitle'}</h2>
      <p class="mt-2 mb-5">{2227 | resource : 'content'}</p>
      <div class="d-flex align-items-start flex-wrap flex-lg-nowrap">
        <div class="nav flex-column nav-pills me-3" id="v-pills-tab" role="tablist" aria-orientation="vertical">
          <a class="nav-link active" id="v-pills-9-tab" data-bs-toggle="pill" data-bs-target="#v-pills-9" type="button" role="tab" aria-controls="v-pills-9" aria-selected="true">{2228 | resource : 'pagetitle'}</a>
          <a class="nav-link" id="v-pills-10-tab" data-bs-toggle="pill" data-bs-target="#v-pills-10" type="button" role="tab" aria-controls="v-pills-10" aria-selected="false">{2229 | resource : 'pagetitle'}</a>
          <a class="nav-link" id="v-pills-11-tab" data-bs-toggle="pill" data-bs-target="#v-pills-11" type="button" role="tab" aria-controls="v-pills-11" aria-selected="false">Образовательные<br>учреждения и<br>Ресурсные центры</a>
          <a class="nav-link" id="v-pills-12-tab" data-bs-toggle="pill" data-bs-target="#v-pills-12" type="button" role="tab" aria-controls="v-pills-12" aria-selected="false">{2231 | resource : 'pagetitle'}</a>
          <a class="nav-link" id="v-pills-13-tab" data-bs-toggle="pill" data-bs-target="#v-pills-13" type="button" role="tab" aria-controls="v-pills-13" aria-selected="false">Органы<br>государственной<br>власти</a>
        </div>
        <div class="tab-content" id="v-pills-tabContent">
          <div class="content tab-pane fade show active" id="v-pills-9" role="tabpanel" aria-labelledby="v-pills-9-tab" tabindex="0">
            {2228 | resource : 'content'}
          </div>
          <div class="content tab-pane fade" id="v-pills-10" role="tabpanel" aria-labelledby="v-pills-10-tab" tabindex="0">
             {2229 | resource : 'content'}
          </div>
          <div class="content tab-pane fade" id="v-pills-11" role="tabpanel" aria-labelledby="v-pills-11-tab" tabindex="0">
            {2230 | resource : 'content'}
          </div>
          <div class="content tab-pane fade" id="v-pills-12" role="tabpanel" aria-labelledby="v-pills-12-tab" tabindex="0">
            {2231 | resource : 'content'}
          </div>
          <div class="content tab-pane fade" id="v-pills-13" role="tabpanel" aria-labelledby="v-pills-13-tab" tabindex="0">
            {2232 | resource : 'content'}
          </div>
        </div>
      </div>
      
      <!-- Фотогалерея -->
      <h2 class="text-uppercase text-center mt-5">{2221 | resource : 'pagetitle'}</h2>
      <div class="row pb-5">
        <div class="col-xs-12 col-lg-3">
          <img src="https://www.раор.рф/assets/upload/sorevn/2.jpg" class="img-fluid">
        </div>
        <div class="col-xs-12 col-lg-3">
          <img src="https://www.раор.рф/assets/upload/sorevn/5.jpg" class="img-fluid">
        </div>
        <div class="col-xs-12 col-lg-3">
          <img src="https://www.раор.рф/assets/upload/sorevn/11.jpg" class="img-fluid">
        </div>
        <div class="col-xs-12 col-lg-3">
          <img src="https://www.раор.рф/assets/upload/sorevn/9.jpg" class="img-fluid">
        </div>
      </div>
      <p class="pt-2 pb-5"><a href="{$_modx->makeUrl(2221)}" class="podrobnee">Подробнее</a></p>
      
      <!-- Видео -->
      <h2 class="text-uppercase text-center mt-5">{2222 | resource : 'pagetitle'}</h2>
      <div class="row pb-5">
        <div class="col-xs-12 col-lg-6">
          <div class="ratio ratio-16x9">
            <iframe src="https://www.youtube.com/embed/ShDc0A1dWjg?rel=0" title="ИКаР" allowfullscreen></iframe>
          </div>
        </div>
        <div class="col-xs-12 col-lg-6">
          <div class="ratio ratio-16x9">
            <iframe src="https://www.youtube.com/embed/jtCnrfkBRTY?rel=0" title="ИКаР" allowfullscreen></iframe>
          </div>
        </div>
      </div>
      <p class="pt-2 pb-5"><a href="{$_modx->makeUrl(2222)}" class="podrobnee">Подробнее</a></p>
    </div>
    <!-- Правая колонка -->
    <div class="col-xs-12 col-lg-3 mt-5">
      <h2 class="text-uppercase pb-3">Новости</h2>
      {$_modx->runSnippet('!pdoResources', [
       'parents' => '11,16,18,19,20,21',
       'depth' => 0,
       'tpl' => '@FILE chunks/newIndex1.tpl',
       'includeTVs' => 'foto,noOnIndex,tagNews',
       'limit' => 8,
       'hideContainers' => 1,
       'sortby' => 'publishedon',
       'sortdir' => 'DESC',
       'prepareTVs' => 1,
       'where' => '{"noOnIndex:IS":null}',
       'showLog' => 0,
      ])}
      <a href="{$_modx->makeUrl(11)}" class="btn btn2" title="Новости" target="_blank">Все новости <i class="fas fa-long-arrow-alt-right"></i></a>
    </div>
  </div>
</div>

<!-- Методическая литература -->
<div class="container mt-5">
  <div class="row pt-5 justify-content-center">
    <div class="col-xs-12 col-md-12 text-center">
      <h2 class="text-uppercase">Методическая литература</h2>
    </div>
  </div>
  <!-- List -->
  <div id="pdopage">
    <div class=" rows card-deck row cardIndex pb-5">
     {'!pdoPage' | snippet : [
       'element' => 'pdoResources',
       'parents' => 15,
       'sortby' => 'menuindex',
       'sortdir' => 'ASC',
       'depth' => '0',
       'prepareTVs' => 1,
       'tpl' => '@FILE chunks/podrazdelListIndex.tpl',
       'includeTVs' => 'foto',
       'ajaxMode' => 'button',
       'ajaxTplMore' => '@INLINE <button class="btn btn2 btn-more">Еще</button>'
       'limit' => 12,
     ]}
    </div>
    {'page.nav' | placeholder}
  </div>
</div>

<!-- Раор -->
<div class="container">
  <div class="row mt-5">
    <div class="col-lg-6 col-xs-12">
      <img src="{$_modx->config.site_url}assets/upload/index/logo1.jpg" class="img-fluid" title="">
    </div>
    <div class="pt-5 col-lg-6 col-xs-12">
      <p class="py-5 text-uppercase"><strong></strong></p>
      <p></p>
       
      <p class="pt-2 pb-5"><a href="{$_modx->makeUrl(76)}" class="podrobnee">Подробнее</a></p>
     
    </div>
  </div>
</div>

<!-- Партнеры -->
<div class="container-wide py-5">
  <div class="row justify-content-center py-4">
    <div class="col">
      <h3 class="pb-4 text-center text-uppercase">Партнеры</h3>
      <div class="col-xs-12 col-md-12">
        <div class="slider-items-slick">
          {set $rows = json_decode(1 | resource : 'partnerItem', true)}
          {foreach $rows as $row}
            <div class="item-slide p-2">
              <figure class="text-center">
                <a href="{$row.url}" target="_blank" title="{$row.title | htmlent}">
                  <img src="assets/upload/{$row.image}" alt="{$row.title | htmlent}">
                  <figcaption class="figure-caption">{$row.title}</figcaption>
                </a>
              </figure>
            </div>
          {/foreach}
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Карта -->
<div class="container-fluid">
  <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A6f3fa63331140a63373b3ded3b7b063fb549fa3edecea4393d3ce465d5806d08&amp;width=100%25&amp;height=400&amp;lang=ru_RU&amp;scroll=true"></script>
</div>
  
{/block}