<?php
/*
MapEx plugin for Widgetkit 2.
Author: Ramil Valitov
E-mail: ramilvalitov@gmail.com
Web: http://www.valitov.me/
Git: https://github.com/rvalitov/widgetkit-map-ex
*/

require_once(__DIR__.'/WidgetkitExMapPlugin.php');
use WidgetkitEx\MapEx\WidgetkitExPlugin;
use WidgetkitEx\MapEx\WidgetkitExMapPlugin;

$map_id  = uniqid('wk-map-ex');
$map_id2 = substr($map_id,9);

/** @var object $app */
$debug=new WidgetkitExMapPlugin($app,$map_id);
$cssprefix=WidgetkitExPlugin::getCSSPrefix($app);
$info=$debug->getInfo();

/** @var array $settings */
if ($settings['debug_output']){
	$debug->addInfoString("Plugin info:");
	$debug->addInfoString($info);
}
$global_settings=$debug->readGlobalSettings();

$markers = array();
$width   = $settings['width']  == 'auto' ? 'auto'  : ((int)$settings['width']).'px';
$height  = $settings['height'] == 'auto' ? '300px' : ((int)$settings['height']).'px';

$zoom_phone_portrait=$settings['zoom'];
$zoom_phone_landscape=is_numeric($settings['zoom_phone_h']) ? $settings['zoom_phone_h'] : $zoom_phone_portrait;
$zoom_tablet=is_numeric($settings['zoom_tablet']) ? $settings['zoom_tablet'] : $zoom_phone_landscape;
$zoom_desktop=is_numeric($settings['zoom_desktop']) ? $settings['zoom_desktop'] : $zoom_tablet;
$zoom_large=is_numeric($settings['zoom_large']) ? $settings['zoom_large'] : $zoom_desktop;

// Markers
$item_id=0;

$debug_items=array();
if ($settings['debug_output'])
	$debug->addInfoString('Content items:');

/** @var array $items */
foreach ($items as $i => $item) {
	$item_id++;
    $debug_item = [];
	if ($settings['debug_output']){
		$debug_item=WidgetkitExPlugin::intersectArrayItems($item,array(
			'location',
			'title',
			'content',
			'media',
			'custom_pin_path',
			'custom_pin_anchor_x',
			'custom_pin_anchor_y'
		));
		$debug_item['item_id']=$item_id;
	}
	$debug_item['comments']='';

    if (isset($item['location']) && $item['location']) {
        $marker = array(
            'lat'     => $item['location']['lat'],
            'lng'     => $item['location']['lng'],
            'title'   => $item['title'],
			'id'      => $map_id."-marker-".$item_id,
            'content' => '',
			'pin'	=> '',
			'anchor_x'	=> '',
			'anchor_y'	=> ''
        );

        if (($item['title'] && $settings['title']) ||
            ($item['content'] && $settings['content']) ||
            ($item['media'] && $settings['media'])) {
            /** @var object $widget */
            $marker['content'] = $app->convertUrls($this->render('plugins/widgets/' . $widget->getConfig('name')  . '/views/_content.php', compact('item', 'settings')));
        }
		if ($settings['pin_type']==''){
			$pinoverride=false;
			if (strlen($item['custom_pin_path'])>0){
				$marker['pin']=trim($item['custom_pin_path']);
				$pinoverride=true;
				$debug_item['PinType']='Unique custom';
			}
			else{
				$marker['pin']=trim($settings['custom_pin_path']);
				$debug_item['PinType']='Global custom';
			}

			if (strlen($marker['pin'])>0){
				//Checking for absolute URL
				if ( (substr($marker['pin'], 0, 7) != 'http://') && (substr($marker['pin'], 0, 8) != 'https://') && (substr($marker['pin'], 0, 2) != '//') && (strlen($marker['pin'])>2) ){
					if (substr($marker['pin'], 0, 1) != '/')
						$markerurl=$marker['pin'];
					else
						$markerurl=substr($marker['pin'], 1);
					$marker['pin']=$debug->getWebsiteRootURL().$markerurl;
				}

				$debug_item['finalPinURL']=$marker['pin'];
				if ($settings['debug_output'])
					if (WidgetkitExPlugin::url_exists($marker['pin']))
						$debug_item['finalPinURLisValid']=true;
					else
						$debug_item['finalPinURLisValid']=false;
				if ( ($pinoverride) && (is_numeric($item['custom_pin_anchor_x'])) && (is_numeric($item['custom_pin_anchor_y'])) )
				{
					$marker['anchor_x']=intval($item['custom_pin_anchor_x']);
					$marker['anchor_y']=intval($item['custom_pin_anchor_y']);
				}
				else
					if ( (!$pinoverride) && (is_numeric($settings['custom_pin_anchor_x'])) && (is_numeric($settings['custom_pin_anchor_y'])) )
					{
						$marker['anchor_x']=intval($settings['custom_pin_anchor_x']);
						$marker['anchor_y']=intval($settings['custom_pin_anchor_y']);
					}
			}
			else
				$debug_item['PinType']='Default';
				$debug_item['comments'].='The custom image path is empty. The deafult pin image will be used.';
		}
		else{
			$debug_item['PinType']='Default';
			if (strlen($item['custom_pin_path'])>0)
				$debug_item['comments'].="You have defined a custom unique pin image. However, this image will be ignored. To use custom images you must select 'Custom' as the 'Marker Pin Icon' option in the widget's settings. Ignore this message if the widget works as you expect.";
		}

        $markers[] = $marker;
    }
	else
		$debug->addWarningString('The location is missing for item#'.$item_id.'. This item will be ignored.');
	if ($settings['debug_output'])
		array_push($debug_items,$debug_item);
}
if ($settings['debug_output'])
	$debug->addInfoString($debug_items);

