<?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);
?>
<section class="contacts-add-block block" id="<?=$arParams['SECTION_ID'];?>">
    <div class="contacts-add-block__content container">
        <div class="contacts-add-block__body _mobile-cover">
            <div class="row justify-content-center">
                <div class="col-12 col-xl-6">
                    <div class="contacts-add-block__text-content">
                        <h2 class="contacts-add-block__title block__title"><?=$arParams['~TITLE'];?></h2>
                        <?=$arParams['~TEXT'];?>
                        <?php if($arParams['LIST']):?>
                            <ul class="contacts-add-block__check-items check-items">
                                <?php foreach ($arParams['~LIST'] as $listItem):?>
                                    <li class="check-item"><?=$listItem;?></li>
                                <?php endforeach;?>
                            </ul>
                        <?php endif;?>
                        <a class="contacts-add-block__btn btn btn_chevron" href="#">Показать на карте</a>
                    </div>
                </div>
                <div class="col-12 col-xl-6">
                    <div class="contacts-add-block__stations">
                        <div class="contacts-metro-ring">
                            <?php foreach ($arResult['METRO_STATIONS'] as $item):?>
                                <?php
                                $this->AddEditAction($item['ID'], $item['EDIT_LINK'], $item["EDIT_LINK_TEXT"]);
                                $style = '';
                                $style.= ($item['PROPERTIES']['METRO_RING']['VALUE'] ? 'top: '.$item['PROPERTIES']['METRO_RING']['VALUE'].'px;' : '');
                                $style.= ($item['PROPERTIES']['METRO_RING']['DESCRIPTION'] ? 'right: '.$item['PROPERTIES']['METRO_RING']['DESCRIPTION'].'px' : '');
                                ?>
                                <div class="contacts-metro-ring__elem <?=$item['PROPERTIES']['METRO_LINE']['VALUE_XML_ID'];?>" <?=($style ? 'style= "'.$style.'"' : '');?> >
                                    <div id="<?=$this->GetEditAreaID($item['ID'])?>" class="contacts-metro-ring__elem-group contacts-metro-ring__elem-group_<?=($item['PROPERTIES']['METRO_RING_TEXT']['VALUE_XML_ID'] ?: 'right');?>">
                                        <a href="<?=$item['DETAIL_PAGE_URL'];?>" class="contacts-metro-ring__elem-name"><?=$item['NAME'];?></a>
                                        <div class="contacts-metro-ring__elem-time"><?=$item['PROPERTIES']['WOLK_TIME']['VALUE'];?></div>
                                    </div>
                                </div>
                            <?php endforeach;?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>