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

$img1921 = CFile::GetPath($arResult["PROPERTIES"]['DETAIL_PICTURE_1921']["VALUE"]);
$img768 = CFile::GetPath($arResult["PROPERTIES"]['DETAIL_PICTURE_768']["VALUE"]);
$img767 = CFile::GetPath($arResult["PROPERTIES"]['DETAIL_PICTURE_767']["VALUE"]);
$logoOrg = CFile::GetPath($arResult["PROPERTIES"]['ORGANIZER_LOGO']["VALUE"]);

$for = CFile::GetPath($arResult["PROPERTIES"]['FOR_IMG']["VALUE"]);
if (!$for) {
    $for = SITE_TEMPLATE_PATH . "/images/bg/bg-audience.png";
}

$for1921 = CFile::GetPath($arResult["PROPERTIES"]['FOR_IMG']["VALUE"]);
if (!$for1921) {
    $for1921 = SITE_TEMPLATE_PATH . "/images/bg/bg-audience-xl.webp";
}
$for768 = CFile::GetPath($arResult["PROPERTIES"]['FOR_IMG']["VALUE"]);
if (!$for768) {
    $for = SITE_TEMPLATE_PATH . "/images/bg/bg-audience-d.webp";
}
$for767 = CFile::GetPath($arResult["PROPERTIES"]['FOR_IMG']["VALUE"]);
if (!$for767) {
    $for = SITE_TEMPLATE_PATH . "/images/bg/bg-audience.webp";
}

$program=CFile::GetFileArray($arResult["PROPERTIES"]['PROGRAMM_FILE']["VALUE"]);
$src=$program['SRC'];
$typ=explode("/",$program['CONTENT_TYPE']);
$type=mb_strtoupper($typ[1]);
$size=round($program['FILE_SIZE']/1000);

//добавление в календарь
    $name=$arResult['NAME'];
    if ($arResult['PROPERTIES']['LINE']['VALUE']=="оффлайн"){
        $link=$arResult['PROPERTIES']['ADDRESS']['VALUE'];
    } else $link="https://udvgroup.na4u.ru/".$APPLICATION->GetCurDir();
    $dateot=date('YmdТHis',strtotime($arResult['PROPERTIES']['DATE']['VALUE']));
     $start=date('Y-m-d H:i:s',strtotime($arResult['PROPERTIES']['DATE']['VALUE']));
     $end=$start;

    if ($arResult['PROPERTIES']['DATE_END']['VALUE']){
        $datedo=date('YmdТHis',strtotime($arResult['PROPERTIES']['DATE_END']['VALUE']));
        $end=date('Y-m-d H:i:s',strtotime($arResult['PROPERTIES']['DATE_END']['VALUE']));
    } else {
        $end=$start;
        $datedo=$dateot;
    }

$description="";


$linkGoogle="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=".$dateot."%2F".$datedo."Z&details=%0A&location=".$link."&text=".$name;
$linkOutlook="https://outlook.office.com/calendar/0/action/compose?allday=false&body=test%0A&enddt=".$datedo."&location=".$link."&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=".$datedo."&subject=".$name;
$linkYahoo="https://calendar.yahoo.com/?desc=%0A&dur=false&et=".$dateot."&in_loc=test&st=".$datedo."&title="
.$name."&v=60";

$file = new ICS($start, $end, $name, $description, $link, $link);
$fileID = $file->save(); //ID сохранённого файла в БД Битрикса
$fileLink = CFile::GetPath($fileID); //Ссылка на сохранённый файл

//теги

if ($arResult["PROPERTIES"]['FOR_TAG']["VALUE"]){
    $forTag=$arResult["PROPERTIES"]['FOR_TAG']["VALUE"];
} else  $forTag="для кого";

if ($arResult["PROPERTIES"]['PROGRAM_TAG']["VALUE"]){
    $programTag=$arResult["PROPERTIES"]['PROGRAM_TAG']["VALUE"];
} else  $programTag="программа";

if ($arResult["PROPERTIES"]['SPIKERS_TAG']["VALUE"]){
    $spikersTag=$arResult["PROPERTIES"]['SPIKERS_TAG']["VALUE"];
} else  $spikersTag="участники";

