<?php
/**
 * @package DJ-Catalog2
 * @copyright Copyright (C) DJ-Extensions.com, All rights reserved.
 * @license http://www.gnu.org/licenses GNU/GPL
 * @author url: http://dj-extensions.com
 * @author email contact@dj-extensions.com
 */

defined ('_JEXEC') or die('Restricted access');
use Joomla\CMS\Factory;
use Joomla\CMS\Uri\Uri;
use Joomla\CMS\Router\Route;
use Joomla\CMS\Language\Text;

$user = Factory::getUser();

$document = Factory::getDocument();
$config = Factory::getConfig();

if ($this->params->get('gm_api_key')) {
	$mapsQuery = array();
	$mapsQuery['key'] = $this->params->get('gm_api_key');
	$mapsQuery['v'] = '3.exp';

	if ($this->params->get('gm_places_map_search')) {
		$mapsQuery['libraries'] = 'places';
	}

	$document->addScript("https://maps.googleapis.com/maps/api/js?" . http_build_query($mapsQuery));
}

$document->addScript(Uri::base(true).'/components/com_djcatalog2/assets/mapclustering/src/markerclusterer.js');

?>

<?php if ($this->params->get( 'show_page_heading', 1)) { ?>
    <h1
            class="componentheading<?php echo $this->params->get( 'pageclass_sfx' ) ?>">
		<?php echo $this->escape($this->params->get('page_heading')); ?>
    </h1>
<?php } ?>

<div id="djcatalog"
     class="djc_mapview<?php echo $this->params->get( 'pageclass_sfx' ).' djc_theme_'.$this->params->get('theme','default') ?>">

	<?php if (($this->params->get('show_category_filter_map', 1) > 0 || $this->params->get('show_producer_filter_map', 1) > 0  || $this->params->get('show_search_map', 1) > 0)) { ?>
        <div class="djc_filters djc_clearfix" id="tlb">
			<?php echo $this->loadTemplate('filters'); ?>
        </div>
	<?php } ?>

    <div id="djc2_map_box" style="display: none;"  class="djc_map_wrapper">
        <div id="djc2_map" class="djc2_map" style="width: <?php echo $this->params->get('gm_map_width', '100%');?>; height: <?php echo $this->params->get('gm_map_height', '400px');?>">
        </div>
    </div>


	<?php
	if ($this->params->get('show_footer')) echo DJCATFOOTER;
	?>
</div>

