<? 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);

if ($arResult['PROPERTIES']['NAME']['VALUE']){
    $name=$arResult['PROPERTIES']['NAME']['VALUE'];
} else    $name=$arResult['NAME'];
?>
    <div class="container container--pt-header container--mb">

        <div class="breadcrumbs breadcrumbs--pl">
            <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">
                    <a href="/about/news/" 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"><?=$name?></span>

</span>
                </li>
            </ol>
        </div>

    </div>
    <div class="article">
        <div class="container">
            <div class="article__inner">
                <div class="article__top">
                    <h1 class="title article__title"><?= $arResult['NAME'] ?></h1>
                    <div class="article__info-wrap">
                        <div class="item-info item-info--article">
                            <div class="item-info__wrap">
                                <? if ($arResult['PROPERTIES']["HASHTAG"]["VALUE"]): ?>
                                    <a href="<?= $arResult['PROPERTIES']["HASHTAG_LINK"]["VALUE"] ?>?hash=<?= $arItem['PROPERTIES']["HASHTAG"]["VALUE"] ?>"
                                       class="item-info__category"><?= $arResult['PROPERTIES']["HASHTAG"]["VALUE"] ?></a>
                                <? endif; ?>
                                <time class="item-info__date"
                                      datetime="<?= $arResult['PROPERTIES']["DATE"]["VALUE"] ?>">
                                    <?= explode(' ', $arResult['PROPERTIES']["DATE"]["VALUE"])[0] ?>
                                </time>

                                <span class="item-info__readtime">
          <svg width="1em" height="1em" viewBox="0 0 20 20" data-icon="icon-clock">

  <symbol id="ai:local:icon-clock"><path fill="none" stroke="currentColor" stroke-linecap="round"
                                         stroke-linejoin="round" stroke-width="1.2"
                                         d="M10 5.833V10l2.5 2.5M2.5 10a7.5 7.5 0 1 0 15 0 7.5 7.5 0 0 0-15 0Z"></path></symbol><use
                      xlink:href="#ai:local:icon-clock"></use>

