<? 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--no-pt page-section--pt-mob" id="research">

    <div class="advantages-solutions advantages-solutions--wide-title">
        <div class="advantages-solutions__wrap" style="">
            <div class="container advantages-solutions__container">

                <div class="advantages-solutions__inner">
                    <div class="advantages-solutions__header">
                        <div class="section-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>
                    </div>
                    <div class="advantages-solutions__content">
                        <ul class="advantages-solutions__list">
                            <?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="advantages-solutions__item" id="<?= $this->GetEditAreaId($arItem['ID']); ?>">
                                <div class="benefit-plate">
                                    <div class="benefit-plate__image-wrap">
                                        <div class="benefit-plate__bg-decor-wrap">
                                            <div class="benefit-plate__bg-decor benefit-plate__bg-decor--top">
                                                <svg width="1em" height="1em" viewBox="0 0 15 15"
                                                     data-icon="icon-plus">
                                                    <symbol id="ai:local:icon-plus">
                                                        <path fill="none" stroke="currentColor"
                                                              d="M7.5 0v15M0 7.5h15"></path>
                                                    </symbol>
                                                    <use xlink:href="#ai:local:icon-plus"></use>

                                                </svg>
                                                <svg width="1em" height="1em" viewBox="0 0 15 15"
                                                     data-icon="icon-plus">

                                                    <use xlink:href="#ai:local:icon-plus"></use>

                                                </svg>
                                                <svg width="1em" height="1em" viewBox="0 0 15 15"
                                                     data-icon="icon-plus">

                                                    <use xlink:href="#ai:local:icon-plus"></use>

                                                </svg>
                                                <svg width="1em" height="1em" viewBox="0 0 15 15"
                                                     data-icon="icon-plus">

                                                    <use xlink:href="#ai:local:icon-plus"></use>

                                                </svg>
                                            </div>
                                            <div class="benefit-plate__bg-decor benefit-plate__bg-decor--bottom">
                                                <svg width="1em" height="1em" viewBox="0 0 15 15"
                                                     data-icon="icon-plus">

                                                    <use xlink:href="#ai:local:icon-plus"></use>

                                                </svg>
                                                <svg width="1em" height="1em" viewBox="0 0 15 15"
                                                     data-icon="icon-plus">

                                                    <use xlink:href="#ai:local:icon-plus"></use>

                                                </svg>
                                                <svg width="1em" height="1em" viewBox="0 0 15 15"
                                                     data-icon="icon-plus">

                                                    <use xlink:href="#ai:local:icon-plus"></use>

                                                </svg>
                                                <svg width="1em" height="1em" viewBox="0 0 15 15"
                                                     data-icon="icon-plus">

                                                    <use xlink:href="#ai:local:icon-plus"></use>

                                                </svg>
                                            </div>
                                        </div>
                                        <div class="benefit-plate__image">
                                            <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="473" height="473" loading="lazy">
                                            </picture>


                                        </div>
                                    </div>
                                    <div class="benefit-plate__content-wrap">
                                        <div class="benefit-plate__counter-wrap">
                                            <span class="benefit-plate__counter">0<?=($k+1)?></span>
                                        </div>
                                        <h3 class="title benefit-plate__title"><?=$arItem['NAME']?></h3>
                                        <div class="benefit-plate__text">
                                            <p><?=$arItem['PREVIEW_TEXT']?></p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <?}?>

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

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

</section>