<script type="text/javascript">

    jQuery(window).on('load', function(){
        DJCatalog2GMClusterStart();
    });


	<?php

	$markers = array();

	foreach ($this->items as $point) {
		if ($point->latitude == '' || $point->latitude == 0.00000000 || $point->longitude == '' || $point->longitude == 0.00000000) {
			continue;
		}

		$marker_link = Route::_(DJCatalogHelperRoute::getItemRoute($point->slug, $point->catslug));
		$marker_title = (htmlspecialchars($point->name));

		$address = array();
		$marker_address = '';

		if (($point->params->get('location_address_item', 1) == '1') && $point->address) {
			$address[] = $point->address;
		}
		if (($point->params->get('location_postcode_item', 1) == '1') && $point->postcode) {
			$address[] = $point->postcode;
		}
		if (($point->params->get('location_city_item', 1) == '1') && $point->city) {
			$address[] = $point->city;
		}
		if (($point->params->get('location_state_item', 1) == '1') && $point->state_name) {
			$address[] = $point->state_name;
		}
		if (($point->params->get('location_country_item', 1) == '1') && $point->country_name) {
			$address[] = $point->country_name;
		}

		/*if ($point->address) {
			$address[] = ($point->address);
		}
		if ($point->postcode) {
			$address[] = ($point->postcode);
		}
		if ($point->city) {
			$address[] = ($point->city);
		}
		if ($point->state_name) {
			$address[] = ($point->state_name);
		}
		if ($point->country_name) {
			$address[] = ($point->country_name);
		}*/

		if (count($address)) {
			$marker_address = implode(', ', $address);
			$marker_address = htmlspecialchars($marker_address);
		}

		$contact = array();
		$marker_contact = '';

		if ($point->phone) {
			$contact[] = Text::_('COM_DJCATALOG2_UP_PHONE').': <span>'.(htmlspecialchars($point->phone)).'</span>';
		}
		if ($point->mobile) {
			$contact[] = Text::_('COM_DJCATALOG2_UP_MOBILE').': <span>'.(htmlspecialchars($point->mobile)).'</span>';
		}
		if ($point->fax) {
			$contact[] = Text::_('COM_DJCATALOG2_UP_FAX').': <span>'.(htmlspecialchars($point->fax)).'</span>';
		}
		if ($point->website) {
			$point->website = (strpos($point->website, 'http') === 0) ? $point->website : 'http://'.$point->website;
			$point->website = preg_replace('#([\w]+://)([^\s()<>]+)#iS', '<a target="_blank" rel="noopener noreferrer" href="$1$2">$2</a>', (htmlspecialchars($point->website)));
			$contact[] = Text::_('COM_DJCATALOG2_UP_WEBSITE').': <span>'.$point->website.'</span>';
		}
		if ($point->email) {
			$point->email = preg_replace('#([\w.-]+(\+[\w.-]+)*@[\w.-]+)#i', '<a target="_blank" rel="noopener noreferrer" href="mailto:$1">$1</a>', (htmlspecialchars($point->email)));
			$contact[] = Text::_('COM_DJCATALOG2_UP_EMAIL').': <span>'.$point->email.'</span>';
		}

		if (count($contact)) {
			$marker_contact = implode('<br />', $contact);
			$marker_contact = $marker_contact;
		}


		$marker_txt = '<div style="min-width: 250px;">';
		$marker_txt .= '<p><a href="'.$marker_link.'">'.$marker_title.'</a></p>';
		$marker_txt .= '<p>'.$marker_address.'</p>';
		$marker_txt .= '<p>'.$marker_contact.'</p>';

		if ($this->params->get('gm_gmaps_link', 1)){
			$marker_txt .= '<p class="djc_gmaps_link"><a rel="nofollow noopener" target="_blank" href="//maps.google.com/?q=loc:'.$point->latitude.','.$point->longitude.'">'.Text::_('COM_DJCATALOG2_SHOW_IN_GOOGLEMAPS').'</a></p>';
		}

		$marker_txt .= '</div>';

		$marker_txt = str_replace(array("\r", "\n"), "", $marker_txt);

		$marker = new stdClass();
		$marker->txt = $marker_txt;
		$marker->latitude = $point->latitude;
		$marker->longitude = $point->longitude;

		$markerIcon = $point->params->get('gm_map_marker', $this->params->get('gm_map_marker', ''));
		$marker->icon = $markerIcon == '' ? '' : Uri::base(false) . $markerIcon;


		$markers[] = $marker;
	}

	$map_styles = $this->params->get('gm_styles');
	if (trim((string)$map_styles) == '') {
		$map_styles = '[]';
	}
	?>

    var markers = <?php echo json_encode($markers); ?>;
    var djc2_map;
    var djc2_map_markers = [];//new google.maps.InfoWindow();
    var djc2_geocoder = new google.maps.Geocoder();

    function DJCatalog2GMClusterMarker(position,txt,icon)
    {
        var MarkerOpt =
            {
                position: position,
                icon: icon
            }

        var marker = new google.maps.Marker(MarkerOpt);
        marker.txt=txt;

        var djc2_map_info = new google.maps.InfoWindow();

        google.maps.event.addListener(marker,"click",function()
        {
            for (var i = 0; i < djc2_map_markers.length; i++) {
                djc2_map_markers[i].infowindow.close();
            }
            djc2_map_info.setContent(marker.txt);
            djc2_map_info.open(djc2_map, marker);
        });

        marker.infowindow = djc2_map_info;

        djc2_map_markers.push(marker);

        return marker;
    }

    function DJCatalog2GMClusterStart()
    {

        var addressInitial = '<?php echo ($this->lists['search']) ? $this->escape($this->lists['search']) : $this->params->get('gm_start_location', 'World'); ?>'
        if(addressInitial === "" || addressInitial === "World") {
            addressInitial = "Europe";
        }
        djc2_geocoder.geocode({address: addressInitial}, function (results, status)
        {
            if(status == google.maps.GeocoderStatus.OK)
            {
                document.getElementById("djc2_map_box").style.display='block';
                var mapOpts = {
                    zoom: <?php echo $this->params->get('gm_zoom', (($this->lists['search']) ? '10' : '1'));?>,
                    center: results[0].geometry.location,
                    mapTypeId: google.maps.MapTypeId.<?php echo $this->params->get('gm_type','ROADMAP');?>,
                    navigationControl: true,
                    //scrollwheel: null,
                    styles: <?php echo $map_styles; ?>
                };
                djc2_map = new google.maps.Map(document.getElementById("djc2_map"), mapOpts);
                var size = new google.maps.Size(32,32);
                var start_point = new google.maps.Point(0,0);
                var anchor_point = new google.maps.Point(0,16);

                var icon = '<?php echo $this->params->get('gm_map_marker', '') ? Uri::base(false) . $this->params->get('gm_map_marker', '') : ''; ?>';

				<?php if(count($markers)){ ?>
                for (var i=0; i < markers.length; i++) {
                    var adLatlng = new google.maps.LatLng(markers[i].latitude, markers[i].longitude);
                    var MapOptions = {
                        zoom: <?php echo $this->params->get('gm_zoom_item','10'); ?>,
                        center: adLatlng,
                        mapTypeId: google.maps.MapTypeId.<?php echo $this->params->get('gm_type_item','ROADMAP'); ?>,
                        navigationControl: true
                    };
                    //djc2_map = new google.maps.Map(document.getElementById("djc2_map"), MapOptions);
                    var marker = DJCatalog2GMClusterMarker(adLatlng, markers[i].txt, markers[i].icon);

                }
                for (var i = 0; i < djc2_map_markers.length; i++) {
                    djc2_map_markers[i].setMap(djc2_map);
                }
				<?php } ?>
                var mcOptions = {gridSize: 50, maxZoom: 14,styles: [{
                        height: 53, url: "<?php echo Uri::base()?>components/com_djcatalog2/assets/mapclustering/images/m1.png",width: 53},
                        {height: 56, url: "<?php echo Uri::base()?>components/com_djcatalog2/assets/mapclustering/images/m2.png",width: 56},
                        {height: 66, url: "<?php echo Uri::base()?>components/com_djcatalog2/assets/mapclustering/images/m3.png",width: 66},
                        {height: 78, url: "<?php echo Uri::base()?>components/com_djcatalog2/assets/mapclustering/images/m4.png",width: 78},
                        {height: 90, url: "<?php echo Uri::base()?>components/com_djcatalog2/assets/mapclustering/images/m5.png",width: 90}]};
                var markerCluster = new MarkerClusterer(djc2_map, djc2_map_markers, mcOptions);

            }
        });
    }
</script>