</svg>
           <?= $arResult['PROPERTIES']["TIME"]["VALUE"] ?> минут
        </span>
                            </div>

                        </div>
                        <?if ($arResult['PROPERTIES']['AUTHOR']['VALUE']) { ?>
                            <div class="author">
                                <?if ($arResult['PROPERTIES']['AUTHOR_AVATAR']['VALUE']){
                                    $avatar=CFile::GetPath($arResult["PROPERTIES"]['AUTHOR_AVATAR']['VALUE']);

                                ?>
                                    <div class="author__avatar">
                                        <picture>
                                            <source srcset="<?=$avatar?>
                                       <?=$avatar?>  2x,
                                       <?=$avatar?> 3x" type="image/webp">
                                            <img src="<?=$avatar?>"
                                                 srcset="<?=$avatar?> 2x, <?=$avatar?> 3x"
                                                 alt="Картинка" width="48" height="48" loading="lazy">
                                        </picture>
                                    </div>
                                <?}?>
                                <div class="author__info">
                                    <p class="author__name"><?=$arResult['PROPERTIES']['AUTHOR']['VALUE']?></p>
                                </div>
                            </div>
                        <?}?>
                    </div>
                </div>
                <div class="article__main-wrap">
                    <div class="article__main">
                        <article class="article__content" id="key">
                            <h2>Ключевые тезисы</h2>
                            <?if ($arResult['DETAIL_PICTURE']['SRC']){
                                 $imgSrcMob=CFile::GetPath($arItem["PROPERTIES"]['DETAIL_PICTURE_MOB']['VALUE']);
                            ?>
                                <picture>
                                    <source media="(min-width: 768px)"
                                            srcset="<?= $arResult['DETAIL_PICTURE']['SRC'] ?>, <?= $arItem['DETAIL_PICTURE']['SRC'] ?>, <?= $arItem['PREVIEW_PICTURE']['SRC'] ?>"
                                            type="image/webp">
                                    <source media="(max-width: 767px)"
                                            srcset="<?= $imgSrcMob ?>, <?= $imgSrcMob ?>, <?= $imgSrcMob ?>"
                                            type="image/webp">
                                    <img src="<?= $arResult['DETAIL_PICTURE']["SRC"] ?>"
                                         srcset="<?= $arResult['DETAIL_PICTURE']['SRC'] ?>, <?= $arItem['DETAIL_PICTURE']['SRC'] ?>"
                                         alt="<?= $arResult['NAME'] ?>" width="148" height="101" loading="lazy">
                                </picture>
                            <?}?>
                            <p>
                                <?= $arResult['PREVIEW_TEXT'] ?>
                            </p>
                        </article>
                        <?= $arResult['DETAIL_TEXT'] ?>
                        <? /*
                    <article class="article__content" id="research">
                        <h2>Как HeadHunter проводит исследование рынка работодателей</h2>
                        <p>
                            HeadHunter проводит исследование рынка работодателей и&nbsp;на&nbsp;базе него формирует рейтинг лучших
                            из&nbsp;них.<br> В 2023 году в&nbsp;рейтинге приняли участие 2266 компаний из&nbsp;различных отраслей.&nbsp;Итоговое
                            место компании в рейтинге формировалось по&nbsp;баллу, который рассчитывается на&nbsp;базе трех независимых
                            оценок: оценке HR процессов, внутренней оценке индекса чистой лояльности сотрудников и&nbsp;внешней оценке
                            кандидатов.
                        </p>
                        <h3>Как формируются оценки:</h3>
                        <ul>
                            <li>
                                <span>HR-анкетирование.</span>&nbsp;На&nbsp;этом этапе HR-специалисты проходят профессиональное
                                анкетирование, результаты которого показывают эффективность HR-отдела компании. Оценка анкетирования
                                составляет 20% от&nbsp;суммы итогового балла компании.
                            </li>
                            <li>
                                <span>Опрос eNPS (индекс чистой лояльности сотрудников).</span>&nbsp;Компании&nbsp;— участницы
                                рейтинга проводят онлайн-опрос своих сотрудников. Опрос нацелен на&nbsp;объективную оценку работодателя
                                его командой: она показывает уровень лояльности и&nbsp;готовность рекомендовать своим знакомым компанию
                                в&nbsp;качестве будущего места работы. Опрос составляет 40% в&nbsp;итоговом балле.
                            </li>
                            <li>
                                <span>Оценка соискателей hh.ru.</span>&nbsp;В&nbsp;оценке бренда компании задействованы внешние
                                респонденты-соискатели, которые могут пройти опрос и&nbsp;проголосовать только за&nbsp;3 компании
                                из&nbsp;каждой представленной отрасли в&nbsp;рейтинге. Оценка соискателей составляет 40% от&nbsp;общего
                                балла.&nbsp;
                            </li>
                        </ul>
                    </article>
                    <article class="article__content" id="company-to-top">
                        <h2>Компания UDV Group вошла в&nbsp;топ-200</h2>
                        <p>
                            Компания UDV Group вошла в&nbsp;топ-200 в&nbsp;категории «небольшие компании» с&nbsp;суммарным
                            баллом 101,5. Именно в&nbsp;этой категории образовалась самая активная конкуренция
                            за&nbsp;победу&nbsp;— в&nbsp;финал рейтинга попало 534 участника. Также, компания UDV Group заняла 3
                            место среди небольших по&nbsp;численности (от&nbsp;100 до&nbsp;250 сотрудников) IT компаний Свердловской
                            области.
                        </p>
                        <figure>




                            <picture>
                                <source media="(min-width: 768px)" srcset="./images/article-news/article-news-1-xl.webp, ./images/article-news/article-news-1-xl@2x.webp 2x, ./images/article-news/article-news-1-xl@3x.webp 3x" type="image/webp">

                                <source media="(max-width: 767px)" srcset="./images/article-news/article-news-1.webp, ./images/article-news/article-news-1@2x.webp 2x, ./images/article-news/article-news-1@3x.webp 3x" type="image/webp">
                                <img src="./images/article-news/article-news-1.png" srcset="./images/article-news/article-news-1@2x.png 2x, ./images/article-news/article-news-1@3x.png 3x" alt="Картинка" width="1622" height="816" loading="lazy">
                            </picture>

                            <figcaption>Так выглядит баннер от&nbsp;компании Head Hunter</figcaption>
                        </figure>
                    </article>
                    <article class="article__content" id="what-say">
                        <h2>Что об UDV Group сказали в HeadHunter</h2>
                        <p>
                            В&nbsp;целом, рейтинг HeadHunter 2023 показал, что компании, которые заботятся о&nbsp;своих сотрудниках
                            и&nbsp;создают комфортные условия для работы, пользуются большим спросом у&nbsp;соискателей. Это
                            подтверждает важность инвестиций в&nbsp;человеческий капитал и&nbsp;необходимость постоянного улучшения
                            условий труда.
                        </p>
                        <p>
                            «Как написали коллеги из&nbsp;HeadHunter:&nbsp;«Результат HR труда&nbsp;— это любовь
                            сотрудников и&nbsp;соискателей».&nbsp;Первое самостоятельное участие в&nbsp;рейтинге работодателей
                            HeadHunter РФ&nbsp;—&nbsp;новый опыт для компании UDV Group. Мы сделали этот важный шаг вместе
                            с&nbsp;действующими и&nbsp;будущими&nbsp;сотрудниками. Быть финалистом этого рейтинга&nbsp;— уже
                            признак высокого уровня.
                        </p>
                        <blockquote>
                            <p>
                                UDV Group&nbsp;— привлекательный и&nbsp;открытый работодатель, успешно развивающий HR-процессы
                                и&nbsp;имидж компании»&nbsp;—&nbsp;именно такие слова можно увидеть в&nbsp;сертификате
                                финалиста.&nbsp;В&nbsp;2024 мы&nbsp;будем исследовать свой опыт и искать точки развития.
                            </p>
                            <div class="author author--blockquote">
                                <div class="author__avatar">





                                    <picture>
                                        <source srcset="./images/avatar/avatar-6.webp, ./images/avatar/avatar-6@2x.webp 2x, ./images/avatar/avatar-6@3x.webp 3x" type="image/webp">
                                        <img src="./images/avatar/avatar-6.png" srcset="./images/avatar/avatar-6@2x.png 2x, ./images/avatar/avatar-6@3x.png 3x" alt="Картинка" width="48" height="48" loading="lazy">
                                    </picture>
                                </div>
                                <div class="author__info">
                                    <p class="author__name">Елена Лигвинова</p>
                                    <p class="author__position">Директор по развитию UDV Group</p>
                                </div>
                            </div>
                        </blockquote>
                    </article>
                    <article class="article__content" id="about-career">
                        <h2>О&nbsp;карьере в&nbsp;UDV Group</h2>
                        <p>
                            Мы&nbsp;создаем сложные проекты, которые невозможно сделать в&nbsp;одиночку. Мы&nbsp;поддерживаем
                            инициативы сотрудников, вместе решаем сложные технические задачи и&nbsp;оцениваем заслуги
                            по&nbsp;достоинству. Если ты&nbsp;в&nbsp;нашей команде, значит мы&nbsp;тебе доверяем.
                            Мы&nbsp;не&nbsp;будем контролировать каждый шаг и&nbsp;требовать присутствия на&nbsp;рабочем месте 8/5.
                            Главное&nbsp;— делать работу вовремя и&nbsp;отвечать за&nbsp;результат.
                        </p>
                        <div class="article__image-col article__image-col--50-50">
                            <div class="article__image-col-wrap swiper" data-content-image-slider="container">
                                <div class="article__swiper-wrapper swiper-wrapper">
                                    <figure class="swiper-slide">




                                        <picture>

                                            <source media="(min-width: 1921px)" srcset="./images/article-news/article-news-2-xl.webp, ./images/article-news/article-news-2-xl@2x.webp 2x, ./images/article-news/article-news-2-xl@3x.webp 3x" type="image/webp">
                                            <source media="(min-width: 768px)" srcset="./images/article-news/article-news-2-d.webp, ./images/article-news/article-news-2-d@2x.webp 2x, ./images/article-news/article-news-2-d@3x.webp 3x" type="image/webp">
                                            <source media="(max-width: 767px)" srcset="./images/article-news/article-news-2.webp, ./images/article-news/article-news-2@2x.webp 2x, ./images/article-news/article-news-2@3x.webp 3x" type="image/webp">
                                            <img src="./images/article-news/article-news-2.png" srcset="./images/article-news/article-news-2@2x.png 2x, ./images/article-news/article-news-2@3x.png 3x" alt="Картинка" width="801" height="818" loading="lazy">
                                        </picture>

                                        <figcaption>Решаем сложные задачи</figcaption>
                                    </figure>
                                    <figure class="swiper-slide">




                                        <picture>

                                            <source media="(min-width: 1921px)" srcset="./images/article-news/article-news-3-xl.webp, ./images/article-news/article-news-3-xl@2x.webp 2x, ./images/article-news/article-news-3-xl@3x.webp 3x" type="image/webp">
                                            <source media="(min-width: 768px)" srcset="./images/article-news/article-news-3-d.webp, ./images/article-news/article-news-3-d@2x.webp 2x, ./images/article-news/article-news-3-d@3x.webp 3x" type="image/webp">
                                            <source media="(max-width: 767px)" srcset="./images/article-news/article-news-3.webp, ./images/article-news/article-news-3@2x.webp 2x, ./images/article-news/article-news-3@3x.webp 3x" type="image/webp">
                                            <img src="./images/article-news/article-news-3.png" srcset="./images/article-news/article-news-3@2x.png 2x, ./images/article-news/article-news-3@3x.png 3x" alt="Картинка" width="801" height="818" loading="lazy">
                                        </picture>

                                        <figcaption>Вместе обсуждаем новости и пьем кофе</figcaption>
                                    </figure>
                                </div>
                            </div>
                        </div>
                    </article>
                    <article class="article__content" id="about-vacancy">
                        <h3>Вакансии UDV Group</h3>
                        <div class="table" data-simplebar="init"><div class="simplebar-wrapper" style="margin: 0px;"><div class="simplebar-height-auto-observer-wrapper"><div class="simplebar-height-auto-observer"></div></div><div class="simplebar-mask"><div class="simplebar-offset" style="right: 0px; bottom: 0px;"><div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: auto; overflow: hidden;"><div class="simplebar-content" style="padding: 0px;">
                                                <table>
                                                    <thead>
                                                    <tr>
                                                        <th style="width: 29.5%">Направление работы</th>
                                                        <th style="width: 29.5%">Должность</th>
                                                        <th style="width: 20.4%">Грейд</th>
                                                        <th style="auto">Статус</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    <tr>
                                                        <td>UDV DATAPK Industrial Kit</td>
                                                        <td>Аналитик low-code платформы</td>
                                                        <td>middle</td>
                                                        <td><span class="is-open">●</span> Открыта</td>
                                                    </tr>
                                                    <tr>
                                                        <td>UDV ePlat4m SOAR</td>
                                                        <td>GO pазработчик</td>
                                                        <td>middle</td>
                                                        <td><span class="is-open">●</span> Открыта</td>
                                                    </tr>
                                                    <tr>
                                                        <td>Research &amp; Development</td>
                                                        <td>Data scientist</td>
                                                        <td>middle</td>
                                                        <td><span class="is-open">●</span> Открыта</td>
                                                    </tr>
                                                    <tr>
                                                        <td>UDV Industrial Firewall</td>
                                                        <td>Сетевой аналитик</td>
                                                        <td>middle</td>
                                                        <td><span class="is-closed">●</span> Закрыта</td>
                                                    </tr>
                                                    <tr>
                                                        <td>Design</td>
                                                        <td>UX/UI Designer</td>
                                                        <td>middle</td>
                                                        <td><span class="is-open">●</span> Открыта</td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div></div></div></div><div class="simplebar-placeholder" style="width: 1217px; height: 290px;"></div></div><div class="simplebar-track simplebar-horizontal" style="visibility: hidden;"><div class="simplebar-scrollbar" style="width: 0px; display: none;"></div></div><div class="simplebar-track simplebar-vertical" style="visibility: hidden;"><div class="simplebar-scrollbar" style="height: 0px; display: none;"></div></div></div>
                    </article>
                    <article class="article__content" id="wehre-can-find-out-the-rating-results">
                        <h2>Где можно узнать результаты рейтинга</h2>
                        <p>
                            Рейтинг работодателей на&nbsp;сайте hh.ru помогает соискателям сделать выбор при поиске работы, поскольку
                            учитывает мнения сотрудников компаний. Это позволяет оценить, насколько хорошо работодатели относятся к
                            своим работникам, и&nbsp;определить, стоит&nbsp;ли рассматривать ту&nbsp;или иную компанию как
                            потенциального работодателя.
                        </p>
                        <p>
                            Взглянуть на&nbsp;результаты рейтинга можно на&nbsp;сайте&nbsp;<a href="#">HeadHunter</a>,
                            а&nbsp;познакомиться с&nbsp;актуальными вакансиями <a href="#">можно&nbsp;тут.</a>
                        </p>
                        <div class="notification-plate notification-plate--green">
                            <div class="notification-plate__header">
    <span class="notification-plate__icon"><img src="./images/svg/tabler-icon-bell-ringing-green.svg" alt="Картинка" width="36" height="36" loading="lazy">




</span>
                                <h3 class="notification-plate__title">Важно!</h3>
                            </div>
                            <div class="notification-plate__text">
                                <p>Рейтинг способствует улучшению репутации компаний на&nbsp;рынке труда. Участие в&nbsp;рейтинге показывает, что компания заботится о&nbsp;своих сотрудниках и&nbsp;стремится создать комфортные условия для работы. Это может привлечь новых кандидатов и&nbsp;повысить престиж компании в&nbsp;глазах потенциальных работников.</p>
                            </div>
                        </div>
                    </article>
                    */ ?>
                        <div class="article__bottom">
                             <?if ($arResult['PROPERTIES']['AUTHOR']['VALUE'] && $arResult['PROPERTIES']['AUTHOR_TEXT']['VALUE']) { ?>
                                <div class="notice article__notice">
                                    <div class="notice__top">
                                        <div class="author author--notice">
                                            <?if ($arResult['PROPERTIES']['AUTHOR_AVATAR']['VALUE']){
                                                $avatar=CFile::GetPath($arResult["PROPERTIES"]['AUTHOR_AVATAR']['VALUE']);
                                                ?>
                                                <div class="author__avatar">
                                                    <picture>
                                                        <source srcset="<?=$avatar?>
                                           <?=$avatar?>  2x,
                                           <?=$avatar?> 3x" type="image/webp">
                                                        <img src="<?=$avatar?>"
                                                             srcset="<?=$avatar?> 2x, <?=$avatar?> 3x"
                                                             alt="Картинка" width="48" height="48" loading="lazy">
                                                    </picture>
                                                </div>
                                            <?}?>
                                            <div class="author__info">
                                                <p class="author__name"><?=$arResult['PROPERTIES']['AUTHOR']['VALUE']?></p>
                                                <p class="author__position"><?=$arResult['PROPERTIES']['AUTHOR_POST']['VALUE']?></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="notice__text">
                                        <p><?=$arResult['PROPERTIES']['AUTHOR_TEXT']['~VALUE']['TEXT']?></p>
                                    </div>
                                </div>
                            <?}?>
                            <div class="article__bottom-info-wrap">
                                <div class="item-info item-info--article">
                                    <div class="item-info__wrap">
                                        <? if ($arResult['PROPERTIES']["HASHTAG"]["VALUE"]): ?>
                                            <a href="<?= $arResult['PROPERTIES']["HASHTAG_LINK"]["VALUE"] ?>?hash=<?= $arResult['PROPERTIES']["HASHTAG"]["VALUE"] ?>"
                                               class="item-info__category"><?= $arResult['PROPERTIES']["HASHTAG"]["VALUE"] ?></a>
                                        <? endif; ?>
                                        <time class="item-info__date"
                                              datetime="<?= $arResult['PROPERTIES']["DATE"]["VALUE"] ?>">
                                            <?= explode(' ', $arResult['PROPERTIES']["DATE"]["VALUE"])[0] ?>
                                        </time>

                                        <span class="item-info__readtime">
          <svg width="1em" height="1em" viewBox="0 0 20 20" data-icon="icon-clock">

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