if ($arResult["PROPERTIES"]['MATERIALS_TAG']["VALUE"]){
    $materialsTag=$arResult["PROPERTIES"]['MATERIALS_TAG']["VALUE"];
} else  $materialsTag="материалы";

if ($arResult["PROPERTIES"]['PLACE_TAG']["VALUE"]){
    $placeTag=$arResult["PROPERTIES"]['PLACE_TAG']["VALUE"];
} else  $placeTag="место";


if ($arResult["PROPERTIES"]['FORM_TAG']["VALUE"]){
    $formTag=$arResult["PROPERTIES"]['FORM_TAG']["VALUE"];
} else  $formTag="оставьте заявку";




?>

<div class="container container--pt-header container--mb-60-48-32">
    <div class="breadcrumbs breadcrumbs--pl breadcrumbs--pt-pb breadcrumbs--wrap">
        <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/events/" 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['PROPERTIES']['BREAD_NAME']['VALUE'])?$arResult['PROPERTIES']['BREAD_NAME']['VALUE']:$arResult['NAME']?>
            </span>

</span>
            </li>
        </ol>
    </div>
</div>
<section class="page-section page-section--no-pt">
    <div class="event">
        <div class="container">
            <h1 class="title event__title"><?= $arResult['NAME'] ?></h1>
            <div class="event__inner">
                <div class="event__main">
                    <div class="event__image">
                        <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="<?= $arResult["PREVIEW_PICTURE"]["SRC"] ?>"
                                 srcset="<?= $arResult["PREVIEW_PICTURE"]["SRC"] ?>"
                                 alt="Изображение" width="1622" height="847" loading="lazy">
                        </picture>

                    </div>
                    <div class="event__short-description">
                        <p><?=$arResult['PREVIEW_TEXT']?></p>
                    </div>
                    <div class="event__description-wrap" data-da-max=".event__aside, 767,last">
                        <h2 class="title event__description-title">О конференции</h2>
                        <div class="event__description">
                            <?=$arResult['DETAIL_TEXT']?>
                        </div>
                    </div>
                </div>
                <aside class="event__aside">
                    <div class="event__aside-cta-wrap">
                        <div class="item-info event__item-info item-info--event">
                            <div class="item-info__wrap">
                                <p class="item-info__category"><?=$arResult['PROPERTIES']['LINE']['VALUE']?></p>

                                <time class="item-info__date item-info__date--hot"
                                      datetime="<?=$arResult["PROPERTIES"]["DATE"]["VALUE"]?>">
                                    <svg width="0.95em" height="1em" viewBox="0 0 18 19" data-icon="icon-flame">

                                        <symbol id="ai:local:icon-flame">
                                            <path fill="none" stroke="currentColor" stroke-linecap="round"
                                                  stroke-linejoin="round" stroke-width="1.4"
                                                  d="M9 9.5c1.5-2.22 0-5.25-.75-6C8.25 5.779 6.92 7.056 6 8c-.92.945-1.5 2.43-1.5 3.75a4.5 4.5 0 1 0 9 0c0-1.149-.792-2.955-1.5-3.75-1.34 2.25-2.093 2.25-3 1.5Z"></path>
                                        </symbol>
                                        <use xlink:href="#ai:local:icon-flame"></use>

                                    </svg>
                                    <?=$arResult["DATE"]?>
                                </time>

                            </div>
                            <?if ($arResult['PROPERTIES']['LINE']['VALUE']=="оффлайн" &&
                                $arResult['PROPERTIES']['ADDRESS']['VALUE']){ ?>
                                <address class="item-info__address"><?=
                                    $arResult['PROPERTIES']['ADDRESS']['VALUE']?></address>
                            <?}?>
                        </div>
                        <?if ($arResult['PROPERTIES']['LINE']['VALUE']=="оффлайн" &&
                        $arResult['PROPERTIES']['SITE']['VALUE']){ ?>
                        <a href="<?= $arResult['PROPERTIES']['SITE']['VALUE']?>" class="button button--solid-green button--size-xl-m event__button
                        event__button--reg"><span class="button__text">перейти на&nbsp;сайт мероприятия</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>
                        <?}else{?>
                        <a href="#write-to-us-form"
                           class="button button--solid-green button--size-xl-m event__button event__button--reg"><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></a>
                        <?}?>
                    </div>
                    <div class="event__aside-organizer-plate">
                        <div class="event__aside-organizer-top">
                            <div class="event__aside-organizer-top-text">
                                <p class="event__aside-organizer-title"><?=$arResult["PROPERTIES"]["ORGANIZER"]["VALUE"]?></p>
                                <p class="event__aside-organizer-role"><?=$arResult["PROPERTIES"]["ORGANIZER_POST"]["VALUE"]?></p>
                            </div>
                            <?if ($logoOrg) {?>
                                <div class="event__aside-organizer-top-icon">
                                    <img src="<?=$logoOrg?>" alt="Картинка" width="64" height="64"
                                         loading="lazy">
                                </div>
                            <?}?>
                        </div>
                        <div class="event__aside-organizer-description">
                            <p>
                                <?if ($arResult['PROPERTIES']['ORGANIZER_TEXT']['~VALUE']){
                                    echo $arResult['PROPERTIES']['ORGANIZER_TEXT']['~VALUE']['TEXT'];
                                }?>
                            </p>
                        </div>
                    </div>
                    <div class="event__add-calendar" data-add-calendar="parent">
                        <button data-button="add-calendar"
                                class="button button--outline button--size-xl-m event__button event__button--add"><span
                                    class="button__icon">
        <svg width="1.04em" height="1em" viewBox="0 0 27 26" data-icon="icon-calendar">

  <symbol id="ai:local:icon-calendar"><path fill="none" stroke="currentColor" stroke-linecap="round"
                                            stroke-linejoin="round" stroke-width="2"
                                            d="M17.832 3.25v4.333M9.165 3.25v4.333m-4.333 4.334h17.333M4.832 7.583a2.167 2.167 0 0 1 2.167-2.166h13a2.167 2.167 0 0 1 2.166 2.166v13A2.167 2.167 0 0 1 20 22.75H7a2.167 2.167 0 0 1-2.167-2.167v-13Zm4.333 8.667h2.167v2.167H9.165V16.25Z"></path></symbol><use
                    xlink:href="#ai:local:icon-calendar"></use>