$settings['map_id'] = $map_id;
$settings['map_id2'] = $map_id2;
if (!empty($settings['map_center'])){
	$center=explode(',',$settings['map_center']);
	if ( (sizeof($center)==2) && (is_numeric($center[0])) && (is_numeric($center[1])) ){
		$settings['center_lat'] = $center[0];
		$settings['center_lng'] = $center[1];
	}
}

$settings['clusterstyles']=[];
//Checking the sizes of cluster images
if ($settings['markercluster']=='custom'){
	$styles=[];
	
	for ($i=0; $i<sizeof($settings['clusters']); $i++)
		if ( (isset($settings['clusters'][$i]['icon'])) && ($settings['clusters'][$i]['icon']) ){
			$cstyle=[];
			$cstyle['url']=$settings['clusters'][$i]['icon'];
			//Checking for absolute URL
			if ( (substr($cstyle['url'], 0, 7) != 'http://') && (substr($cstyle['url'], 0, 8) != 'https://') && (substr($cstyle['url'], 0, 2) != '//') && (strlen($cstyle['url'])>2) ){
				if (substr($cstyle['url'], 0, 1) != '/')
					$markerurl=$cstyle['url'];
				else
					$markerurl=substr($cstyle['url'], 1);
				$cstyle['url']=$debug->getWebsiteRootURL().$markerurl;
			}
			
			if (!is_numeric($settings['clusters'][$i]['width']))
				$cstyle['width']=($settings['clusters'][$i]['options']['width'] > 0) ? intval($settings['clusters'][$i]['options']['width']) : 53;
			else
				$cstyle['width']=intval($settings['clusters'][$i]['width']);
			if (!is_numeric($settings['clusters'][$i]['height']))
				$cstyle['height']=($settings['clusters'][$i]['options']['height'] > 0) ? intval($settings['clusters'][$i]['options']['height']) : 53;
			else
				$cstyle['height']=intval($settings['clusters'][$i]['height']);
			
			$cstyle['textSize']=is_numeric($settings['clusters'][$i]['textSize']) ? intval($settings['clusters'][$i]['textSize']) : 11;
			$cstyle['textColor']=($settings['clusters'][$i]['textColor']) ? $settings['clusters'][$i]['textColor'] : 'black';
			if ( (is_numeric($settings['clusters'][$i]['icon_anchor_x'])) && (is_numeric($settings['clusters'][$i]['icon_anchor_y'])) )
				$cstyle['iconAnchor']=[intval($settings['clusters'][$i]['icon_anchor_x']), intval($settings['clusters'][$i]['icon_anchor_y'])];
			//X and Y are inversed:
			$cstyle['anchor']=[is_numeric($settings['clusters'][$i]['label_anchor_y']) ? intval($settings['clusters'][$i]['label_anchor_y']) : 0, is_numeric($settings['clusters'][$i]['label_anchor_x']) ? intval($settings['clusters'][$i]['label_anchor_x']) : 0];

			array_push($styles,$cstyle);
		}
	$settings['clusterstyles']=$styles;
}
	
