<?define("STATISTIC_SKIP_ACTIVITY_CHECK", "true");?>
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/modules/main/include/prolog_before.php");?>
<a href="#" class="close jqmClose"><?=CMax::showIconSvg('', SITE_TEMPLATE_PATH.'/images/svg/Close.svg')?></a>
<div class="form">
	<div class="form_head">
		<h2><?=\Bitrix\Main\Localization\Loc::getMessage('CITY_CHOISE');?></h2>
	</div>

	<?global $arTheme, $APPLICATION;
	$arTheme = CMax::GetFrontParametrsValues(SITE_ID);
	$urlback = htmlspecialchars($_GET['url']);
	/*if($urlback)
		$urlback = urldecode($urlback)*/;

	$template = strtolower($arTheme["REGIONALITY_VIEW"]);
	if($arTheme["REGIONALITY_SEARCH_ROW"] == "Y" && $template == "select")
		$template = "popup_regions";
	?>

	<?$arUrl = $APPLICATION->IncludeComponent(
		"aspro:regionality.list.max",
		$template,
		Array(
			"URL" => $urlback,
			"POPUP" => "Y",
		)
	);?>

	<script type="text/javascript">
		BX.loadScript('<?=SITE_TEMPLATE_PATH;?>/js/jquery-ui.min.js', autocompleteHandler);
		function autocompleteHandler(){
			if(arMaxOptions['THEME']['REGIONALITY_SEARCH_ROW'] != 'Y')
			{
				$("#search").autocomplete({
					minLength: 2,
					source: arRegions,
					appendTo : $(".autocomplete").parent(),
					select: function(event, ui) {
						$.removeCookie('current_region');
						$.cookie('current_region', ui.item.ID, {path: '/',domain: arMaxOptions['SITE_ADDRESS']});
						$("#search").val(ui.item.label);
						return false;
				}
				}).data("ui-autocomplete")._renderItem = function(ul, item){
					var region = (item.REGION ? " ("+item.REGION +")" : "");
					return $("<li>")
						.append("<a href='" + item.HREF + "' class='cityLink'>" + item.label +region +"</a>")
						.appendTo(ul);
				}
			}
			else
			{
				$("#search").autocomplete({
					minLength: 2,
					source: function(request, response){
						console.log(request)
						$.getJSON( arMaxOptions['SITE_DIR']+'ajax/city_select.php', {
							term: request.term,
							url: '<?=$urlback;?>'
						}, response );
						
					},
					// source: arMaxOptions['SITE_DIR']+'ajax/city_select.php',
					appendTo : $(".autocomplete").parent(),
					select: function(event, ui) {
						$.removeCookie('current_region');
						$.cookie('current_region', ui.item.ID, {path: '/',domain: arMaxOptions['SITE_ADDRESS']});
						$("#search").val(ui.item.label);
						return false;
				}
				}).data("ui-autocomplete")._renderItem = function(ul, item){
					var region = (item.REGION ? " ("+item.REGION +")" : "");
					return $("<li>")
						.append("<a href='" + item.HREF + "' class='cityLink'>" + item.label +region +"</a>")
						.appendTo(ul);
				}
			}
		}

	    var current_region_item = $('.cities .items_block .item.current'),
	    	current_region_obl = '';
	    $('.cities .item:not(.current)').each(function(){
	    	if($(this).data('id') == current_region_item.data('id'))
	    		$(this).addClass('shown');
	    })

	    if($('.popup_regions .parent_block').length)
	    {
	    	$('.popup_regions .parent_block').each(function(){
	    		var _this = $(this),
	    			item = '';
	    		item = _this.find('.item[data-id='+current_region_item.data('id')+']');
	    		if(item.length)
	    		{
		    		item.addClass('current');
		    		current_region_obl = item.parent();
		    		current_region_obl.addClass('current shown');
		    	}
	    	})
	    }
	    if($('.popup_regions .block.regions').length)
	    {
	    	$('.popup_regions .block.regions').each(function(){
	    		var _this = $(this),
	    			obl_block = _this.find('.parent_block'),
	    			item = '';
	    		if(!obl_block.length)
	    		{
	    			if(current_region_obl)
	    				_this.find('.item[data-id='+current_region_obl.data('id')+']').addClass('current');
	    			else
	    			{
	    				item = _this.find('.item[data-id='+current_region_item.data('id')+']');
			    		if(item.length)
			    		{
				    		item.addClass('current');
				    		current_region_obl = item.parent();
				    		current_region_obl.addClass('current shown');
				    	}
	    			}
	    		}
	    	})
	    	$('.popup_regions .block.regions .item').on('click', function(){
	    		var _this = $(this),
	    			obl_block = _this.parent('.parent_block');
    			_this.siblings().removeClass('current');
    			_this.addClass('current');
	    		if(obl_block.length)
	    		{
	    			$('.cities .item').siblings().removeClass('current shown');
	    			$('.cities .item[data-id='+_this.data('id')+']').addClass('current shown');
	    		}
	    		else
	    		{
	    			if($('.popup_regions .parent_block').length)
	    			{
	    				var parent_block = $('.popup_regions .parent_block[data-id='+_this.data('id')+']')
	    				$('.popup_regions .parent_block').siblings().removeClass('current shown');
	    				parent_block.addClass('current shown');
	    				if(parent_block.find('.item.current').length)
	    					parent_block.find('.item.current').trigger('click');
	    				else
	    					parent_block.find('.item:first-child').trigger('click');
	    			}
	    			else
	    			{
	    				$('.cities .item').siblings().removeClass('current shown');
	    				$('.cities .item[data-id='+_this.data('id')+']').addClass('current shown');
	    			}
	    		}
	    	})
	    }	   
	    $('.cities .item a').on('click', function(e){
	    	e.preventDefault();
	    	var _this = $(this);
	    	$.removeCookie('current_region');
			$.cookie('current_region', _this.data('id'), {path: '/',domain: arMaxOptions['SITE_ADDRESS']});
			location.href = _this.attr('href');
	    })
	    $('.h-search .wrapper .search_btn').on('click', function(){
			var block = $(this).closest('.wrapper').find('#search');
			if(block.length)
			{
				block.trigger('focus');
				block.data('ui-autocomplete').search(block.val());
			}
		})
	</script>
</div>