</svg>
      </span><span class="button__text">добавить в календарь</span></button>
                        <div class="event__add-calendar-list-wrap">
                            <ul class="event__add-calendar-list">
                                <li class="event__add-calendar-item">
                                    <a class="event__add-calendar-link" href="<?=$fileLink?>" data-add-calendar="link">
                      <span class="event__add-calendar-link-icon">
                        <img src="<?=SITE_TEMPLATE_PATH?>/images/svg/calendar-apple.svg" alt="Картинка" width="22"
                             height="22"     loading="lazy">
                      </span>
                                        <span class="event__add-calendar-link-text">Apple</span>
                                    </a>
                                </li>
                                <li class="event__add-calendar-item">
                                    <a target="_blank" class="event__add-calendar-link" href="<?=$linkGoogle?>"
                                       data-add-calendar="link">
                      <span class="event__add-calendar-link-icon">
                        <img src="<?=SITE_TEMPLATE_PATH?>/images/svg/calendar-google.svg" alt="Картинка" width="22" height="22"
                             loading="lazy">
                      </span>
                                        <span class="event__add-calendar-link-text">Google</span>
                                    </a>
                                </li>
                                <li class="event__add-calendar-item">
                                    <a target="_blank" class="event__add-calendar-link" href="<?=$fileLink?>"
                                       data-add-calendar="link">
                      <span class="event__add-calendar-link-icon">
                        <img src="<?=SITE_TEMPLATE_PATH?>/images/svg/calendar-outlook.svg" alt="Картинка" width="22" height="22"
                             loading="lazy">


                      </span>
                                        <span class="event__add-calendar-link-text">Outlook.com</span>
                                    </a>
                                </li>
                                <li class="event__add-calendar-item">
                                    <a target="_blank" class="event__add-calendar-link" href="<?=$linkYahoo?>"
                                        data-add-calendar="link">
                      <span class="event__add-calendar-link-icon">
                        <img src="<?=SITE_TEMPLATE_PATH?>/images/svg/calendar-yahoo.svg" alt="Картинка" width="22" height="22" loading="lazy">

                      </span>
                                        <span class="event__add-calendar-link-text">Yahoo</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="event__socials-wrap">
                        <div class="socials event__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 target="_blank" 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>
                                </li>
                            </ul>
                        </div>
                        <span class="event__socials-text">Поделиться</span>
                    </div>
                </aside>
            </div>

        </div>
    </div>

