// This example adds a search box to a map, using the Google Place Autocomplete
// feature. People can enter geographical searches. The search box will return a
// pick list containing a mix of places and predicted search terms.

// This example requires the Places library. Include the libraries=places
// parameter when you first load the API. For example:
// <script
// src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places">

function initMap() {
	initGeneralMap();
}

function initGeneralMap() {
	var gpsMap = "map";
	if ($("#" + gpsMap).length > 0) {

		var latitude = $("#latitude").val();
		var longitude = $("#longitude").val();
		var address = $("#address").val();

		var defaultLatitude = latitude == "" || latitude == -1 ? 3.4516467
			: latitude;
		var defaultLongitude = longitude == "" || longitude == -1 ? -76.5319854
			: longitude;

		var map = new google.maps.Map(document.getElementById(gpsMap), {
			center: {
				lat: parseFloat(defaultLatitude),
				lng: parseFloat(defaultLongitude)
			},
			zoom: 17,
			disableDefaultUI: true,
			mapTypeId: 'roadmap',
			zoomControl: true,
			fullscreenControl: true
		});


		var markers = [];

		//marker
		var lugar = { lat: parseFloat(defaultLatitude), lng: parseFloat(defaultLongitude) };
		var image = 'https://niceeat.co/niceeat-map-icon-24.png';
		markers.push(new google.maps.Marker({
			position: lugar,
			map: map,
			icon: image
		}));


		if ($("#pac-input").length == 0) {
			return;
		}

		document.getElementById('pac-input').value = address;

		// Create the search box and link it to the UI element.
		var input = document.getElementById('pac-input');
		var searchBox = new google.maps.places.SearchBox(input);
		map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);

		// Bias the SearchBox results towards current map's viewport.
		map.addListener('bounds_changed', function () {
			searchBox.setBounds(map.getBounds());
		});


		// Listen for the event fired when the user selects a prediction and
		// retrieve
		// more details for that place.
		searchBox.addListener('places_changed', function () {
			var places = searchBox.getPlaces();

			if (places.length == 0) {
				return;
			}

			// Clear out the old markers.
			markers.forEach(function (marker) {
				marker.setMap(null);
			});
			markers = [];

			// For each place, get the icon, name and location.
			var bounds = new google.maps.LatLngBounds();
			places.forEach(function (place) {
				if (!place.geometry) {
					console.log("Returned place contains no geometry");
					return;
				}
				var icon = {
					url: place.icon,
					size: new google.maps.Size(71, 71),
					origin: new google.maps.Point(0, 0),
					anchor: new google.maps.Point(17, 34),
					scaledSize: new google.maps.Size(25, 25)
				};

				// Create a marker for each place.
				markers.push(new google.maps.Marker({
					map: map,
					icon: image,
					title: place.name,
					position: place.geometry.location
				}));

				if (place.geometry.viewport) {
					// Only geocodes have viewport.
					bounds.union(place.geometry.viewport);
				} else {
					bounds.extend(place.geometry.location);
				}

				$("#latitude").val(place.geometry.location.lat());
				$("#longitude").val(place.geometry.location.lng());
				$("#address").val(place.formatted_address);

			});
			map.fitBounds(bounds);
		});
	}
}

var cacheMarker = null;

function ordersInitMap() {
	const orderZoneMap = "orderzone_map";
	if ($("#" + orderZoneMap).length > 0) {
		let marker;

		const latitude = $("#latitude").val();
		const longitude = $("#longitude").val();
		const cacheMarker = $("#gps_position").val() ? JSON.parse(decodeURIComponent($("#gps_position").val())) : null;

		const defaultLatitude = latitude == "" || latitude == -1 ? 3.41667 : latitude;
		const defaultLongitude = longitude == "" || longitude == -1 ? -76.55 : longitude;
		const zoom = latitude == "" || latitude == -1 ? 11 : 16;

		const map = new google.maps.Map(document.getElementById(orderZoneMap), {
			center: {
				lat: cacheMarker ? cacheMarker.position.lat : parseFloat(defaultLatitude),
				lng: cacheMarker ? cacheMarker.position.lng : parseFloat(defaultLongitude),
			},
			zoom: 14,
			disableDefaultUI: true,
			mapTypeId: "roadmap",
			zoomControl: true,
			fullscreenControl: true,
		});

		if (marker) marker.setMap(null);

		if (latitude != -1 && latitude != "") {
			const image = "https://niceeat.co/niceeat-map-icon-24.png";
			marker = new google.maps.Marker({
				position: new google.maps.LatLng(defaultLatitude, defaultLongitude),
				map,
				icon: image,
			});
		}

		// Cargar polígonos en el mapa
		loadPolygonsStore(map);

		// Inicializar búsqueda y validación de zonas
		initAutocomplete(map);
		initDeliveryZone();
	}
}

var cacheOrderZoneAddress = "";

/*USER LOCATION END*/
// This example adds a search box to a map, using the Google Place Autocomplete
// feature. People can enter geographical searches. The search box will return a
// pick list containing a mix of places and predicted search terms.
// This example requires the Places library. Include the libraries=places
// parameter when you first load the API. For example:
// <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBIwzALxUPNbatRBj3Xi1Uhp0fFzwWNBkE&libraries=places">

