<?php
$addWithoutConfirm = false;
if (App::$user) {
	$addWithoutConfirm = Point::model()->getCountByUser(App::$user->id) > 0;
}
?>
<div id="map"></div>
<div id="control">
	<div class="glyphicon glyphicon-plus big _t" title="Приблизить" onclick="myMap.zoomIn()"></div>
	<div class="glyphicon glyphicon-minus big _b" title="Отдалить" onclick="myMap.zoomOut()"></div>

	<div class="glyphicon _t boxButtonLayers" onclick="openBox('Layers')" title="Слои карты"><img src="/img/buttons/layers.png" style="margin-top: -10px; margin-left: -5px; width: 30px;" /></div>
	<div class="glyphicon _c boxButtonFilter" title="Фильтры и поиск" onclick="openBox('Filter')"><img src="/img/buttons/search.png" style="margin-top: -10px; margin-left: -5px; width: 30px;" /></div>
	<div class="glyphicon _c" id="showMeOnTheMap" title="Я на карте" onclick="showMeOnTheMap(false)"><img src="/img/buttons/myPosition.png" style="margin-top: -20px; height: 21px;" /></div>
	<div class="glyphicon _b boxButtonRoute" title="Маршрут" onclick="openBox('Route')"><img src="/img/buttons/route.png" style="margin-top: -10px; margin-left: -5px; width: 30px;" /></div>


	<?php if ($user): ?>
		<div class="glyphicon _t" id="addPointButton" title="Добавить точку" onclick="<?= $addWithoutConfirm ? 'activateAddPoint()' : 'showPointagreement()'; ?>"><img src="/img/buttons/addPoint.png" style="margin-top: -10px; height: 30px;" /></div>
		<div class="glyphicon glyphicon-star _c boxButtonFavorites" onclick="openBox('Favorites')" title="Хочу посетить"></div>
		<div class="glyphicon _b glyphicon-cloud-download boxButtonRoutes" onclick="openBox('Routes')" title="Мои маршруты"></div>
	<?php else: ?>
		<div class="glyphicon" id="addPointButton" onclick="$('#loginModal').modal('show');" title="Добавить точку"><img src="/img/buttons/addPoint.png" style="margin-top: -10px; height: 30px;" /></div>
	<?php endif; ?>
</div>
<div id="box">
	<span id="boxClose" onclick="closeBox();">&times;</span>
	<div id="boxLayers">
		<h3>Карты</h3>
		<div onclick="setLayer('quest')" class="layers questLayer">map Quest</div>
		<div onclick="setLayer('osm')" class="layers osmLayer">Open Street Map</div>
		<div onclick="setLayer('topo')" class="layers topoLayer">Генштаб от маршруты.ру</div>
		<div onclick="setLayer('google')" class="layers googleLayer">Google maps</div>
		<div onclick="setLayer('yandex')" class="layers yandexLayer">Яндекс.Карты</div>
		<div onclick="setLayer('yandexMap')" class="layers yandexMapLayer">Яндекс.Карты (схема)</div>
	</div>
	<div id="boxFilter" style="height: 100%; overflow-y: auto;">
		<h3>Фильтры и поиск</h3>
		<span class="input-group">
			<input type="text" id="addressField" class="form-control" placeholder="Поиск на карте..." />
			<span class="input-group-btn">
				<button class="btn btn-default" type="button" onclick="searchAdderess()"><span class="glyphicon glyphicon-search"></span></button>
			</span>
		</span>
		<br />
		<?php foreach ($categories as $category): ?>
			<input type="checkbox" value="<?= $category->id ?>" class="filterSelector"> <?= $category->name ?><br/>
		<?php endforeach; ?>
	</div>
	<div id="boxRoute" style="height: 100%; overflow-y: auto;">
		<h3>Маршрут</h3>
		<div id="wayPoints">
			<span id="routeInfo">
				<b>Здравствуйте!</b><br/>
				В данный момент тут пусто, но это легко поправить.<br/>
				Сюда можно помещать точки, по которым будет строиться маршрут. После построения он отобразится на карте.<br/>
				<br/>
				<b>1)</b> Выберите точку на карте.<br/>
				<b>2)</b> Нажмите кнопку "В маршрут"<br/>
				<br/>
				Затем выберите следующую точку и повторите действие. Надеемся, что всё получилось!
			</span>
		</div>
		<div id="routeDistance"></div>
		<button class="btn btn-info" onclick="buildRoute(true)"><span class="glyphicon glyphicon-send"></span> Проложить</button>
		<a class="btn btn-default" href="" id="printRoute" target="_blank" title="Печать"><span class="glyphicon glyphicon-print"></span></a>
		<?php if ($user): ?>
			<button class="btn btn-default" onclick="saveRoute()"><span class="glyphicon glyphicon-cloud-upload" title="Сохранить"></span></button>
		<?php endif; ?>
		<br/>
	</div>
	<?php if ($user): ?>
		<div id="boxFavorites">
			<h3>Хочу посетить</h3>
			<div id="favorites">
				<?php if ($favorites): ?>
				<a href="/user/favorites/"><span class="glyphicon glyphicon-star" aria-hidden="true"></span> На отдельной странице</a>
				<hr/>
					<?php foreach ($favorites as $favorite) : ?>
						<a onclick="showInfo(<?= $favorite->pointId ?>)" class="btn btn-link"><?= $favorite->point->name ?></a><br/>
					<?php endforeach; ?>
				<?php else: ?>
					Ваши закладки пока пусты.
				<?php endif; ?>
			</div>
		</div>
		<div id="boxRoutes">
			<h3>Мои маршруты</h3>
			<div id="routes">
				<?php if ($routes): ?>
					<?php foreach ($routes as $route) : ?>
						<div class="route" onclick="loadRoute(<?= $route->id ?>)"><span onclick="deleteRoute(<?= $route->id ?>);
								$(this).parent().remove();
								event.stopPropagation();">&times;</span> <?= $route->name ?></div>
						<?php endforeach; ?>
					<?php else: ?>
					У вас пока нет сохраненных маршрутов.
				<?php endif; ?>
			</div>
		</div>
	<?php endif; ?>
</div>
<?= App::$user ? '' : self::renderPartial('modals/login.php', null, true) ?>
<?= App::$user ? self::renderPartial('modals/addPoint.php', array('categories' => Category::model()->getCategoriesForChoise()), true) : '' ?>
<?= self::renderPartial('modals/categories.php', array('categories' => $categories), true) ?>
<?= self::renderPartial('modals/image.php', array(), true) ?>
<map name="vkbutton">
	<area onclick="hideBigLogo();" shape="rect" coords="0,0,40,40" style="cursor: pointer" title="Спрятать надолго"/>
	<area href="https://vk.com/wikipoints" shape="rect" coords="40,0,230,40" title="Посетить группу в VK - это интересно и полезно!" target="_blank"/>
</map>
<?php if (isset($categoryArray)): ?>
	<script type="text/javascript">
		var categoryArray = '<?= json_encode($categoryArray) ?>';
	</script>
<?php endif; ?>
