<? 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/blog/" 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__inner-wrap">
                    <article 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="/about/blog/?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">

      <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['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>
                                <? if ($arResult['DETAIL_PICTURE']['SRC']) {
                                    $imgSrcMob = CFile::GetPath($arResult["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>
                        <div class="article__main-wrap">
                            <div class="article__main">

                            <?= $arResult['DETAIL_TEXT'] ?>
                            <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="/about/blog/?hash=<?= $arResult['PROPERTIES']["HASHTAG"]["VALUE"] ?>#page2"
                                                   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>
              <?= minut($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">
                                                    <button target="_blank" class="socials__link"
                                                       data-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>
                                                    </button>
                                                </li>
                                            <? } ?>
                                            <? if ($arResult['PROPERTIES']['TELEGRAM']['VALUE']) { ?>
                                                <li class="socials__item">
                                                    <button target="_blank" class="socials__link"
                                                       data-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>
                                                    </button>
                                                </li>
                                            <? } ?>
                                            <? if ($arResult['PROPERTIES']['WHATSUP']['VALUE']) { ?>
                                                <li class="socials__item">
                                                    <button target="_blank" class="socials__link"
                                                       data-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>
                                                    </button>
                                                </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>
                    </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>

    <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>
          <?= minut($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
); ?>