function initAutocomplete(map) {

	const image = 'https://niceeat.co/usericon-nice24.png';
	const input = document.getElementById("orderzone-pac-input");
	input.value = cacheOrderZoneAddress == "" ? input.value : cacheOrderZoneAddress;
	const searchBox = new google.maps.places.SearchBox(input);
	map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);

	// Bias the SearchBox results towards current map's viewport.
	map.addListener("bounds_changed", () => {
		searchBox.setBounds(map.getBounds());
	});

	let markers = [];

	if (cacheMarker != null) {
		markers.push(
			new google.maps.Marker({
				map,
				icon: image,
				title: cacheMarker.title,
				position: cacheMarker.position,
			})
		);

	}

	if ($("#orderzone_name").html() == "") {
		$("#orderzone_name").html("Sin cobertura!");
		$("#orderzone_name").addClass("nodelivey_zone");
	}

	// Listen for the event fired when the user selects a prediction and retrieve
	// more details for that place.
	searchBox.addListener("places_changed", () => {
		const places = searchBox.getPlaces();

		if (places.length == 0) {
			return;
		}
		// Clear out the old markers.
		markers.forEach((marker) => {
			marker.setMap(null);
		});
		markers = [];
		// For each place, get the icon, name and location.
		const bounds = new google.maps.LatLngBounds();
		places.forEach((place) => {
			if (!place.geometry || !place.geometry.location) {
				console.log("Returned place contains no geometry");
				return;
			}
			const icon = {
				url: place.icon,
				size: new google.maps.Size(71, 71),
				origin: new google.maps.Point(0, 0),
				anchor: new google.maps.Point(17, 34),
				scaledSize: new google.maps.Size(25, 25),
			};
			// Create a marker for each place.
			markers.push(
				new google.maps.Marker({
					map,
					icon: image,
					title: place.name,
					position: place.geometry.location,
				})
			);

			cacheMarker = {
				title: place.name,
				position: place.geometry.location,
			};

			if (place.geometry.viewport) {
				// Only geocodes have viewport.
				bounds.union(place.geometry.viewport);
			} else {
				bounds.extend(place.geometry.location);
			}

			var latitude = place.geometry.location.lat();
			var longitude = place.geometry.location.lng();
			var address = place.formatted_address;

			cacheOrderZoneAddress = address;

			var zoneId = 0;
			var zoneName = "";
			var zoneValue = -1;
			$.each($("input[id^='hdn_orderzone_polygon_']"), function (index, element) {
				var coordinates = new google.maps.Polygon({ paths: JSON.parse(element.value) });
				var point = new google.maps.LatLng(latitude, longitude);


				var contains = google.maps.geometry.poly.containsLocation(point, coordinates);
				if (contains) {
					var tmpId = element.id.replace("hdn_orderzone_polygon_", "");

					var tmpValue = parseInt($("#hdn_orderzone_value_" + tmpId).val());
					if (zoneValue == -1 || (tmpValue != 0 && zoneValue > tmpValue)) {
						zoneId = tmpId;
						zoneValue = tmpValue;
						zoneName = $("#hdn_orderzone_name_" + tmpId).val();
					}
				}
			});

			var positionTmp = encodeURIComponent(JSON.stringify(cacheMarker));
			$("#gps_position").val(positionTmp);
			changeDeliveryZoneId(zoneId, zoneName, cacheOrderZoneAddress, positionTmp);
		});
		map.fitBounds(bounds);
	});
}

function initDeliveryZone() {

	if ($("#hdnDeliveryZonePosition").length == 0 || $("#hdnDeliveryZonePosition").val() == "") {
		return;
	}

	var zoneId = 0;
	var zoneName = "";
	var zoneValue = -1;
	cacheMarker = $.parseJSON(decodeURIComponent($("#hdnDeliveryZonePosition").val()));

	$.each($("input[id^='hdn_orderzone_polygon_']"), function (index, element) {
		var coordinates = new google.maps.Polygon({ paths: JSON.parse(element.value) });
		var point = new google.maps.LatLng(cacheMarker.position.lat, cacheMarker.position.lng);


		var contains = google.maps.geometry.poly.containsLocation(point, coordinates);
		if (contains) {
			var tmpId = element.id.replace("hdn_orderzone_polygon_", "");

			var tmpValue = parseInt($("#hdn_orderzone_value_" + tmpId).val());
			if (zoneValue == -1 || (tmpValue != 0 && zoneValue > tmpValue)) {
				zoneId = tmpId;
				zoneValue = tmpValue;
				zoneName = $("#hdn_orderzone_name_" + tmpId).val();
			}
		}
	});

	var positionTmp = encodeURIComponent(JSON.stringify(cacheMarker));
	$("#gps_position").val(positionTmp);
	cacheOrderZoneAddress = deliveryOrderModalConfirm.find("#delivery_neighborhood").val() + ":" + $("#hdnGpsLocationText").val();
	changeDeliveryZoneId(zoneId, zoneName, cacheOrderZoneAddress, positionTmp);
	reloadOrderResume();
}