<? 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--dark">

    <div class="vacancies">
        <div class="container">

            <div class="vacancies__inner">
                <div class="vacancies__top">
                    <div class="section-title section-title--dark">
                        <div class="section-title__wrap">
                            <p class="section-title__badge"><?=$arResult['TAG']?></p>
                            <h2 data-animate="title" class="title title--h2
                            section-title__title"><?=$arResult['NAME']?></h2>
                        </div>

                    </div>
                </div>
                <div class="vacancies__main">
                    <div class="vacancies__left-col">
                        <ul class="vacancies__vacancies-list">
                            <?php foreach ($arResult["ITEMS"] as $arItem){ ?>
                                <li class="vacancies__vacancies-item">
                                <a target="_blank" class="vacancy-card" href="<?=($arItem['PROPERTIES']['LINK']['VALUE'])?$arItem['PROPERTIES']['LINK']['VALUE']:'#'?>">
  <span class="vacancy-card__icon">
    <svg width="1.34em" height="1em" viewBox="0 0 16 12" data-icon="icon-arrow-left">

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

</svg>
  </span>
                                    <div class="vacancy-card__inner">
                                        <?if (!empty($arItem['PROPERTIES']['TAGS']['VALUE'])){?>
                                            <ul class="vacancy-card__skills-list">
                                                <? foreach ($arItem['PROPERTIES']['TAGS']['VALUE'] as $item){ ?>
                                                    <li class="vacancy-card__skills-item"><?=$item?></li>
                                                <?}?>
                                            </ul>
                                        <?}?>

                                        <p><?=$arItem['NAME']?></p>
                                    </div>
                                </a>
                            </li>
                            <?}?>

                        </ul>
                    </div>
                    <div class="vacancies__right-col">
                        <h3><?=$arResult['TITLE']?></h3>
                        <p><?=$arResult['TEXT']?></p>
                        <a href="#" data-open-modal="modal-tell" class="button button--size-xl-m vacancies__button"><span
                                    class="button__text"><?=$arResult['BTN_TEXT']?></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></a>
                    </div>
                </div>
            </div>

        </div>
    </div>

</section>