</section>
<section class="page-section page-section--no-pt">

    <div class="audience">
        <div class="audience__wrap">
            <div class="audience__bg-wrap">
                <div class="audience__bg-image">


                    <picture>
                        <source media="(min-width: 1921px)"
                                srcset="<?= $for1921 ?>"
                                type="image/webp">
                        <source media="(min-width: 768px)"
                                srcset="<?= $for768 ?>"
                                type="image/webp">
                        <source media="(max-width: 767px)"
                                srcset="<?= $for767 ?>"
                                type="image/webp">
                        <img src="<?= $for ?>"
                             srcset="<?= $for ?>"
                             alt="Изображение" width="1622" height="847" loading="lazy">
                    </picture>
                </div>
                <div class="audience__bg-pixels" data-pixels="audience" data-pixels-qty="120">
                </div>
                <div class="container audience__container">
                    <div class="audience__inner">
                        <div class="section-title audience__title">
                            <div class="section-title__wrap">
                                <p class="section-title__badge"><?=$forTag?></p>
                                <h2 data-animate="title"
                                    class="title title--h2 section-title__title words lines splitting"
                                    style="--word-total: 4; --line-total: 2;">для кого предназначено  мероприятие</h2>
                            </div>

                        </div>
                        <ul class="audience__list">
                            <? foreach ($arResult['FOR_EVENTS'] as $item){?>
                                <li class="audience__item">
                                <div class="card">
                                    <div class="card__inner">
                                        <div class="card__top">
                                            <h3 class="title card__title"><?=$item['NAME']?></h3>
                                            <div class="card__texts">
                                                <p><?=$item['PREVIEW_TEXT']?></p>
                                            </div>
                                        </div>
                                        <?if (!empty($item['PROPERTIES']['TAGS']["VALUE"])){?>
                                            <ul class="card__list">
                                                <? foreach ($item['PROPERTIES']['TAGS']['VALUE'] as $tag){?>
                                                    <li class="card__item">
                                                        <div class="tag-text tag-text--card tag-text--green-dot tag-text--bordered">
                                                            <p class="tag-text__text"><?=$tag?></p>
                                                        </div>
                                                    </li>
                                                <?}?>
                                            </ul>
                                        <?}?>
                                    </div>
                                </div>
                            </li>
                            <?}?>
                        </ul>
                    </div>

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

