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

use Bitrix\Main\Page\Asset;

$yandexKey = COption::GetOptionString("fileman", "yandex_map_api_key");
$this->addExternalJS('//api-maps.yandex.ru/2.1/?apikey=' . $yandexKey . '&lang=ru_RU&load=package.full&onload=initContactMap');
?>
<section class="contacts-detailed-block block">
    <div class="contacts-detailed-block__content container">
        <div class="row">
            <div class="col-12">
                <div class="contacts-detailed-block__contacts">
                    <?php if ($arResult['CURRENT_FILIAL']['PROPERTIES']['ADDRESS']['VALUE']): ?>
                        <div class="contacts-detailed-block__contact">
                            <div class="contacts-detailed-block__contact-icon"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
                                    <path d="M13 3C9.13 3 6 6.13 6 10C6 15.25 13 23 13 23C13 23 20 15.25 20 10C20 6.13 16.87 3 13 3ZM13 12.5C12.337 12.5 11.7011 12.2366 11.2322 11.7678C10.7634 11.2989 10.5 10.663 10.5 10C10.5 9.33696 10.7634 8.70107 11.2322 8.23223C11.7011 7.76339 12.337 7.5 13 7.5C13.663 7.5 14.2989 7.76339 14.7678 8.23223C15.2366 8.70107 15.5 9.33696 15.5 10C15.5 10.663 15.2366 11.2989 14.7678 11.7678C14.2989 12.2366 13.663 12.5 13 12.5Z" fill="#4F6ECB" />
                                </svg>
                            </div>
                            <div class="contacts-detailed-block__contact-text"><?= $arResult['CURRENT_FILIAL']['PROPERTIES']['ADDRESS']['VALUE']; ?></div>
                        </div>
                    <?php endif; ?>
                    <?php if ($arResult['CURRENT_FILIAL']['PROPERTIES']['PHONE']['VALUE']): ?>
                        <div class="contacts-detailed-block__contact">
                            <div class="contacts-detailed-block__contact-icon"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
                                    <path d="M16.3342 16.2139L18.0564 14.491C18.2883 14.2618 18.5818 14.1049 18.9012 14.0394C19.2205 13.9739 19.552 14.0025 19.8555 14.1218L21.9544 14.9602C22.261 15.0847 22.5239 15.2972 22.71 15.5709C22.8961 15.8447 22.997 16.1674 23 16.4985V20.3442C22.9982 20.5694 22.9509 20.7919 22.8609 20.9983C22.7709 21.2047 22.6401 21.3908 22.4763 21.5453C22.3125 21.6998 22.1192 21.8195 21.9079 21.8973C21.6967 21.9751 21.4719 22.0093 21.2471 21.9979C6.5392 21.0826 3.57149 8.62239 3.01024 3.85368C2.98419 3.6195 3.00799 3.38246 3.08009 3.15814C3.15218 2.93383 3.27094 2.72733 3.42854 2.55223C3.58614 2.37713 3.77901 2.23739 3.99447 2.14222C4.20993 2.04704 4.44309 1.99859 4.67862 2.00003H8.3921C8.72347 2.00101 9.04698 2.10115 9.321 2.28756C9.59503 2.47397 9.80704 2.73814 9.92977 3.04607L10.7678 5.14584C10.891 5.44817 10.9224 5.78011 10.8582 6.10021C10.7939 6.4203 10.6368 6.71436 10.4065 6.94565L8.68426 8.66854C8.68426 8.66854 9.67606 15.3832 16.3342 16.2139Z" fill="#4F6ECB" />
                                </svg>
                            </div><a class="contacts-detailed-block__contact-text" href="tel:<?= $arResult['CURRENT_FILIAL']['PROPERTIES']['PHONE']['FORMATED_VALUE']; ?>"><?= $arResult['CURRENT_FILIAL']['PROPERTIES']['PHONE']['VALUE']; ?></a>
                        </div>
                    <?php endif; ?>
                    <?php if ($arResult['CURRENT_FILIAL']['PROPERTIES']['WORKHOURS']): ?>
                        <div class="contacts-detailed-block__contact">
                            <div class="contacts-detailed-block__contact-icon"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
                                    <path d="M12.99 2C7.47 2 3 6.48 3 12C3 17.52 7.47 22 12.99 22C18.52 22 23 17.52 23 12C23 6.48 18.52 2 12.99 2ZM16.29 16.71L12 12.41V7H14V11.59L17.71 15.3L16.29 16.71V16.71Z" fill="#4F6ECB" />
                                </svg>
                            </div>
                            <div class="contacts-detailed-block__contact-text"><?= $arResult['CURRENT_FILIAL']['PROPERTIES']['WORKHOURS']['VALUE']; ?></div>
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </div>
        <div class="col-12">
            <div class="contacts-detailed-block__map" id="contacts-detailed-block__map">
            </div>
        </div>
    </div>
    <script>
        function initContactMap() {
            var myMap = new ymaps.Map('contacts-detailed-block__map', {
                center: [
                    <?= $arResult['CURRENT_FILIAL']["PROPERTIES"]["LOCATION_MAP"]["FORMATED_VALUE"][0]; ?>,
                    <?= $arResult['CURRENT_FILIAL']["PROPERTIES"]["LOCATION_MAP"]["FORMATED_VALUE"][1]; ?>
                ],
                zoom: 13,
                controls: ['zoomControl']
            }, {
                buttonMaxWidth: 300
            });
            myMap.behaviors.disable(['scrollZoom', 'drag']);

            var placemark<?= $arResult['CURRENT_FILIAL']['ID'] ?> = new ymaps.Placemark(
                [<?= $arResult['CURRENT_FILIAL']["PROPERTIES"]["LOCATION_MAP"]["VALUE"]; ?>], {
                    balloonContent: "<?= $arResult['CURRENT_FILIAL']['PROPERTIES']['ADDRESS']['VALUE']; ?>",
                    iconCaption: "<?= $arResult['CURRENT_FILIAL']['NAME']; ?>"
                }, {
                    iconColor: '#177bc9'
                }
            );
            myMap.geoObjects.add(placemark<?= $arResult['CURRENT_FILIAL']['ID'] ?>);
        }
    </script>
