<? 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 (empty($arResult["ITEMS"])) {
    return;
}

if($arResult['MAIN']['PROPERTIES']["HASHTAG"]["VALUE"]){
    $hash=\Cutil::translit((string)$arResult['MAIN']['PROPERTIES']["HASHTAG"]["VALUE"],"ru",["replace_space"=>"-","replace_other"=>"-"]);

} else $hash="";


if ($_GET['hash']){
    $hash1=\Cutil::translit((string)$_GET['hash'],"ru",["replace_space"=>"-",
        "replace_other"=>"-"]);
    ?>
    <style>
        @media (max-width: 767px) {
            .news__top-news {
                display: none;
            }

            .news__top-news[data-hash="<?=$hash1?>"] {
                display: block;
            }
        }
    </style>
    <?php

}

?>
    <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">
          <span class="breadcrumbs__link breadcrumbs__link--current">

            <span class="breadcrumbs__link-text"><?=$arResult['BREAD_NAME']?></span>

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

    </div>
    <section class="page-section page-section--no-pt page-section--pb-mobile">
        <div class="news">
            <div class="container">
                <div class="news__inner">
                    <div class="news__header">
                        <h1 class="title news__title">
                            <?if ($arResult['TITLE']['NAME']){
                                echo  $arResult['TITLE']['NAME'];
                            } else {?>
                            новости UDV Group
                            <?}?>
                        </h1>
                        <p>
                        <?if ($arResult['TITLE']['PREVIEW_TEXT']){
                            echo  $arResult['TITLE']['PREVIEW_TEXT'];
                        } else {?>
                        UDV Group предоставляет единый портфель решений для&nbsp;защиты технологических сетей,
                            корпоративного сегминутмента и&nbsp;автоматизации в&nbsp;области объектовой безопасности.
                        <?}?>
                    </div>
                    <div class="news__top-news" data-hash-mobile="<?=$hash?>">
                        <div class="article-card news__top-news-card article-card--big">
                            <a data-hash-mobile="<?=$hash?>" class="article-card__inner" href="<?= $arResult['MAIN']['DETAIL_PAGE_URL']
                            ?>">
                                <? if ($arResult['MAIN']['PREVIEW_PICTURE']['SRC']) { ?>
                                    <div class="article-card__image">
                                        <picture>
                                            <source media="(min-width: 768px)"
                                                    srcset="<?= $arResult['MAIN']['PREVIEW_PICTURE']['SRC'] ?>, <?=
                                                    $arResult['MAIN']['PREVIEW_PICTURE']['SRC'] ?>, <?= $arResult['MAIN']['PREVIEW_PICTURE']['SRC'] ?>"
                                                    type="image/webp">
                                            <source media="(max-width: 767px)"
                                                    srcset="<?= $arResult['MAIN']['PREVIEW_PICTURE_MOB']?>"
                                                    type="image/webp">
                                            <img src="<?= $arResult['MAIN']['PREVIEW_PICTURE']["SRC"] ?>"
                                                 srcset="<?= $arResult['MAIN']['PREVIEW_PICTURE']['SRC'] ?>, <?= $arResult['MAIN']['PREVIEW_PICTURE']['SRC'] ?>"
                                                 alt="<?= $arResult['MAIN']['NAME'] ?>" width="1572" height="836"
                                                 loading="lazy">
                                        </picture>
                                    </div>
                                <? } ?>
                                <h2 class="title article-card__title"><?= $arResult['MAIN']['NAME'] ?></h2>
                                <div class="article-card__text">
                                    <p><?= $arResult['MAIN']['PREVIEW_TEXT'] ?></p>
                                </div>
                                <div class="item-info item-info--small">
                                    <div class="item-info__wrap">
                                        <p class="item-info__category"><?= $arResult['MAIN']['PROPERTIES']['HASHTAG']['VALUE'] ?></p>
                                        <time class="item-info__date"
                                              datetime="<?= $arResult['MAIN']['PROPERTIES']["DATE"]["VALUE"] ?>">
                                            <?= explode(' ', $arResult['MAIN']['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>
           <?=minut($arResult['MAIN']['PROPERTIES']["TIME"]["VALUE"])?>
        </span>
                                    </div>

                                </div>
                            </a>
                        </div>
                        <div class="subscribe-form news__top-news-form subscribe-form--blog"
                             data-da-max=".news__inner, 767, last">
                            <div class="subscribe-form__image">

                                <picture>
                                    <source media="(min-width: 768px)"
                                            srcset="<?= SITE_TEMPLATE_PATH ?>/images/subscribe-form/metal-mail-xl.webp, <?= SITE_TEMPLATE_PATH ?>/images/subscribe-form/metal-mail-xl@2x.webp 2x, <?= SITE_TEMPLATE_PATH ?>/images/subscribe-form/metal-mail-xl@3x.webp 3x"
                                            type="image/webp">

                                    <source media="(max-width: 767px)"
                                            srcset="<?= SITE_TEMPLATE_PATH ?>/images/subscribe-form/metal-mail.webp, <?= SITE_TEMPLATE_PATH ?>/images/subscribe-form/metal-mail@2x.webp 2x, <?= SITE_TEMPLATE_PATH ?>/images/subscribe-form/metal-mail@3x.webp 3x"
                                            type="image/webp">
                                    <img src="<?= SITE_TEMPLATE_PATH ?>/images/subscribe-form/metal-mail.png"
                                         srcset="<?= SITE_TEMPLATE_PATH ?>/images/subscribe-form/metal-mail@2x.png 2x, <?= SITE_TEMPLATE_PATH ?>/images/subscribe-form/metal-mail@3x.png 3x"
                                         alt="Изображение." width="474" height="474" loading="lazy">
                                </picture>

                            </div>

                            <div class="subscribe-form__bg">
                                <div class="subscribe-form__bg-gradient">
                                    <picture>

                                        <source media="(min-width: 1921px)"
                                                srcset="<?= SITE_TEMPLATE_PATH ?>/images/bg/bg-subscription-form-blog-xl.webp, <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-subscription-form-blog-xl@2x.webp 2x,  <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-subscription-form-blog-xl@3x.webp 3x"
                                                type="image/webp">
                                        <source media="(min-width: 768px)"
                                                srcset="<?= SITE_TEMPLATE_PATH ?>/images/bg/bg-subscription-form-blog-d.webp, <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-subscription-form-blog-d@2x.webp 2x,  <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-subscription-form-blog-d@3x.webp 3x"
                                                type="image/webp">
                                        <source media="(max-width: 767px)"
                                                srcset="<?= SITE_TEMPLATE_PATH ?>/images/bg/bg-subscription-form-blog.webp, <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-subscription-form-blog@2x.webp 2x,  <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-subscription-form-blog@3x.webp 3x"
                                                type="image/webp">
                                        <img src="<?= SITE_TEMPLATE_PATH ?>/images/bg/bg-subscription-form-blog.png"
                                             srcset="<?= SITE_TEMPLATE_PATH ?>/images/bg/bg-subscription-form-blog@2x.png 2x, <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-subscription-form-blog@3x.png 3x"
                                             alt="Изображение." width="779" height="836" loading="lazy">
                                    </picture>

                                </div>
                                <div class="subscribe-form__bg-pixels" data-pixels="subscribe-form"
                                     data-pixels-qty="30">

                                </div>
                            </div>
                            <div class="subscribe-form__inner">
                                <h3 class="title subscribe-form__title"><?=$arResult['SUBSCRIBE-TITLE']?></h3>
                                <p class="subscribe-form__description"><?=$arResult['SUBSCRIBE-TEXT']?></p>
                            </div>
                            <div class="subscribe-form__form" data-form-validate="" data-callback="subscribe"
                                 data-button-disabled="">
                                <form action="#" id="news-form" novalidate="">
                                    <input type="hidden" name="listid" value="<?=$arResult['SUBSCRIBE-BOOK']?>">
                                    <div class="subscribe-form__fields">
                                        <div class="custom-input subscribe-form__field" data-validate-type="email"
                                             data-required="" data-message-base="Заполните поле"
                                             data-message-extra="Введите корректный e-mail адрес" data-message-succes=""
                                             data-input-focus="">
                                            <label>
                                                <input name="email" maxlength="256">
                                                <span class="custom-input__label">Ваша электронная почта</span>
                                            </label>


                                        </div>
                                        <button type="submit"
                                                class="button button--solid-green subscribe-form__btn is-disabled"><span
                                                    class="button__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></button>
                                    </div>
                                    <div class="custom-toggle subscribe-form__toggle"
                                         data-message-base="Согласитесь с политикой конфиденциальности"
                                         data-validate-type="checkbox">
                                        <label>
                                            <input type="checkbox" required="">

                                            <span class="custom-toggle__icon">
          <svg width="1em" height="1em" viewBox="0 0 12 12" data-icon="icon-check">

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

</svg>
        </span>

                                            <span class="custom-toggle__label">

            <span class="custom-toggle__label-text">Я согласен на обработку персональных данных в соответствии с <a href="/privacy/">Политикой
                    конфиденциальности</a></span>
            <span class="custom-toggle__label-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>

        </span>
                                        </label>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                     <div id="page2"></div>
                    <div class="news__article-controls-wrap">
                        <div class="article-controls swiper news__article-controls article-controls--news"
                             data-tabs-controls-slider="container" data-da-max=".news__inner, 767, 1">
                            <ul class="article-controls__list swiper-wrapper" data-tabs-controls-slider="wrapper">
                                <li class="article-controls__item swiper-slide" data-tabs-controls-slider="slide">
                                    <a class="all-link"   href="#page2">
                                        <button class="article-controls__btn <?= (!$_GET['hash']) ? 'is-active' : '' ?>"
                                                data-articles="all">
            <span class="article-controls__icon">
              <svg width="0.93em" height="1em" viewBox="0 0 12 13" data-icon="icon-right">

  <symbol id="ai:local:icon-right"><path fill="none" stroke="currentColor" stroke-linecap="round"
                                         stroke-linejoin="round" stroke-miterlimit="10"
                                         d="M7.215 3.465 10.25 6.5 7.215 9.535M1.75 6.5h8.415"></path></symbol><use
                          xlink:href="#ai:local:icon-right"></use>

</svg>
            </span>
                                            <span class="article-controls__text">все статьи</span>
                                        </button>
                                    </a>
                                </li>
                                <? foreach ($arResult['HASHTAGS'] as $item) {
                                    $hash=\Cutil::translit((string)$item,"ru",["replace_space"=>"-",
                                        "replace_other"=>"-"]);


                                    ?>
                                    <li class="article-controls__item swiper-slide " data-tabs-controls-slider="slide">
                                        <a class="hash-link" data-name="<?=$hash?>" href="?hash=<?= trim($item)
                                        ?>#page2">
                                            <button class="article-controls__btn <?= ($_GET['hash'] == trim($item)) ? 'is-active' : '' ?>"
                                                    data-articles="eco">
                <span class="article-controls__icon">
                  <svg width="0.93em" height="1em" viewBox="0 0 12 13" data-icon="icon-right">

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

    </svg>
                </span>
                                                <span class="article-controls__text"><?= $item ?></span>
                                            </button>
                                        </a>
                                    </li>
                                <? } ?>

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

                    <?

                    $GLOBALS['arrFilter'] = array('!ID' => $arResult['MAIN']['ID']);
                    if ($_GET['hash']){
                        $GLOBALS['arrFilter']['PROPERTY_HASHTAG']=$_GET['hash'];
                        $newsCount=10000000;

                    } else   $newsCount=9;
                    $APPLICATION->IncludeComponent(
                        "bitrix:news.list",
                        "news_tags",
                        array(
                            "USE_FILTER" => "Y",
                            "IBLOCK_TYPE" => $arParams["IBLOCK_TYPE"],
                            "IBLOCK_ID" => $arParams["IBLOCK_ID"],
                            "NEWS_COUNT" => $newsCount,
                            "SORT_BY1" => $arParams["SORT_BY1"],
                            "SORT_ORDER1" => $arParams["SORT_ORDER1"],
                            "SORT_BY2" => $arParams["SORT_BY2"],
                            "SORT_ORDER2" => $arParams["SORT_ORDER2"],
                            "FIELD_CODE" => $arParams["LIST_FIELD_CODE"],
                            "PROPERTY_CODE" => array(
                                0 => "DATE",
                                1 => "HASHTAG",
                            ),
                            "SET_TITLE" => $arParams["SET_TITLE"],
                            "SET_LAST_MODIFIED" => $arParams["SET_LAST_MODIFIED"],
                            "MESSAGE_404" => $arParams["MESSAGE_404"],
                            "SET_STATUS_404" => $arParams["SET_STATUS_404"],
                            "SHOW_404" => $arParams["SHOW_404"],
                            "FILE_404" => $arParams["FILE_404"],
                            "INCLUDE_IBLOCK_INTO_CHAIN" => "N",
                            "ADD_SECTIONS_CHAIN" => $arParams["ADD_SECTIONS_CHAIN"],
                            "CACHE_TYPE" => $arParams["CACHE_TYPE"],
                            "CACHE_TIME" => $arParams["CACHE_TIME"],
                            "CACHE_FILTER" => "N",
                            "CACHE_GROUPS" => $arParams["CACHE_GROUPS"],
                            "DISPLAY_TOP_PAGER" => $arParams["DISPLAY_TOP_PAGER"],
                            "DISPLAY_BOTTOM_PAGER" => $arParams["DISPLAY_BOTTOM_PAGER"],
                            "PAGER_TITLE" => $arParams["PAGER_TITLE"],
                            "PAGER_TEMPLATE" => $arParams["PAGER_TEMPLATE"],
                            "PAGER_SHOW_ALWAYS" => $arParams["PAGER_SHOW_ALWAYS"],
                            "PAGER_DESC_NUMBERING" => $arParams["PAGER_DESC_NUMBERING"],
                            "PAGER_DESC_NUMBERING_CACHE_TIME" => $arParams["PAGER_DESC_NUMBERING_CACHE_TIME"],
                            "PAGER_SHOW_ALL" => $arParams["PAGER_SHOW_ALL"],
                            "PAGER_BASE_LINK_ENABLE" => $arParams["PAGER_BASE_LINK_ENABLE"],
                            "PAGER_BASE_LINK" => $arParams["PAGER_BASE_LINK"],
                            "PAGER_PARAMS_NAME" => $arParams["PAGER_PARAMS_NAME"],
                            "DISPLAY_DATE" => $arParams["DISPLAY_DATE"],
                            "DISPLAY_NAME" => "Y",
                            "DISPLAY_PICTURE" => $arParams["DISPLAY_PICTURE"],
                            "DISPLAY_PREVIEW_TEXT" => $arParams["DISPLAY_PREVIEW_TEXT"],
                            "PREVIEW_TRUNCATE_LEN" => $arParams["PREVIEW_TRUNCATE_LEN"],
                            "ACTIVE_DATE_FORMAT" => $arParams["LIST_ACTIVE_DATE_FORMAT"],
                            "USE_PERMISSIONS" => $arParams["USE_PERMISSIONS"],
                            "GROUP_PERMISSIONS" => $arParams["GROUP_PERMISSIONS"],
                            "FILTER_NAME" => "arrFilter",
                            "HIDE_LINK_WHEN_NO_DETAIL" => $arParams["HIDE_LINK_WHEN_NO_DETAIL"],
                            "CHECK_DATES" => $arParams["CHECK_DATES"],
                            "STRICT_SECTION_CHECK" => $arParams["STRICT_SECTION_CHECK"],

                            "PARENT_SECTION" => $arResult["VARIABLES"]["SECTION_ID"],
                            "PARENT_SECTION_CODE" => $arResult["VARIABLES"]["SECTION_CODE"],
                            "DETAIL_URL" => $arResult["FOLDER"] . $arResult["URL_TEMPLATES"]["detail"],
                            "SECTION_URL" => $arResult["FOLDER"] . $arResult["URL_TEMPLATES"]["section"],
                            "IBLOCK_URL" => $arResult["FOLDER"] . $arResult["URL_TEMPLATES"]["news"],
                        ),
                        $component
                    ); ?>

                </div>

            </div>
        </div>

    </section>

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