<?

use Bik\Project\Tools;

require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/header.php");
$APPLICATION->SetTitle("Оплата");

\Bitrix\Main\Page\Asset::getInstance()->addString('<script src="https://api-maps.yandex.ru/2.1/?apikey=ac0a18f5-a67e-4e1f-b955-29fd0075162b&lang=ru_RU" type="text/javascript"></script>', true, \Bitrix\Main\Page\AssetLocation::BEFORE_CSS);
$curOrg = Tools::getCurrentOrganization();
$store = Tools::getOrganizationStores($curOrg['ID'], true, $curOrg['city_name']);
$store = reset($store);
$is_kzn = $curOrg['ID'] == 79872;
$show_cash_payment = ($curOrg['city_name'] == 'Казань' || strlen($store['SCHEDULE']) || strlen($store['TITLE']));
if ($_GET["TEST"] == 'Y') {
    echo "<pre>";
    echo print_r(count($store), true);
    echo "</pre>";
}
?><div class="delivery">
	<div class="container">
		<div class="delivery-descr">
			<p>
				 Заказы в интернет-магазине Бруталити можно оплатить любым удобным способом
			</p>
		</div>
		<div class="delivery-block">
			<div class="delivery-header">
				<div class="delivery-header-img">
 <img src="/local/templates/brutalitygame/img/icons/card.svg" loading="lazy" alt="">
				</div>
				<div class="delivery-header-title">
					 Безналичный расчет
				</div>
			</div>
			<div class="delivery-body">
				<div class="row">
					<div class="col-md-6">
						<div class="accent-title">
							 Оплата принимается от платежных систем
						</div>
						<div class="delivery-brands">
							<div class="delivery-brand">
 <img src="/local/templates/brutalitygame/img/brands/master-card.png" loading="lazy" alt="">
							</div>
							<div class="delivery-brand">
 <img src="/local/templates/brutalitygame/img/brands/visa.png" loading="lazy" alt="">
							</div>
							<div class="delivery-brand">
 <img src="/local/templates/brutalitygame/img/brands/mir.png" loading="lazy" alt="">
							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="accent-title">
							 Внимание
						</div>
						<p>
							 Минимальная сумма оплаты — 10 рублей
						</p>
					</div>
				</div>
			</div>
		</div>
		 <? if ($show_cash_payment): ?>
		<div class="delivery-block">
			<div class="delivery-header">
				<div class="delivery-header-img">
 <img src="/local/templates/brutalitygame/img/icons/money.svg" loading="lazy" alt="">
				</div>
				<div class="delivery-header-title">
					 Наличными
				</div>
			</div>
			<div class="delivery-body">
				<div class="row">
					 <? if ($curOrg['city_name'] == 'Казань'): ?>
					<div class="col-md-6">
						<div class="accent-title">
							 При получении товара (Доставка по России или курьером)
						</div>
						<p>
							 Доставка по России осуществляется компаниями
						</p>
						<div class="delivery-brands">
							<div class="delivery-brand">
 <img src="/local/templates/brutalitygame/img/brands/cdek-2.png" loading="lazy" alt="">
							</div>
							<div class="delivery-brand">
 <img src="/local/templates/brutalitygame/img/brands/boxberry-2.png" loading="lazy" alt="">
							</div>
							<div class="delivery-brand">
 <img src="/local/templates/brutalitygame/img/brands/pochta-rf-2.png" loading="lazy" alt="">
							</div>
						</div>
					</div>
					 <? endif; ?>
					<div class="col-md-6">
						<div class="accent-title">
							 Оплата в магазине Бруталити
						</div>
						<div class="delivery-contacts">
							<div class="delivery-contacts-item">
								<p>
									 Часы работы
								</p>
								<div class="delivery-contact">
									 <?= $store['SCHEDULE'] ?>
									<div class="small-mute-text">
										 Ежедневно
									</div>
								</div>
							</div>
							<div class="delivery-contacts-item">
								<p>
									 Адрес
								</p>
								<div class="delivery-contact">
									 <?= $store['TITLE'] ?>
									<div class="small-mute-text">
										 <?= $curOrg['city_name'] ?>
									</div>
 <a href="#address-map" class="btn btn-white open-popup">Показать на карте</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		 <? endif; ?>
		<div class="delivery-block">
			<div class="delivery-header">
				<div class="delivery-header-img">
 <img src="/local/templates/brutalitygame/img/icons/face.svg" loading="lazy" alt="">
				</div>
				<div class="delivery-header-title">
					 Оплата для юридических лиц
				</div>
			</div>
			<div class="delivery-body">
				<div class="row">
					<div class="col-md-6">
						<div class="accent-title">
							 Реквизиты для оплаты
						</div>
						<div class="contact-data">
							<ul>
								 <? if (strlen($curOrg['requisites']['ORG_OGRN'])) { ?>
								<li>ОГРН: <?= $curOrg['requisites']['ORG_OGRN'] ?></li>
								 <? } ?> <? if (strlen($curOrg['requisites']['ORG_INN'])) { ?>
								<li>ИНН: <?= $curOrg['requisites']['ORG_INN'] ?></li>
								 <? } ?> <? if (strlen($curOrg['requisites']['ORG_LAW_ADDRESS'])) { ?>
								<li>Юридический адрес: <?= $curOrg['requisites']['ORG_LAW_ADDRESS'] ?></li>
								 <? } ?> <? if (strlen($curOrg['requisites']['ORG_POST_ADDRESS'])) { ?>
								<li>Почтовый адрес: <?= $curOrg['requisites']['ORG_POST_ADDRESS'] ?></li>
								 <? } ?> <? if (strlen($curOrg['requisites']['ORG_R_SHCHET'])) { ?>
								<li>р/счет: <?= $curOrg['requisites']['ORG_R_SHCHET'] ?></li>
								 <? } ?> <? if (strlen($curOrg['requisites']['ORG_K_SHCHET'])) { ?>
								<li>к/счет: <?= $curOrg['requisites']['ORG_K_SHCHET'] ?></li>
								 <? } ?>
								<li><strong>Реквизиты банка:</strong></li>
								 <? if (strlen($curOrg['requisites']['ORG_BANK_BIK'])) { ?>
								<li>БИК: <?= $curOrg['requisites']['ORG_BANK_BIK'] ?></li>
								 <? } ?> <? if (strlen($curOrg['requisites']['ORG_BANK_INN'])) { ?>
								<li>ИНН: <?= $curOrg['requisites']['ORG_BANK_INN'] ?></li>
								 <? } ?> <? if (strlen($curOrg['requisites']['ORG_BANK_OKPO'])) { ?>
								<li>ОКПО: <?= $curOrg['requisites']['ORG_BANK_OKPO'] ?></li>
								 <? } ?>
							</ul>
						</div>
					</div>
					<div class="col-md-6">
						 <? if ($is_kzn): ?>
						<div class="accent-title">
							 документы для скачивания
						</div>
						<div class="delivery-contacts">
							<div class="contact-data">
								<div class="download-doc">
 <a href="/files/karta_partnera_ip_namestnikov.pdf" class="download-doc-link" target="_blank" download=""> <span class="doc-icon"> <img src="/local/templates/brutalitygame/img/icons/doc.svg" alt=""> </span> <span class="doc-info"> <span class="doc-info-title">Банковские реквизиты организации</span> <span class="doc-size">5 МБ</span> </span> </a>
								</div>
							</div>
						</div>
						 <? endif; ?>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
    <script type="text/javascript" defer>

        "use strict";

        let mainStreet = [
            {
                name: 'Бруталити видеоигры',
                coordinates: [<?=$store['GPS_N']?>, <?=$store['GPS_S']?>],
                street: '<?=$store['TITLE']?>',
                workTime: '<?=$store['SCHEDULE']?>'
            }
        ];

        ymaps.ready(init);

        function init() {

            let myMap2 = new ymaps.Map("map-2", {
                center: mainStreet[0].coordinates,
                zoom: 12,
                controls: [],
                duration: 1000
            }, {
                suppressMapOpenBlock: true
            });

            let myCollection = new ymaps.GeoObjectCollection(),
                myCollection2 = new ymaps.GeoObjectCollection(),
                myCollection3 = new ymaps.GeoObjectCollection();

            let MyBalloonLayout = ymaps.templateLayoutFactory.createClass('<div class="popover top">' + '<a class="close popover-close" href="#"><span class="icon-close"></span></a>' + '<div class="arrow"></div>' + '<div class="popover-inner">' + '$[[options.contentLayout observeSize minWidth=328 maxWidth=328 maxHeight=110 minHeight=110]]' + '</div>' + '</div>', {
                build: function build() {
                    this.constructor.superclass.build.call(this);
                    this._$element = $('.popover', this.getParentElement());
                    this.applyElementOffset();

                    this._$element.find('.close').on('click', $.proxy(this.onCloseClick, this));
                },
                clear: function clear() {
                    this._$element.find('.close').off('click');

                    this.constructor.superclass.clear.call(this);
                },
                onSublayoutSizeChange: function onSublayoutSizeChange() {
                    MyBalloonLayout.superclass.onSublayoutSizeChange.apply(this, arguments);

                    if (!this._isElement(this._$element)) {
                        return;
                    }

                    this.applyElementOffset();
                    this.events.fire('shapechange');
                },
                applyElementOffset: function applyElementOffset() {
                    this._$element.css({
                        left: -(this._$element[0].offsetWidth / 2),
                        top: -(this._$element[0].offsetHeight + this._$element.find('.arrow')[0].offsetHeight)
                    });
                },
                onCloseClick: function onCloseClick(e) {
                    e.preventDefault();
                    this.events.fire('userclose');
                },
                getShape: function getShape() {
                    if (!this._isElement(this._$element)) {
                        return MyBalloonLayout.superclass.getShape.call(this);
                    }

                    let position = this._$element.position();

                    return new ymaps.shape.Rectangle(new ymaps.geometry.pixel.Rectangle([[position.left, position.top], [position.left + this._$element[0].offsetWidth, position.top + this._$element[0].offsetHeight + this._$element.find('.arrow')[0].offsetHeight]]));
                },
                _isElement: function _isElement(element) {
                    return element && element[0] && element.find('.arrow')[0];
                }
            });

            let MyBalloonContentLayout = ymaps.templateLayoutFactory.createClass('<div class="popover-content">$[properties.balloonContent]</div>');

            let ballonCont;

            function filterApiData() {

                mainStreet.forEach(item => {

                    ballonCont = [
                        `<div class="map-item"`,
                        `<div class="map-item-info">`,
                        `<div class="map-item-title">${item.name}</div>`,
                        `<div class="map-item-street">${item.street}</div>`,
                        `<div class="map-item-worktime">${item.workTime}</div>`,
                        `</div>`,
                        `</div>`
                    ].join('');

                    let placeMark = new ymaps.Placemark(item.coordinates, {
                        balloonContent: ballonCont
                    }, {
                        balloonLayout: MyBalloonLayout,
                        balloonContentLayout: MyBalloonContentLayout,
                        balloonPanelMaxMapArea: 0,
                        balloonOffset: [-53, -157],
                        iconLayout: 'default#imageWithContent',
                        iconImageHref: '<?= SITE_TEMPLATE_PATH ?>/img/map-sticker.png',
                        iconImageSize: [59, 59],
                        iconImageOffset: [-29, -29],
                        hideIconOnBalloonOpen: false
                    });


                    myCollection2.add(placeMark);

                    myMap2.geoObjects.add(myCollection2);

                    placeMark.balloon.open();

                });

            };

            filterApiData();

            myMap2.behaviors.disable('scrollZoom');
            myMap2.controls.add('zoomControl');

            let isMobile = {
                Android: function () {
                    return navigator.userAgent.match(/Android/i);
                },
                BlackBerry: function () {
                    return navigator.userAgent.match(/BlackBerry/i);
                },
                iOS: function () {
                    return navigator.userAgent.match(/iPhone|iPad|iPod/i);
                },
                Opera: function () {
                    return navigator.userAgent.match(/Opera Mini/i);
                },
                Windows: function () {
                    return navigator.userAgent.match(/IEMobile/i);
                },
                any: function () {
                    return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
                }
            };

            $('.open-popup').on('click', function () {
                myMap2.panTo(mainStreet[0].coordinates)
            });

        }
    </script><? require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/footer.php"); ?>