?>
<div class="<?php echo $cssprefix; ?>-hidden widgetkit-map-ex" id="<?php echo $map_id;?>-d" data-uk-check-display></div>
<?php
	//We must print the contents in HTML, not in JS. Such approach allows to use SEF urls.
	for ($i=0; $i<sizeof($markers); $i++)
		if (isset($markers[$i]['content'])){
			echo '<div class="'. $cssprefix. '-hidden" id="'.$markers[$i]['id'].'">'.$markers[$i]['content'].'</div>';
			unset($markers[$i]['content']);
		}
	$settings['markers'] = $markers;
	
	if ($settings['debug_output']){
		$debug->addInfoString('Widget settings:');
		$debug->addInfoString($settings);
	}
?>

<script type="widgetkit/mapex" data-id="<?php echo $map_id;?>" data-class="<?php echo $settings['class']; ?> <?php echo $cssprefix?>-img-preserve" data-style="width:<?php echo $width?>;height:<?php echo $height?>;">
    <?php echo json_encode($settings) ?>
</script>

<!--suppress Annotator, JSUnresolvedFunction, UnnecessaryReturnStatementJS -->
<script>
function getMapZoom<?php echo $map_id2;?>(){
	if (window.outerWidth<=767) {
        var orientation = screen.orientation || screen.mozOrientation || screen.msOrientation || null;
        var landscape = false;
        if (typeof orientation === 'object' && orientation && typeof orientation.type === 'string') {
            landscape = (orientation.type.indexOf("landscape") >= 0);
        }
        else {
            if (typeof window.orientation !== "undefined") {
                landscape = (Math.abs(Number(window.orientation)) === 90);
            }
            else
                landscape = (window.innerWidth > window.innerHeight);
        }
        if (landscape) {
            <?php if ($settings['debug_output']) : ?>
            console.info('<?php echo '[' . $info['name'] . '] ';?>Detected Phone Landscape mode');
            <?php endif;?>
            return <?php echo $zoom_phone_landscape;?>;
        }
        else {
            <?php if ($settings['debug_output']) : ?>
            console.info('<?php echo '[' . $info['name'] . '] ';?>Detected Phone Portrait mode');
            <?php endif;?>
            return <?php echo $zoom_phone_portrait;?>;
        }
    }
	else
		if (window.outerWidth<=959){
			<?php if ($settings['debug_output']) : ?>
			console.info('<?php echo '['.$info['name'].'] ';?>Detected Tablet mode');
			<?php endif;?>
			return <?php echo $zoom_tablet;?>;
		}
		else{
			<?php if ($settings['debug_output']) : ?>
			console.info('<?php echo '['.$info['name'].'] ';?>Detected Large Screen mode');
			<?php endif;?>
			return <?php echo $zoom_large;?>;
		}
}

function updateMap<?php echo $map_id2;?>(item){
	<?php if (!empty($settings['map_center'])):?>
	item.panTo(new google.maps.LatLng(<?php echo $settings['map_center']?>));
	<?php if ($settings['debug_output']) : ?>
	console.info('<?php echo '['.$info['name'].'] ';?>Auto pan performed to <?php echo $settings['map_center']; ?>, map #<?php echo $map_id; ?>');
	<?php endif;?>
	<?php endif;?>

	item.setZoom(getMapZoom<?php echo $map_id2;?>());
	<?php if ($settings['debug_output']) : ?>
	console.info('<?php echo '['.$info['name'].'] ';?>Auto zoom performed to level <?php echo $settings['zoom']; ?>, map #<?php echo $map_id; ?>');
	<?php endif;?>
}

