<? 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" id="team">

    <div class="team-research">
        <div class="container">

            <div class="team-research__inner">
                <div class="team-research__top">
                    <div class="section-title team-research__title">
                        <div class="section-title__wrap">
                            <p class="section-title__badge"><?=$arResult['TAG']?></p>
                            <h2 data-animate="title" class="title title--h2 section-title__title words lines
                            splitting"><?=$arResult['NAME']?></h2>
                        </div>

                    </div>

                    <ul class="team-research__tags-list">
                        <?foreach ($arResult['SPECIALS'] as $k=>$item){ ?>
                        <li class="team-research__item">
                            <div class="tag-text tag-text--team-research tag-text--bordered tag-text--card">
                                <p class="tag-text__text"><?=$item['NAME']?></p>
                            </div>
                        </li>
                        <?}?>

                    </ul>
                </div>
                <div class="team-research__main">
                    <div class="team-research__image-list-wrap swiper swiper-initialized swiper-horizontal swiper-backface-hidden" data-team-research-slider="container">
                        <ul class="team-research__image-list swiper-wrapper" data-team-research-slider="wrapper">
                            <?foreach ($arResult['ITEMS'] as $k=>$arItem){ ?>
                            <?
                            $this->AddEditAction($arItem['ID'], $arItem['EDIT_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_EDIT"));
                            $this->AddDeleteAction($arItem['ID'], $arItem['DELETE_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_DELETE"), array("CONFIRM" => GetMessage('CT_BNL_ELEMENT_DELETE_CONFIRM')));
                            $img1921 = CFile::GetPath($arItem["PROPERTIES"]['IMG_1921']["VALUE"]);
                            $img768 = CFile::GetPath($arItem["PROPERTIES"]['IMG_768']["VALUE"]);
                            $img767 = CFile::GetPath($arItem["PROPERTIES"]['IMG_767']["VALUE"]);

                            ?>
                                <li class="team-research__image-item swiper-slide <?=($k==1)?'team-research__image-item--wide':''?>"
                                    data-team-research-slider="slide">
                                    <picture>
                                        <source media="(min-width: 1921px)"
                                                srcset="<?= $img1921?>"
                                                type="image/webp">
                                        <source media="(min-width: 768px)"
                                                srcset="<?= $img768?>"
                                                type="image/webp">
                                        <source media="(max-width: 767px)"
                                                srcset="<?= $img767?>"
                                                type="image/webp">
                                        <img src="<?=$arItem['PREVIEW_PICTURE']['SRC']?>"
                                             srcset="<?= $arItem['PREVIEW_PICTURE']['SRC']?>"
                                             alt="Картинка" width="<?=($k==1)?'1146':'554'?>" height="626"
                                             loading="lazy">
                                    </picture>

                                </li>
                            <?}?>

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

        </div>
    </div>

</section>