</svg>
          <?= $arResult['PROPERTIES']["TIME"]["VALUE"] ?> минут
        </span>
                                    </div>

                                </div>
                                <div class="socials socials--article">
                                    <ul class="socials__list">
                                        <?if ($arResult['PROPERTIES']['VK']['VALUE']){?>
                                            <li class="socials__item">
                                                <a target="_blank" class="socials__link"
                                                    href="<?=$arResult['PROPERTIES']['VK']['VALUE']?>" aria-label="Вконтакте">
                                                      <span class="socials__icon">
                                                        <img src="<?=SITE_TEMPLATE_PATH?>/images/svg/vk-dark.svg" alt="Картинка" width="24" height="24"
                                                             loading="lazy">
                                                      </span>
                                                    <span class="socials__icon socials__icon--hover">
                                                         <img src="<?=SITE_TEMPLATE_PATH?>/images/svg/vk-green.svg" alt="Картинка" width="24" height="24" loading="lazy">
                                                    </span>
                                                </a>
                                            </li>
                                        <?}?>
                                        <?if ($arResult['PROPERTIES']['TELEGRAM']['VALUE']){?>
                                            <li class="socials__item">
                                                <a target="_blank" class="socials__link" href="<?=$arResult['PROPERTIES']['TELEGRAM']['VALUE']?>"
                                                aria-label="Телеграм">
                                                  <span class="socials__icon">
                                                    <img src="<?=SITE_TEMPLATE_PATH?>/images/svg/tg-dark.svg" alt="Картинка" width="24" height="24" loading="lazy">
                                                  </span>
                                                                                    <span class="socials__icon socials__icon--hover">
                                                      <img src="<?=SITE_TEMPLATE_PATH?>/images/svg/tg-green.svg" alt="Картинка" width="24" height="24" loading="lazy">
                                                    </span>
                                                </a>
                                            </li>
                                        <?}?>
                                        <?if ($arResult['PROPERTIES']['WHATSUP']['VALUE']){?>
                                            <li class="socials__item">
                                                <a class="socials__link" href="<?=$arResult['PROPERTIES']['WHATSUP']['VALUE']?>" aria-label="Whatsapp">
                                                  <span class="socials__icon">
                                                    <img src="<?=SITE_TEMPLATE_PATH?>/images/svg/whatsapp-dark.svg" alt="Картинка" width="24" height="24" loading="lazy">
                                                  </span>
                                                                                    <span class="socials__icon socials__icon--hover">
                                                      <img src="<?=SITE_TEMPLATE_PATH?>/images/svg/whatsapp-green.svg" alt="Картинка" width="24" height="24" loading="lazy">

                                                    </span>
                                                </a>
                                            </li>
                                        <?}?>
                                        <li class="socials__item">
                                                <button class="socials__link"
                                                        data-button="copy-link"
                                                        aria-label="Поделиться"
                                                        data-tippy-content='<svg xmlns=&quot;http://www.w3.org/2000/svg&quot; width=&quot;20&quot; height=&quot;20&quot; viewBox=&quot;0 0 20 20&quot; fill=&quot;none&quot;><path d=&quot;M15.834 6.89016C16.0873 7.03644 16.2977 7.24683 16.444 7.50019C16.5903 7.75354 16.6673 8.04094 16.6673 8.3335V15.0002C16.6673 15.4422 16.4917 15.8661 16.1792 16.1787C15.8666 16.4912 15.4427 16.6668 15.0007 16.6668H8.33398C7.89196 16.6668 7.46803 16.4912 7.15547 16.1787C6.84291 15.8661 6.66732 15.4422 6.66732 15.0002V8.3335C6.66732 7.89147 6.84291 7.46755 7.15547 7.15499C7.46803 6.84242 7.89196 6.66683 8.33398 6.66683H10.834M4.16732 13.1118C3.91371 12.9654 3.70316 12.7548 3.55687 12.5011C3.41058 12.2474 3.3337 11.9597 3.33399 11.6668V5.00016C3.33399 4.55814 3.50958 4.13421 3.82214 3.82165C4.1347 3.50909 4.55862 3.3335 5.00065 3.3335H11.6673C12.1093 3.3335 12.5333 3.50909 12.8458 3.82165C13.1584 4.13421 13.334 4.55814 13.334 5.00016V11.6668C13.334 12.1089 13.1584 12.5328 12.8458 12.8453C12.5333 13.1579 12.1093 13.3335 11.6673 13.3335H9.16732&quot; stroke=&quot;#0B2027&quot; stroke-opacity=&quot;0.8&quot; stroke-width=&quot;1.5&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;/></svg> <p>Cсылка скопирована</p>';
                                                        aria-expanded="false">
                                                      <span class="socials__icon">
                                                        <img src="<?=SITE_TEMPLATE_PATH?>/images/svg/link-dark.svg" alt="Картинка" width="24" height="24" loading="lazy">
                                                      </span>
                                                    <span class="socials__icon socials__icon--hover">
                                                          <img src="<?=SITE_TEMPLATE_PATH?>/images/svg/link-green.svg" alt="Картинка" width="24" height="24" loading="lazy">

                                                        </span>
                                                </button>

                                    </ul>

                                </div>
                            </div>
                        </div>
                    </div>
                    <aside class="article__aside">
                        <div class="article__aside-nav-wrap">
                            <div class="aside-nav article__aside-nav" data-da-max=".article__top, 767, last">
                                <p class="aside-nav__title">Содержание</p>
                                <div class="aside-nav__list-wrap">
                                    <ul class="aside-nav__list">
                                        <?foreach ($arResult['PROPERTIES']['SODER']['VALUE'] as $item){?>
                                            <li class="aside-nav__item">
                                                <a class="aside-nav__link" href="#<?=$item[2]?>"
                                                   data-navigation-link=""><?=$item[1]?></a>
                                            </li>
                                        <?}?>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </aside>
                </div>
            </div>

        </div>
    </div>

