<?

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, preg_replace('/ {2,}/', ' ', $curOrg['city_name']));
$store = reset($store);
$is_kzn = $curOrg['id'] == 79872;
?><? if (1): ?>
<div class="new-contacts">
	<div class="container">
		<div class="row">
			<div class="col-md-6">
				<div class="new-contacts-item">
 <a href="tel:<?= Tools::getCurrentTelPhone() ?>"><?= Tools::getCurrentPhone() ?></a>
					<p>
						 Ежедневно
					</p>
				</div>
				<div class="new-contacts-item">
 <a href="mailto:<?= Tools::getCurrentOrganization()['email'] ?>"><?= Tools::getCurrentOrganization()['email'] ?></a>
					<p>
						 По всем вопросам
					</p>
				</div>
				<div>
					<br>
					<br>
					<br>
				</div>
				<div class="pickup-points-contacts">
					<div class="h5">
						 Интернет магазин в г. <?= $curOrg['city_name'] ?>
					</div>
					<div class="row">
						<div class="col-md-5">
							<div class="delivery-contacts-item">
								<div class="accent-title">
									 Часы работы <br>
 <br>
 <span style="font-size: 16pt;">10:00 - 20:00</span>
								</div>
								<div class="delivery-contact">
									<div class="small-mute-text">
										 Ежедневно
									</div>
								</div>
							</div>
							<div class="new-contacts-item">
 <a href="tel:<?= Tools::getCurrentTelPhone() ?>"><?= Tools::getCurrentPhone() ?></a>
								<p>
									 Ежедневно
								</p>
							</div>
						</div>
						 <? if ($store): ?>
						<div class="col-md-7">
							<div class="delivery-contacts-item">
								<div class="accent-title">
									 Адрес
								</div>
								<div class="delivery-contact">
									 <?= $store['TITLE'] ?> <a href="#address-map" class="custom-link open-popup">Показать на карте</a>
								</div>
							</div>
						</div>
						 <? endif; ?>
					</div>
				</div>
			</div>
			<div class="col-md-6">
				<div class="contact-data">
					<div class="h5">
						 Юридические данные
					</div>
					<ul>
						<li><?= $curOrg['name'] ?></li>
						 <? if (strlen($curOrg['requisites']['ORG_INN'])) { ?>
						<li>ИНН: <?= $curOrg['requisites']['ORG_INN'] ?></li>
						 <? } ?> <? if (strlen($curOrg['requisites']['ORG_OGRN'])) { ?>
						<li>ОГРН: <?= $curOrg['requisites']['ORG_OGRN'] ?></li>
						 <? } ?> <? if (strlen($curOrg['requisites']['ORG_OKPO'])) { ?>
						<li>ОКПО: <?= $curOrg['requisites']['ORG_OKPO'] ?></li>
						 <? } ?>
					</ul>
				</div>
				<div class="contact-data">
					<div class="title-with-download-link">
						<div class="h5">
							 Реквизиты для оплаты
						</div>
						 <? if ($is_kzn): ?> <a href="/files/karta_partnera_ip_akimov.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> </a>
						<? endif; ?>
					</div>
					<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>
						 <? } ?>
						<li><strong>Реквизиты банка:</strong></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>
						 <? } ?> <? 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>
	</div>
</div>
 <script type="text/javascript" defer>
    "use strict";

    let mainStreet = [{
        name: '<?= $store['TITLE'] ?>',
        coordinates: [Number(<?= $store['GPS_N'] ?>), Number(<?= $store['GPS_S'] ?>)],
        street: '<?= $store['ADDRESS'] ?>',
        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> <? else: ?>
<div class="contacts">
	<div class="container">
		<div class="row">
			<div class="col-lg-6">
				<div class="contacts-item">
					<div class="h3">
						 Будем рады пообщаться с вами!
					</div>
					<div class="contact">
 <a href="tel:<?= Tools::getCurrentTelPhone() ?>"><?= Tools::getCurrentPhone() ?></a>
						<p>
							 Ежедневно
						</p>
					</div>
					<div class="contact">
 <a href="mailto:sale@brutalitygame.ru">sale@brutalitygame.ru</a>
						<p>
							 По всем вопросам
						</p>
					</div>
					<div class="contact">
 <a href="mailto:kazangame@mail.ru">kazangame@mail.ru</a>
						<p>
							 По вопросам сотрудничества, франшизы и иным предложениям
						</p>
					</div>
				</div>
			</div>
			<div class="col-lg-6">
				<div class="contacts-item">
					<div class="h3">
						 Пункт выдачи интернет заказов в Казани
					</div>
					<div class="contact-inline">
						<div class="h4">
							 Казань, ТЦ Алтын, ул. Марселя Салимжанова 5
						</div>
 <a href="#address-map" class="btn btn-white open-popup">Показать на карте</a>
					</div>
					<div class="contact-inline">
						<div class="h4">
 <a href="tel:<?= Tools::getCurrentTelPhone() ?>"><?= Tools::getCurrentPhone() ?></a>
						</div>
						<p>
							 Ежедневно
						</p>
					</div>
					<div class="contact-inline">
						<div class="h4">
							 10:00 до 20:00
						</div>
						<p>
							 Время выдачи заказов
						</p>
					</div>
				</div>
			</div>
			<div class="col-12">
				<div class="contacts-item">
					<div class="h3">
						 Регистрационные данные
					</div>
					<div class="row">
						<div class="col-md-6">
							<div class="contact-data">
								<div class="h5">
									 Юридические данные
								</div>
								<ul>
									<li>ИНН: 165923380961</li>
									<li>ОГРН: 324710000083734</li>
									<li>ОКПО: 2038649294</li>
								</ul>
							</div>
						</div>
						<div class="col-md-6">
							<div class="contact-data">
								<div class="h5">
									 РЕКВИЗИТЫ ДЛЯ ОПЛАТЫ
								</div>
								<ul>
									<li>ОГРН: 324710000083734</li>
									<li>ИНН: 165923380961</li>
									<li>Юридический адрес: УЛИЦА ОРДЖОНИКИДЗЕ, Д. 5Г, КВ./ОФ. 27, ТУЛЬСКАЯ ОБЛАСТЬ, Р-Н НОВОМОСКОВСКИЙ, Г. НОВОМОСКОВСК</li>
									<li>Почтовый адрес: 420030 г. Казань, ул. Набережная 5</li>
									<li>р/счет: 40802810029150005067</li>
									<li>к/счет: 30101810200000000824</li>
									<li><strong>Реквизиты банка:</strong></li>
									<li>БИК: 042202824</li>
									<li>ИНН: 7728168971</li>
									<li>ОКПО: 2038649294</li>
								</ul>
								<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>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
    <script type="text/javascript" defer>
        "use strict";

        let mainStreet = [{
            name: '<?= $store['TITLE'] ?>',
            coordinates: [Number(<?= $store['GPS_S'] ?>), Number(<?= $store['GPS_N'] ?>)],
            street: '<?= $store['ADDRESS'] ?>',
            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>
    <? endif; ?><? require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/footer.php"); ?>