</section>
<section class="page-section">
    <div class="event-program" data-tabs="parent" data-delay="0">
        <div class="container">

            <div class="event-program__top">
                <div class="section-title event-program__title">
                    <div class="section-title__wrap">
                        <p class="section-title__badge"><?=$programTag?></p>
                        <h2 data-animate="title" class="title title--h2 section-title__title words lines splitting"
                            style="--word-total: 2; --line-total: 1;">программа мероприятия</h2>
                    </div>

                </div>
                <?if ($src){?>
                    <div class="document-link event-program__document-link">
                        <a class="document-link__inner" type="download" href="<?=$src?>">
                            <div class="document-link__icon">
                                <img src="<?=SITE_TEMPLATE_PATH?>/images/svg/file.svg" alt="Картинка" width="24"
                                     height="24"
                                     loading="lazy">


                            </div>
                            <div class="document-link__data-wrap">
                                <p class="document-link__title">Программа мероприятия</p>
                                <span class="document-link__file-data"><?=$type?>, <?=$size?> KB</span>
                            </div>
                        </a>
                    </div>
                <?}?>
            </div>
            <div class="event-program__inner">
                <div class="tab-controls swiper event-program__tabs-controls tab-controls--horizontal tab-controls--event-program"
                     data-tabs="controls" data-tabs-controls-slider="container">
                    <ul class="tab-controls__list swiper-wrapper" data-tabs-controls-slider="wrapper">
                        <? foreach ($arResult['DAYS'] as $k=>$arItem){?>
                        <li class="tab-controls__item swiper-slide" data-tabs-controls-slider="slide">
                            <button class="tab-controls__btn  <?=($k==0)?'is-active':''?>" data-tabs="control"
                                    data-index="<?=$k?>">
            <span class="tab-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="tab-controls__text"><?=$arItem['NAME']?></span>
                            </button>
                        </li>
                        <?}?>
                    </ul>
                </div>
                <div class="event-program__main" data-tabs="content" style="height: 642px;">
                    <? foreach ($arResult['DAYS'] as $k=>$arItem){?>
                            <div class="event-program__element" data-tabs="element">
                        <div class="accordion accordion--event-program">
                            <ul class="accordion__list" data-accordion="parent">
                                <? foreach ($arItem['ITEMS'] as $i=>$item){

                                    ?>
                                    <li class="accordion__item accordion <?=($i==0)?'is-active':''?>"
                                        data-accordion="element">
                                    <button class="accordion__button" type="button" data-accordion="button">
                                        <time class="accordion__time" datetime="2022-01-01">
                                            <?=$item["PROPERTIES"]['TIME']['VALUE']?>
                                        </time>
                                        <span class="accordion__button-text-wrap">
                <span class="accordion__button-text"><?=$item["NAME"]?></span>
                <span class="accordion__button-icon">
                  <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="icon-minus">

  <symbol id="ai:local:icon-minus"><path fill="none" stroke="currentColor" stroke-linecap="round"
                                         stroke-linejoin="round" stroke-width="1.5"
                                         d="M5.438 12h13.125"></path></symbol><use
                              xlink:href="#ai:local:icon-minus"></use>

</svg>
                  <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="icon-minus">

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

</svg>
                </span>
              </span>
                                    </button>
                                    <div class="accordion__wrapper" data-accordion="content" style="max-height: 248px;">
                                        <div class="accordion__content">
                                            <p><?=$item['PREVIEW_TEXT']?></p>
                                        </div>
                                        <div class="author accordion__author author--accordion">
                                            <div class="author__avatar">
                                                <?if ($item['PREVIEW_PICTURE']){?>
                                                    <picture>
                                                        <source srcset="<?=$item['PREVIEW_PICTURE']?>"
                                                                type="image/webp">
                                                        <img src="<?=$item['PREVIEW_PICTURE']?>"
                                                             srcset="<?=$item['PREVIEW_PICTURE']?>"
                                                             alt="Картинка" width="48" height="48" loading="lazy">
                                                    </picture>
                                                <?}?>
                                            </div>
                                            <div class="author__info">
                                                <p class="author__name"><?=$item['PROPERTIES']['FIO']['VALUE']?></p>
                                                <p
                                                        class="author__position"><?=$item['PROPERTIES']['POST']['VALUE']?></p>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <?}?>

                            </ul>
                        </div>
                    </div>
                    <?}?>

                </div>
            </div>

        </div>
    </div>