</section>
<section class="contacts-instruction-block block">
    <div class="contacts-instruction-block__content container">
        <div class="row">
            <div class="col-12 col-lg-6">
                <h2 class="contacts-instruction-block__title block__title">Как добраться от метро</h2>
            </div>
        </div>
        <div class="row contacts-instruction-block__items">
            <?php foreach ($arResult['METRO_STATIONS'] as $metroKey => $METRO_STATION): ?>
                <div class="col-12 contacts-instruction-block__item <?= $METRO_STATION['PROPERTIES']['METRO_LINE']['VALUE_XML_ID']; ?>">
                    <div class="row light-grey">
                        <?php ob_start(); ?>
                        <div class="col-12 col-lg-6">
                            <div class="contacts-instruction-block__item-text-content">
                                <h3 class="contacts-instruction-block__item-title"><?= $METRO_STATION['NAME']; ?></h3>
                                <div class="contacts-instruction-block__item-subtitle"><?= $METRO_STATION['WALK_SIZE'] ?> метров, <?= $METRO_STATION['PROPERTIES']['WOLK_TIME']['VALUE']; ?></div>
                                <div class="contacts-instruction-block__item-text">
                                    <?= htmlspecialcharsback($METRO_STATION['PROPERTIES']['HOWTOGET_METRO']['VALUE']['TEXT']) ?>
                                </div>
                            </div>
                        </div>
                        <?php
                        $info = ob_get_contents();
                        ob_end_clean();
                        ?>
                        <?php if ($metroKey % 2 == 0) echo $info; ?>
                        <div class="col-12 col-lg-6">
                            <div class="contacts-instruction-block__item-video video">
                                <div class="video__preview pic-wrapper">
                                    <?= Nastart\Pict::getPicture($METRO_STATION["PREVIEW_PICTURE"], 570, 350, false, 70, '_center'); ?>
                                    <button class="video__play-btn"><img src="<?= SITE_TEMPLATE_PATH; ?>/img/icons/play-btn.svg" alt="PLAY"></button>
                                    <div class="card-panel">
                                        <div class="card-panel__text">
                                            <div class="card-panel__bg"></div>
                                            <h3 class="card-panel__title">Путь до клиники</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="video__content">
                                    <iframe width="500" height="350" loading="lazy" src="<?= $METRO_STATION['PROPERTIES']['VIDEO_LINK']['VALUE']; ?>" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                </div>
                            </div>
                        </div>
                        <?php if ($metroKey % 2 != 0) echo $info; ?>
                    </div>
                </div>
            <?php endforeach; ?>
        </div>
    </div>
