<?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="welcome-block block" 
    <?if(!empty($arParams['SECTION_ID'])){?> id="<?= $arParams['SECTION_ID']; ?>" <?}?>>
    <div class="welcome-block__content container">
        <div class="row flex-column-reverse flex-xl-row">
            <? if (isset($arResult['PICTURE'])): ?>
                <div class="col-12 col-xl-6 p-0 p-sm-auto">
                    <div class="welcome-block__pic pic-wrapper"><img src="<?= $arResult['PICTURE']['SRC']; ?>" class="_center"
                            alt="Фотография главврача" loading="lazy"></div>
                </div>
            <? endif; ?>
            <div class="col-12 col-xl-6">
                <h1 class="welcome-block__title block__title">
                    <?= $arParams['TITLE']; ?>
                </h1>
                <div class="welcome-block__text">
                    <?= $arParams['SUBTITLE']; ?>
                </div>
                <? if ($arParams['LIST']): ?>
                    <ul class="welcome-block__check-items check-items">
                        <? foreach ($arParams['LIST'] as $listparam): ?>
                            <? if (!$listparam)
                                continue; ?>
                            <li class="check-item">
                                <div class="check-item__text">
                                    <?= $listparam; ?>
                                </div>
                            </li>
                        <? endforeach; ?>
                    </ul>
                <? endif; ?>
            </div>
            <? if ($arResult['PROPERTIES']['CERTIFICATES']['VALUE']): ?>
                <div class="col-12 welcome-block__inner">
                    <div class="welcome-block__swiper" data-swiper-name="certificates-swiper">
                        <div class="welcome-block__items swiper-wrapper">
                            <? foreach ($arResult['PROPERTIES']['CERTIFICATES']['VALUE'] as $sert): ?>
                                <div class="welcome-block__item swiper-slide">
                                    <div class="welcome-block__item-pic pic-wrapper" data-src="<?= $sert['BIG']?>"
                                        data-fancybox="certificates-gallery">
                                        <picture>
                                            <img src="<?= $sert['SMALL'] ?>" alt="" loading="lazy">
                                        </picture>
                                    </div>
                                </div>
                            <? endforeach; ?>
                        </div>
                    </div>
                    <div class="swiper__panel">
                        <div class="swiper__pag"></div>
                        <div class="swiper__nav">
                            <button class="swiper__btn-prev"><svg xmlns="http://www.w3.org/2000/svg" width="61" height="16"
                                    viewBox="0 0 61 16" fill="none">
                                    <path
                                        d="M0.292889 8.70711C-0.0976334 8.31658 -0.0976334 7.68342 0.292889 7.29289L6.65685 0.928932C7.04737 0.538408 7.68054 0.538408 8.07106 0.928932C8.46159 1.31946 8.46159 1.95262 8.07106 2.34315L2.41421 8L8.07106 13.6569C8.46159 14.0474 8.46159 14.6805 8.07106 15.0711C7.68054 15.4616 7.04737 15.4616 6.65685 15.0711L0.292889 8.70711ZM61 9L0.999996 9V7L61 7V9Z"
                                        fill="#E8E8FF" />
                                </svg>
                            </button>
                            <button class="swiper__btn-next"><svg xmlns="http://www.w3.org/2000/svg" width="61" height="16"
                                    viewBox="0 0 61 16" fill="none">
                                    <path
                                        d="M60.7071 8.70711C61.0976 8.31658 61.0976 7.68342 60.7071 7.29289L54.3432 0.928932C53.9526 0.538408 53.3195 0.538408 52.9289 0.928932C52.5384 1.31946 52.5384 1.95262 52.9289 2.34315L58.5858 8L52.9289 13.6569C52.5384 14.0474 52.5384 14.6805 52.9289 15.0711C53.3195 15.4616 53.9526 15.4616 54.3432 15.0711L60.7071 8.70711ZM0 9H60V7H0V9Z"
                                        fill="#4F6ECB" />
                                </svg>
                            </button>
                        </div>
                    </div>
                </div>
            <? endif; ?>
        </div>
    </div>
</section>