</section>
<?if (!empty($arResult['SPIKERS'])){ ?>
    <section class="page-section">

    <div class="speakers-slider">
        <div class="container">

            <div class="speakers-slider__inner">
                <div class="speakers-slider__top">
                    <div class="section-title speakers-slider__title">
                        <div class="section-title__wrap">
                            <p class="section-title__badge"><?=$spikersTag?></p>
                            <h2 data-animate="title" class="title title--h2 section-title__title words lines splitting"
                                style="--word-total: 4; --line-total: 2;">спикеры  и участники мероприятия</h2>
                        </div>

                    </div>
                    <div class="slider-controls">
                        <button class="slider-controls__button slider-controls__button--prev swiper-button-disabled"
                                data-slider="prev" disabled="">
                            <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>
                        </button>
                        <button class="slider-controls__button slider-controls__button--next" data-slider="next">
                            <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>
                        </button>
                    </div>
                </div>
                <div class="speakers-slider__slider-wrapper">
                    <div class="speakers-slider__slider swiper swiper-initialized swiper-horizontal swiper-backface-hidden"
                         data-slider-speakers="slider">
                        <ul class="speakers-slider__list swiper-wrapper">
                            <? foreach ($arResult['SPIKERS'] as $item){?>
                                <li class="speakers-slider__item swiper-slide" style="width: 433.5px; margin-right: 16px;">
                                <div class="member-card">
                                    <div class="member-card__inner">
                                        <div class="member-card__image">
                                            <picture>

                                                <source media="(min-width: 1921px)"
                                                        srcset="<?=$item['PHOTO1921']?>"
                                                        type="image/webp">
                                                <source media="(min-width: 768px)"
                                                        srcset="<?=$item['PHOTO768']?>"
                                                        type="image/webp">
                                                <source media="(max-width: 767px)"
                                                        srcset="<?=$item['PHOTO767']?>"
                                                        type="image/webp">
                                                <img src="<?=$item['PHOTO1921']?>"
                                                     srcset=<?=$item['PHOTO1921']?>"
                                                     alt="Картинка" width="576" height="648" loading="lazy">
                                            </picture>
                                        </div>
                                        <div class="member-card__member-info">
                                            <p class="member-card__name"><?=$item['NAME']?></p>
                                            <p class="member-card__position"><?=$item['PROPERTY_JOB_VALUE']?></p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <?}?>

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

        </div>
    </div>

</section>
<?}?>
<section class="page-section page-section--no-pt" id="materials">

    <div class="materials">
        <div class="materials__wrap">
            <div class="materials__bg-wrap">
                <div class="container materials__container">

                    <div class="materials__inner">
                        <div class="section-title materials__title">
                            <div class="section-title__wrap">
                                <p class="section-title__badge"><?=$materialsTag?></p>
                                <h2 data-animate="title"
                                    class="title title--h2 section-title__title words lines splitting"
                                    style="--word-total: 3; --line-total: 1;">видео о мероприятии
                                </h2>
                            </div>

                        </div>
                        <div class="materials__main">
                            <div class="materials__media-wrap" data-video="parent">
                                <div class="materials__video-wrap" data-video="wrap">
                                    <? if (is_array($arResult["PROPERTIES"]["VIDEO_KOD"]['~VALUE']))
                                        echo $arResult["PROPERTIES"]["VIDEO_KOD"]['~VALUE']['TEXT'];
                                        ?>
                                </div>
                                <div class="materials__media-bg">
                                    <div class="materials__media-bg-img">
                                        <picture>

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

                                    </div>
                                    <div class="materials__media-bg-pixels" data-pixels="materials"
                                         data-pixels-qty="105">
                                    </div>
                                </div>
                                <div class="materials__media-preview">
                                    <div class="materials__media-logo">
                                        <svg width="5.04em" height="1em" viewBox="0 0 151 30" data-icon="logo-udv">

                                            <use xlink:href="#ai:local:logo-udv"></use>

                                        </svg>
                                    </div>
                                    <button type="button" class="materials__media-btn" data-video="btn">
                                        <svg width="1em" height="1em" viewBox="0 0 48 48" data-icon="icon-play">

                                            <symbol id="ai:local:icon-play">
                                                <path fill="#0B2027" stroke="currentColor" stroke-linecap="round"
                                                      stroke-linejoin="round" stroke-width="1.5"
                                                      d="M13.73 4.83a1.541 1.541 0 0 0-2.328 1.325v35.69c0 1.194 1.3 1.935 2.327 1.326l30.114-17.845a1.542 1.542 0 0 0 0-2.652L13.729 4.829Z"></path>
                                            </symbol>
                                            <use xlink:href="#ai:local:icon-play"></use>

                                        </svg>
                                    </button>
                                    <div class="materials__media-text-wrap">
                                        <h3 class="title materials__media-title"><?=$arResult['PROPERTIES']['PREZENT_H3']['VALUE']?></h3>
                                        <?if (is_array($arResult['PROPERTIES']['PREZENT_H3_TEXT']['~VALUE'])){?>
                                            <p class="materials__media-text">
                                                <?=$arResult['PROPERTIES']['PREZENT_H3_TEXT']['~VALUE']['TEXT']?>
                                            </p>
                                        <?}?>
                                    </div>
                                </div>
                            </div>
                            <div class="materials__description-wrap">
                                <div class="materials__texts-container">
                                    <h3 class="title materials__texts-title">Видео презентация мероприятия</h3>
                                    <div class="materials__texts">
                                        <?if (is_array($arResult['PROPERTIES']['PREZENT_TEXT']['~VALUE'])){?>
                                            <p class="materials__text"><?=$arResult['PROPERTIES']['PREZENT_TEXT']['~VALUE']['TEXT']?></p>
                                        <?}?>
                                    </div>
                                    <?if ($src){?>
                                        <div class="document-link materials__document-link-plate document-link--half-frame">
                                            <p class="document-link__header">Скачайте презентацию</p>
                                            <a class="document-link__inner" type="download" href="<?=$src?>">
                                                <div class="document-link__icon">
                                                    <img src="<?=SITE_TEMPLATE_PATH?>/images/svg/file.svg" alt="Картинка"
                                                         width="24"
                                                         height="24"
                                                         loading="lazy">


                                                </div>
                                                <div class="document-link__data-wrap">
                                                    <p class="document-link__title">Программа мероприятия</p>
                                                    <span class="document-link__file-data"><?=$type?>, <?=$size?> KB</span>
                                                </div>
                                            </a>
                                        </div>
                                    <?}?>
                                </div>

                            </div>
                        </div>

                    </div>

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