</section>

<? if ($arResult['PROPERTIES']['HOWTOGET_AUTO']['~VALUE']['TEXT'] || $arResult['PROPERTIES']['HOWTOGET_LINK']['VALUE']) { ?>

    <section class="car-way-block block light-grey">
        <div class="car-way-block__content container">
            <div class="row">
                <div class="col-12 col-lg-5">
                    <h2 class="car-way-block__title block__title">путь на автомобиле</h2>
                </div>
                <div class="col-12">
                    <div class="car-way-block__text">
                        <?= $arResult['PROPERTIES']['HOWTOGET_AUTO']['~VALUE']['TEXT']; ?>
                    </div>
                </div>
                <? if ($arResult['PROPERTIES']['HOWTOGET_LINK']['VALUE']): ?>
                    <div class="col-12">
                        <div class="car-way-block__panorama" id="panorama">
                            <iframe src="<?= $arResult['PROPERTIES']['HOWTOGET_LINK']['VALUE']; ?>>" width="600" height="400" allowfullscreen="true"></iframe>
                        </div>
                    </div>
                <? endif; ?>
            </div>
        </div>
    </section>
<? } ?>

<? $APPLICATION->IncludeComponent(
    "bitrix:news.list",
    "main_ratings",
    array(
        "ACTIVE_DATE_FORMAT" => "j F Y",
        "ADD_SECTIONS_CHAIN" => "N",
        "AJAX_MODE" => "N",
        "AJAX_OPTION_ADDITIONAL" => "",
        "AJAX_OPTION_HISTORY" => "N",
        "AJAX_OPTION_JUMP" => "N",
        "AJAX_OPTION_STYLE" => "Y",
        "CACHE_FILTER" => "N",
        "CACHE_GROUPS" => "Y",
        "CACHE_TIME" => "36000000",
        "CACHE_TYPE" => "A",
        "CHECK_DATES" => "Y",
        "COMPOSITE_FRAME_MODE" => "A",
        "COMPOSITE_FRAME_TYPE" => "AUTO",
        "DETAIL_URL" => "",
        "DISPLAY_BOTTOM_PAGER" => "N",
        "DISPLAY_DATE" => "N",
        "DISPLAY_NAME" => "N",
        "DISPLAY_PICTURE" => "N",
        "DISPLAY_PREVIEW_TEXT" => "N",
        "DISPLAY_TOP_PAGER" => "N",
        "FIELD_CODE" => array("PREVIEW_PICTURE"),
        "FILTER_NAME" => "",
        "HIDE_LINK_WHEN_NO_DETAIL" => "N",
        "IBLOCK_ID" => "25",
        "IBLOCK_TYPE" => "content",
        "INCLUDE_IBLOCK_INTO_CHAIN" => "N",
        "INCLUDE_SUBSECTIONS" => "N",
        "MEDIA_PROPERTY" => "",
        "MESSAGE_404" => "",
        "NEWS_COUNT" => "20",
        "PAGER_BASE_LINK_ENABLE" => "N",
        "PAGER_DESC_NUMBERING" => "N",
        "PAGER_DESC_NUMBERING_CACHE_TIME" => "36000",
        "PAGER_SHOW_ALL" => "N",
        "PAGER_SHOW_ALWAYS" => "N",
        "PAGER_TEMPLATE" => ".default",
        "PAGER_TITLE" => "Новости",
        "PARENT_SECTION" => "",
        "PARENT_SECTION_CODE" => "",
        "PREVIEW_TRUNCATE_LEN" => "",
        "PROPERTY_CODE" => array("RATING", ""),
        "SEARCH_PAGE" => "/search/",
        "SET_BROWSER_TITLE" => "N",
        "SET_LAST_MODIFIED" => "N",
        "SET_META_DESCRIPTION" => "N",
        "SET_META_KEYWORDS" => "N",
        "SET_STATUS_404" => "N",
        "SET_TITLE" => "N",
        "SHOW_404" => "N",
        "SLIDER_PROPERTY" => "",
        "SORT_BY1" => "ACTIVE_FROM",
        "SORT_BY2" => "SORT",
        "SORT_ORDER1" => "DESC",
        "SORT_ORDER2" => "ASC",
        "STRICT_SECTION_CHECK" => "N",
        "TEMPLATE_THEME" => "blue",
        "USE_RATING" => "N",
        "USE_SHARE" => "N"
    )
); ?>
<?php
global $reviewFilter;
$reviewFilter = [
    'PROPERTY_CLINIC' => $arResult['CURRENT_FILIAL']['ID']
];
?>
<? $APPLICATION->IncludeComponent(
    "bitrix:news.list",
    "reviews_text",
    array(
        "ACTIVE_DATE_FORMAT" => "d.m.Y",
        "ADD_SECTIONS_CHAIN" => "N",
        "AJAX_MODE" => "N",
        "AJAX_OPTION_ADDITIONAL" => "",
        "AJAX_OPTION_HISTORY" => "N",
        "AJAX_OPTION_JUMP" => "N",
        "AJAX_OPTION_STYLE" => "Y",
        "CACHE_FILTER" => "N",
        "CACHE_GROUPS" => "Y",
        "CACHE_TIME" => "36000000",
        "CACHE_TYPE" => "A",
        "CHECK_DATES" => "Y",
        "COMPONENT_TEMPLATE" => "reviews_text",
        "COMPOSITE_FRAME_MODE" => "A",
        "COMPOSITE_FRAME_TYPE" => "AUTO",
        "DETAIL_URL" => "",
        "DISPLAY_BOTTOM_PAGER" => "N",
        "TITLE" => "ОТЗЫВЫ О КЛИНИКЕ",
        "DISPLAY_DATE" => "Y",
        "DISPLAY_NAME" => "Y",
        "DISPLAY_PICTURE" => "Y",
        "DISPLAY_PREVIEW_TEXT" => "Y",
        "DISPLAY_TOP_PAGER" => "N",
        "FIELD_CODE" => array(0 => "PREVIEW_TEXT", 1 => "PREVIEW_PICTURE", 2 => "",),
        "FILE_404" => "",
        "FILTER_NAME" => "reviewFilter",
        "HIDE_LINK_WHEN_NO_DETAIL" => "N",
        "IBLOCK_ID" => "11",
        "IBLOCK_TYPE" => "content",
        "INCLUDE_IBLOCK_INTO_CHAIN" => "N",
        "INCLUDE_SUBSECTIONS" => "Y",
        "MESSAGE_404" => "",
        "NEWS_COUNT" => "4",
        "PAGER_BASE_LINK_ENABLE" => "N",
        "PAGER_DESC_NUMBERING" => "N",
        "PAGER_DESC_NUMBERING_CACHE_TIME" => "36000",
        "PAGER_SHOW_ALL" => "N",
        "PAGER_SHOW_ALWAYS" => "N",
        "PAGER_TEMPLATE" => "smilePagination",
        "PAGER_TITLE" => "Новости",
        "PARENT_SECTION" => "",
        "PARENT_SECTION_CODE" => "",
        "PREVIEW_TRUNCATE_LEN" => "",
        "PROPERTY_CODE" => array(0 => "DATE", 1 => "EMAIL", 2 => "PHONE", 3 => "",),
        "SET_BROWSER_TITLE" => "N",
        "SET_LAST_MODIFIED" => "N",
        "SET_META_DESCRIPTION" => "N",
        "SET_META_KEYWORDS" => "N",
        "SET_STATUS_404" => "Y",
        "SET_TITLE" => "N",
        "SHOW_404" => "Y",
        "SORT_BY1" => "TIMESTAMP_X",
        "SORT_BY2" => "SORT",
        "SORT_ORDER1" => "DESC",
        "SORT_ORDER2" => "ASC",
        "STRICT_SECTION_CHECK" => "N"
    )
); ?>
<?php
global $ourCliniksFilter;
$ourCliniksFilter = ['ID' => $arResult['CURRENT_FILIAL']['ID']];
?>
<?php $APPLICATION->IncludeComponent(
    "bitrix:news.list",
    "contacts_photo",
    array(
        "IBLOCK_ID" => "54",
        "TITLE" => "ЖДЁМ ВАС В НАШЕЙ КЛИНИКЕ",
        "COMPONENT_TEMPLATE" => "contacts_photo",
        "IBLOCK_TYPE" => "content",
        "NEWS_COUNT" => "20",
        "SORT_BY1" => "ACTIVE_FROM",
        "SORT_ORDER1" => "DESC",
        "SORT_BY2" => "SORT",
        "SORT_ORDER2" => "ASC",
        "FILTER_NAME" => "ourCliniksFilter",
        "FIELD_CODE" => array(
            0 => "",
            1 => "",
        ),
        "PROPERTY_CODE" => array(
            0 => "",
            1 => "PHOTOS",
            2 => "",
        ),
        "CHECK_DATES" => "Y",
        "DETAIL_URL" => "",
        "AJAX_MODE" => "N",
        "AJAX_OPTION_JUMP" => "N",
        "AJAX_OPTION_STYLE" => "Y",
        "AJAX_OPTION_HISTORY" => "N",
        "AJAX_OPTION_ADDITIONAL" => "",
        "CACHE_TYPE" => "A",
        "CACHE_TIME" => "36000000",
        "CACHE_FILTER" => "N",
        "CACHE_GROUPS" => "Y",
        "PREVIEW_TRUNCATE_LEN" => "",
        "ACTIVE_DATE_FORMAT" => "d.m.Y",
        "SET_TITLE" => "N",
        "SET_BROWSER_TITLE" => "N",
        "SET_META_KEYWORDS" => "N",
        "SET_META_DESCRIPTION" => "N",
        "SET_LAST_MODIFIED" => "N",
        "INCLUDE_IBLOCK_INTO_CHAIN" => "N",
        "ADD_SECTIONS_CHAIN" => "N",
        "HIDE_LINK_WHEN_NO_DETAIL" => "N",
        "PARENT_SECTION" => "",
        "PARENT_SECTION_CODE" => "",
        "INCLUDE_SUBSECTIONS" => "N",
        "STRICT_SECTION_CHECK" => "N",
        "COMPOSITE_FRAME_MODE" => "A",
        "COMPOSITE_FRAME_TYPE" => "AUTO",
        "PAGER_TEMPLATE" => ".default",
        "DISPLAY_TOP_PAGER" => "N",
        "DISPLAY_BOTTOM_PAGER" => "Y",
        "PAGER_TITLE" => "Новости",
        "PAGER_SHOW_ALWAYS" => "N",
        "PAGER_DESC_NUMBERING" => "N",
        "PAGER_DESC_NUMBERING_CACHE_TIME" => "36000",
        "PAGER_SHOW_ALL" => "N",
        "PAGER_BASE_LINK_ENABLE" => "N",
        "SET_STATUS_404" => "N",
        "SHOW_404" => "N",
        "MESSAGE_404" => ""
    ),
    false
); ?>