<? if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED !== true) die();
/** @var array $arParams */
/** @var array $arResult */
/** @global CMain $APPLICATION */
/** @global CUser $USER */
/** @global CDatabase $DB */
/** @var CBitrixComponentTemplate $this */
/** @var string $templateName */
/** @var string $templateFile */
/** @var string $templateFolder */
/** @var string $componentPath */
/** @var CBitrixComponent $component */
$this->setFrameMode(true);
?>
<section class="page-section page-section--dark" data-animate="team-puzzle">
    <div class="team">
        <div class="container">
            <div class="team__inner">
                <div class="team__top">
                    <div class="section-title team__title section-title--dark">
                        <div class="section-title__wrap">
                            <p class="section-title__badge"><?=$arResult['TAG']?></p>
                            <h2 data-animate="title" class="title title--h2 section-title__title"><?=mb_strtolower($arResult['TITLE'])?></h2>
                        </div>
                    </div>
                    <p class="team__description">
                        <?=$arResult['TEXT']?>
                    </p>
                </div>
                <div class="team__main">
                    <?$k==0;
                    foreach ($arResult['ITEMS'] as  $item){

                    switch ($k) {
                        case 0:
                            $class = "left";
                            break;
                        case 1:
                            $class = "center";
                            break;
                        case 2:
                            $class = "right";
                            break;

                    }
                    $k++;
                    if ($k>2) $k=0;
                    ?>
                    <div class="team__item-container team__item-container--<?=$class?>">
                        <div class="team__item-wrap">
                            <div class="team__item-pixels-wrap">
                                <span class="team__item-pixel"></span>
                                <span class="team__item-pixel"></span>
                                <span class="team__item-pixel"></span>
                                <span class="team__item-pixel"></span>
                                <span class="team__item-pixel"></span>
                                <span class="team__item-pixel"></span>
                                <span class="team__item-pixel"></span>
                                <span class="team__item-pixel"></span>
                                <span class="team__item-pixel"></span>
                                <span class="team__item-pixel"></span>
                                <span class="team__item-pixel"></span>
                                <span class="team__item-pixel"></span>
                                <span class="team__item-pixel"></span>
                                <span class="team__item-pixel"></span>
                                <span class="team__item-pixel"></span>
                                <span class="team__item-pixel"></span>
                                <span class="team__item-pixel"></span>
                                <span class="team__item-pixel"></span>
                            </div>
                            <div class="team__item">
                                <h3 class="team__item-title"><?=$item['NAME']?></h3>
                                <div class="team__item-text">
                                    <p>
                                        <?=$item['PREVIEW_TEXT']?>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <?}?>

                </div>
            </div>

        </div>
    </div>

</section>