<? 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--p-t-header page-section--dark">
    <div class="hero hero--career">
        <div class="container container--no-p">
            <?php foreach ($arResult["ITEMS"] as $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"]['BG_1921']["VALUE"]);
            $img768 = CFile::GetPath($arItem["PROPERTIES"]['BG_768']["VALUE"]);
            $img767 = CFile::GetPath($arItem["PROPERTIES"]['BG_767']["VALUE"]);
            $imgHero1921 = CFile::GetPath($arItem["PROPERTIES"]['IMG_1921']["VALUE"]);
            $imgHero768 = CFile::GetPath($arItem["PROPERTIES"]['IMG_768']["VALUE"]);
            $imgHero767 = CFile::GetPath($arItem["PROPERTIES"]['IMG_767']["VALUE"]);
            ?>

            <div class="hero__inner">
                <div class="hero__bg">
                    <div class="hero__bg-gradient">
                        <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="1512" height="744" loading="lazy">
                        </picture>

                    </div>
                </div>
                <div class="hero__container">
                    <div class="breadcrumbs hero__breadcrumbs">
                        <ol class="breadcrumbs__list">
                            <li class="breadcrumbs__item">
                                <a href="/" class="breadcrumbs__link">

                                    <span class="breadcrumbs__link-text">Главная</span>

                                </a>
                            </li><li class="breadcrumbs__item">
          <span class="breadcrumbs__link breadcrumbs__link--current">

            <span class="breadcrumbs__link-text"><?=$arItem['PROPERTIES']['NAME']['VALUE']?></span>

</span>
                            </li>
                        </ol>
                    </div>
                    <div class="hero__img " data-mask-career="image">

                        <picture>
                            <source media="(min-width: 1921px)"
                                    srcset="<?= $imgHero1921 ?>"
                                    type="image/webp">
                            <source media="(min-width: 768px)"
                                    srcset="<?= $imgHero768 ?>"
                                    type="image/webp">
                            <source media="(max-width: 767px)"
                                    srcset="<?= $imgHero767 ?>"
                                    type="image/webp">
                            <img src="<?= $arItem["DETAIL_PICTURE"]["SRC"] ?>"
                                 srcset="<?= $arItem["DETAIL_PICTURE"]["SRC"] ?>"
                                 alt="Изображение" width="1376" height="1376" loading="lazy">
                        </picture>

                    </div>
                    <div class="hero__text-wrap">
                        <div class="hero__title-description-wrap">
                            <? if (is_array($arItem["PROPERTIES"]["TITLE"]['~VALUE'])){?>
                                <h1 class="title title--h1 hero__title"><?= $arItem["PROPERTIES"]["TITLE"]['~VALUE']['TEXT']?></h1>
                            <?}?>
                            <p class="hero__text"><?= $arItem["PREVIEW_TEXT"] ?></p>
                            <button data-open-modal="modal-tell" class="button button--size-xl-m button--size-m hero__btn-cta js-trigger">
                                <span class="button__text"><?=mb_strtolower
                                    ($arItem["PROPERTIES"]["BTN_WANT"]['VALUE'])?></span>
                                <span class="button__icon">
                                    <svg width="1em" height="1em" viewBox="0 0 20 20" data-icon="icon-arrow-up-right">
                                      <use xlink:href="#ai:local:icon-arrow-up-right"></use>
                                    </svg>
                                </span>
                            </button>
                        </div>
                    </div>
                </div>

            </div>
            <? endforeach; ?>
        </div>
    </div>

</section>