<? 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="detailed-main-block block light-grey" id="<?= $arParams['SECTION_ID']; ?>">
    <div class="detailed-main-block__content container">
        <div class="row">
            <div class="col-12 col-lg-6">
                <div class="detailed-main-block__text-container">
                    <h1 class="detailed-main-block__title block__title"><?= $arParams['~TITLE']; ?></h1>
                    <div class="detailed-main-block__text"><?= $arParams['~SUB_TITLE']; ?></div>
                    <ul class="detailed-main-block__check-items check-items accent">
                        <? if ($arParams['CUSTOM_LIST_ELEMENT']) { ?>
                            <li class="check-item"><?= $arParams['~CUSTOM_LIST_ELEMENT']; ?></li>
                        <? } ?>
                        <? foreach ($arParams['~LIST'] as $key => $value): ?>
                            <? if (!$value)
                                continue; ?>
                            <li class="check-item"><?= $value; ?></li>
                        <? endforeach; ?>
                    </ul>
                    <div class="detailed-main-block__reg-btn-wrapper">
                        <button class="reg-btn btn btn_filled" data-open-popup="reg-popup">Записаться на приём</button>
                    </div>
                </div>
            </div>
            <div class="col-12 col-lg-6">
                <div class="detailed-main-block__pic pic-wrapper">
                    <? if (is_array($arParams['IMG'])): ?>
                        <picture>
                            <img src="<?= makeWebp($arParams['IMG']['SRC']); ?>" alt="" loading="lazy">
                        </picture>
                    <? else: ?>
                        <img class="_top" src="<?= makeWebp($arParams['IMG']); ?>" alt="<?= $arParams['~TITLE']; ?>" loading="lazy">
                    <? endif; ?>
                </div>
            </div>
        </div>
    </div>
</section>