<section class="page-section page-section--pt">
    <div class="other-news">
        <div class="container">
            <div class="other-news__inner">
                <h2 class="title other-news__title">другие новости</h2>
                <div class="other-news__list-wrap swiper" data-other-news-slider="container">
                    <ul class="other-news__list swiper-wrapper">
                        <?php foreach ($arResult["OTHERS"] as $arItem) : ?>
                            <li class="other-news__item swiper-slide">
                                <div class="article-card article-card--other-news">
                                    <a class="article-card__inner" href="<?= $arItem['DETAIL_PAGE_URL'] ?>">

                                        <div class="article-card__image">
                                            <picture>
                                                <source media="(min-width: 768px)"
                                                        srcset="<?= $arItem['PREVIEW_PICTURE']['SRC'] ?>, <?= $arItem['PREVIEW_PICTURE']['SRC'] ?>, <?= $arItem['PREVIEW_PICTURE']['SRC'] ?>"
                                                        type="image/webp">
                                                <source media="(max-width: 767px)"
                                                        srcset="<?= $arItem['PREVIEW_PICTURE']['SRC'] ?>, <?= $arItem['PREVIEW_PICTURE']['SRC'] ?>, <?= $arItem['PREVIEW_PICTURE']['SRC'] ?>"
                                                        type="image/webp">
                                                <img src="<?= $arItem['PREVIEW_PICTURE']["SRC"] ?>"
                                                     srcset="<?= $arItem['PREVIEW_PICTURE']['SRC'] ?>, <?= $arItem['PREVIEW_PICTURE']['SRC'] ?>"
                                                     alt="<?= $arItem['NAME'] ?>" width="148" height="101" loading="lazy">
                                            </picture>

                                        </div>
                                        <h2 class="title article-card__title"><?= $arItem['NAME'] ?> </h2>
                                        <div class="article-card__text">
                                            <p><?= $arItem['PREVIEW_TEXT'] ?> </p>
                                        </div>
                                        <div class="item-info item-info--news-list">
                                            <div class="item-info__wrap">
                                                <?if($arItem['PROPERTIES']["HASHTAG"]["VALUE"]):?>
                                                    <p class="item-info__category"><?= $arItem['PROPERTIES']["HASHTAG"]["VALUE"] ?></p>
                                                <?endif;?>
                                                <time class="item-info__date"
                                                      datetime="<?= $arItem['PROPERTIES']["DATE"]["VALUE"] ?>">
                                                    <?= explode(' ', $arItem['PROPERTIES']["DATE"]["VALUE"])[0] ?>
                                                </time>
                                                <?if ( $arItem['PROPERTIES']["TIME"]["VALUE"]):?>
                                                <span class="item-info__readtime">
          <svg width="1em" height="1em" viewBox="0 0 20 20" data-icon="icon-clock">

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

</svg>
          <?= $arItem['PROPERTIES']["TIME"]["VALUE"] ?> минут
        </span>
        <?endif?>
                                            </div>

                                        </div>
                                    </a>
                                </div>
                            </li>

                        <?endforeach;?>

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

        </div>
    </div>

</section>

<? $APPLICATION->IncludeComponent("bitrix:main.include", "", array(
    "AREA_FILE_SHOW" => "file",    // Показывать включаемую область
    "PATH" => SITE_DIR . "include/form/main_form.php",    // Путь к файлу области
),
    false
); ?>