</section>
<?if ($arResult['PROPERTIES']['LINE']['VALUE']=="оффлайн"){ ?>
    <section class="page-section">
        <div class="event-place">
            <div class="container">

                <div class="event-place__inner">
                    <div class="event-place__info-column">
                        <div class="section-title event-place__title">
                            <div class="section-title__wrap">
                                <p class="section-title__badge"><?=$placeTag?></p>
                                <h2 data-animate="title" class="title title--h2 section-title__title words lines
                                splitting is-show" style="--word-total: 3; --line-total: 2;">где пройдёт
                                    мероприятие</h2>
                            </div>

                        </div>
                        <?if ($arResult['PROPERTIES']['ADDRESS']['VALUE']){ ?>
                            <address class="event-place__address"><?=$arResult['PROPERTIES']['ADDRESS']['VALUE']?></address>
                        <?}?>
                        <div class="event-place__contacts-wrap">
                            <?if ($arResult['PROPERTIES']['PHONE']['VALUE']){ ?>
                                <div class="event-place__contact">
                                    <span class="event-place__contact-title">Телефон для связи</span>
                                    <a class="event-place__contact-link"
                                       href="tel:<?=preg_replace('/[^0-9]/', '', $arResult['PROPERTIES']['PHONE']['VALUE']);?>"><?=$arResult['PROPERTIES']['PHONE']['VALUE']?></a>
                                </div>
                            <?}?>
                            <?if ($arResult['PROPERTIES']['EMAIL']['VALUE']){ ?>
                                <div class="event-place__contact">
                                    <span class="event-place__contact-title">Почта для связи</span>
                                    <a class="event-place__contact-link" href="mailto:<?=$arResult['PROPERTIES']['EMAIL']['VALUE']?>"><?=$arResult['PROPERTIES']['EMAIL']['VALUE']?></a>
                                </div>
                            <?}?>
                        </div>

                    </div>

                    <?if ($arResult['PROPERTIES']['ADDRESS']['VALUE']){
                        $coord=coord($arResult['PROPERTIES']['ADDRESS']['VALUE']);
                        ?>
                        <div class="event-place__map-wrap">
                            <div class="event-place__map" data-map="office" data-map-center="<?=$coord[0]?>, <?=$coord[1]?>" data-map-zoom="15"></div>
                            <div class="event-place__map-message">
                                Зажмите ctrl и крутите колесо прокрутки мышки, что бы приблизить карту
                            </div>
                        </div>
                    <?}?>
                </div>

            </div>
        </div>

    </section>

<?}?>
<section class="page-section page-section--p-b page-section--bg-white" id="write-to-us-form">

    <div class="write-to-us-form">
        <div class="container write-to-us-form__container">

            <div class="write-to-us-form__inner">
                <div class="write-to-us-form__aside">
                    <div class="write-to-us-form__bg">
                        <div class="write-to-us-form__bg-gradient">

                            <picture>

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

                        </div>
                        <div class="write-to-us-form__bg-pixels" data-pixels="write-to-us-form" data-pixels-qty="35">

                        </div>
                    </div>
                    <div class="section-title write-to-us-form__title">
                        <div class="section-title__wrap">
                            <p class="section-title__badge"><?=$formTag?></p>
                            <h2 data-animate="title" class="title title--h2 section-title__title words lines splitting"
                                style="--word-total: 4; --line-total: 2;">
                                <?=($arResult['PROPERTIES']['FORM_H3']['VALUE'])?$arResult['PROPERTIES']['FORM_H3']['VALUE']:'записаться на онлайн мероприятие'?>
                            </h2>
                        </div>

                    </div>
                    <p class="write-to-us-form__description">
                    <?if (is_array($arResult['PROPERTIES']['FORM_TEXT']['~VALUE'])){
                        echo $arResult['PROPERTIES']['FORM_TEXT']['~VALUE']['TEXT'];
                    } else {?>
                    Ответим в&nbsp;рабочие дни с&nbsp;9:00 до&nbsp;18:00 по&nbsp;Москве
                    <?}?>
                </div>
                <div class="write-to-us-form__form" data-form-validate="" data-callback="request"
                     data-button-disabled="">
                    <form action="#" id="event-form" novalidate="">
                        <input type="hidden" name="url" value="<?=$APPLICATION->GetCurDir()?>">
                        <input type="hidden" name="listid" value="<?=$arResult['PROPERTIES']['LIST_ID']['VALUE']?>">
                        <div class="write-to-us-form__fields">
                            <div class="custom-input write-to-us-form__field write-to-us-form__field--wide"
                                 data-validate-type="text" data-required="" data-message-base="Введите имя"
                                 data-message-extra="Введите корректное имя" data-message-succes="" data-input-focus="">
                                <label>
                                    <input type="text" name="name" minlength="2" maxlength="20">
                                    <span class="custom-input__label">Ваше имя</span>
                                </label>


                            </div>
                            <div class="custom-input" data-validate-type="email" data-required=""
                                 data-message-base="Введите e-mail" data-message-extra="Не корректный e-mail"
                                 data-message-succes="" data-input-focus="">
                                <label>
                                    <input type="email" name="email" maxlength="256">
                                    <span class="custom-input__label">Электронная почта</span>
                                </label>


                            </div>
                            <div class="custom-input" data-validate-type="phone" data-required=""
                                 data-message-base="Введите номер телефона" data-message-extra="не корректный номепр"
                                 data-message-succes="" data-input-focus="" data-phone-length="18">
                                <label>
                                    <input type="tel" name="phone" maxlength="256">
                                    <span class="custom-input__label">Номер телефона</span>
                                </label>


                            </div>
                            <div class="custom-input write-to-us-form__field write-to-us-form__field--wide"
                                 data-input-focus="">
                                <label>
                                    <input type="text" name="comment">
                                    <span class="custom-input__label">Комментарий</span>
                                </label>


                            </div>
                        </div>
                        <div class="custom-toggle write-to-us-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">

  <symbol id="ai:local:icon-check"><path fill="none" stroke="currentColor" stroke-linecap="round"
                                         stroke-linejoin="round" stroke-width="1.5"
                                         d="M2.5 6 5 8.5l5-5"></path></symbol><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>
                        <button type="submit"
                                class="button button--solid-green button--size-m write-to-us-form__send-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>
                    </form>
                </div>
            </div>

        </div>
    </div>

</section>