jQuery(function(){
	function checkWidgetkitMap<?php echo $map_id2;?>() {
		var item=getWidgetkitMap("<?php echo $map_id?>");
		if (item) {
			google.maps.event.addDomListener(window, 'resize', function(){
				<?php if ($settings['debug_output']) : ?>
				console.info('<?php echo '['.$info['name'].'] ';?>Window resize event captured, updating the map #<?php echo $map_id; ?>');
				<?php endif; ?>
				updateMap<?php echo $map_id2;?>(item);
			});
			window.addEventListener("orientationchange", function () {
				<?php if ($settings['debug_output']) : ?>
				console.info('<?php echo '['.$info['name'].'] ';?>Screen orientation changed, updating the map #<?php echo $map_id; ?>');
				<?php endif; ?>
				updateMap<?php echo $map_id2;?>(item);
			});
			<?php if ($settings['debug_output']) : ?>
			console.info('<?php echo '['.$info['name'].'] ';?>Responsive setup performed for map #<?php echo $map_id; ?>');
			<?php endif; ?>
			
			<?php if (!empty($settings['map_center'])):?>
			jQuery('#<?php echo $map_id; ?>-d').on(
				"display.uk.check",
				function() {
					var self = jQuery(document);
					var map = self.find('#<?php echo $map_id; ?>');
					if (!map.length){
						<?php if ($settings['debug_output']) : ?>
						console.error('<?php echo '['.$info['name'].'] ';?>On display.uk.check failed to find map #<?php echo $map_id; ?>');
						<?php endif; ?>
						return;
					}

					if(map.is(':visible')) {
						map.each(
							function() {
								var id = jQuery(this).attr('id');
								var item = getWidgetkitMap(id);
								if(item) {
									google.maps.event.trigger(item, "resize");
									var sub_id = id.substring(9);
									if(typeof window['updateMap' + sub_id] === 'function') {
										window['updateMap' + sub_id](item);
										<?php if ($settings['debug_output']) : ?>
										console.info('<?php echo '['.$info['name'].'] ';?>On display.uk.check event updated map #<?php echo $map_id; ?>');
										<?php endif; ?>
									}
									<?php if ($settings['debug_output']) : ?>
									else{
										console.error('<?php echo '['.$info['name'].'] ';?>On display.uk.check failed to find updateMap function for map #<?php echo $map_id; ?>');
									}
									<?php endif; ?>
								}
								<?php if ($settings['debug_output']) : ?>
								else{
									console.error('<?php echo '['.$info['name'].'] ';?>On display.uk.check failed to find map #<?php echo $map_id; ?>');
								}
								<?php endif; ?>
							}
						);
					}
					<?php if ($settings['debug_output']) : ?>
					else{
						console.info('<?php echo '['.$info['name'].'] ';?>On display.uk.check map #<?php echo $map_id; ?> skipped, because it\'s not visible');
					}
					<?php endif; ?>
				}
			);
			<?php else: ?>
			console.error('<?php echo '['.$info['name'].'] ';?>On display.uk.check event listening is disabled, because center point is not defined for map #<?php echo $map_id; ?>');
			<?php endif;//uikit fix?>
		}
		else
		   setTimeout(checkWidgetkitMap<?php echo $map_id2;?>,1000);
	}
	setTimeout(checkWidgetkitMap<?php echo $map_id2;?>,1000);
});

<?php if ($settings['debug_output']):?>
	<?php
	$debug->printDebugStrings();
	?>
	jQuery(function($){
		if (typeof window.functionCheckMapExWidget === 'undefined') {
			window.functionCheckMapExWidget = function() {
				var countAPILoaded=0;
				var isUsingMap=false;
				var srcFirstAPI='';
				$("script").each(function() {
					var srcAPI=$(this).attr("src");
					if ( (srcAPI) && (srcAPI.indexOf('/maps.google.com/')>0) ) {
						console.info('<?php echo '['.$info['name'].'] ';?>Found Google Maps API loading script: '+srcAPI);
                        if (countAPILoaded === 0)
							srcFirstAPI=srcAPI;
						countAPILoaded++;
					}
					if ( (srcAPI) && (srcAPI.indexOf('wkInitializeGoogleMapsApi')>0) )
						isUsingMap=true;
				});
				switch(countAPILoaded){
					case 0:
						console.error('<?php echo '['.$info['name'].'] ';?>No script found that loads Google Maps API. It\'s a fatal error. Possible reasons: invalid installation or conflict with other components, modules or plugins.');
						break;
					case 1:
						console.info('<?php echo '['.$info['name'].'] ';?>Single script detected that loads Google Maps API.');
						if (srcFirstAPI.length>0)
						if (srcFirstAPI.indexOf('wkInitializeGoogleMapsEx')>0)
							console.info('<?php echo '['.$info['name'].'] ';?>The Google Maps API loading script is correct.');
						else
							console.error('<?php echo '['.$info['name'].'] ';?>The Google Maps API loading script is not correct. Some other component, module or plugin on your website overrides our script making this widget inactive.');
						break;
					default:
						if (isUsingMap)
							console.error('<?php echo '['.$info['name'].'] ';?>We found out that you are using both MapEx and Map widget on the same page. This leads to conflicts and errors. You can use only MapEx or Map widget, but not both. You can convert all your Map widgets to MapEx widgets in the control panel.');
						else
							console.error('<?php echo '['.$info['name'].'] ';?>Multiple scripts detected that try to load Google Maps API. This may cause unexpected behaviour or malfunction of the widget. Please, turn of other plugins that use Goolge Maps API to fix this error.');
						break;
				}
			};
			functionCheckMapExWidget();
		}
	});
<?php endif;?>
</script>