package org.gcube.portlets.user.geoportaldataviewer.client.ui;

import java.util.ArrayList;
import java.util.Collection;
import java.util.List;

import org.gcube.application.geoportalcommon.shared.GeoportalItemReferences;
import org.gcube.application.geoportalcommon.shared.SearchingFilter;
import org.gcube.application.geoportalcommon.shared.SearchingFilter.ORDER;
import org.gcube.application.geoportalcommon.shared.geoportal.config.ItemFieldDV;
import org.gcube.application.geoportalcommon.shared.geoportal.ucd.UseCaseDescriptorDV;
import org.gcube.application.geoportalcommon.shared.geoportal.view.ProjectView;
import org.gcube.portlets.user.geoportaldataviewer.client.GeoportalDataViewerConstants;
import org.gcube.portlets.user.geoportaldataviewer.client.GeoportalDataViewerConstants.MAP_PROJECTION;
import org.gcube.portlets.user.geoportaldataviewer.client.events.ChangeMapLayerEvent;
import org.gcube.portlets.user.geoportaldataviewer.client.events.MapExtentToEvent;
import org.gcube.portlets.user.geoportaldataviewer.client.events.collections.CloseCollectionEvent;
import org.gcube.portlets.user.geoportaldataviewer.client.events.collections.OpenCollectionEvent;
import org.gcube.portlets.user.geoportaldataviewer.client.gis.OpenLayerMap;
import org.gcube.portlets.user.geoportaldataviewer.client.resources.GNAIcons;
import org.gcube.portlets.user.geoportaldataviewer.client.resources.GNAImages;
import org.gcube.portlets.user.geoportaldataviewer.client.ui.cms.search.SearchFacilityUI;
import org.gcube.portlets.user.geoportaldataviewer.client.ui.map.ExtentMapUtil;
import org.gcube.portlets.user.geoportaldataviewer.client.ui.map.ExtentMapUtil.Location;
import org.gcube.portlets.user.geoportaldataviewer.shared.GCubeCollection;
import org.gcube.portlets.user.geoportaldataviewer.shared.ItemFieldsResponse;
import org.gcube.portlets.user.geoportaldataviewer.shared.gis.BaseMapLayer;

import com.github.gwtbootstrap.client.ui.Button;
import com.github.gwtbootstrap.client.ui.CheckBox;
import com.github.gwtbootstrap.client.ui.DropdownButton;
import com.github.gwtbootstrap.client.ui.NavLink;
import com.github.gwtbootstrap.client.ui.NavList;
import com.github.gwtbootstrap.client.ui.Paragraph;
import com.github.gwtbootstrap.client.ui.constants.IconType;
import com.google.gwt.core.client.GWT;
import com.google.gwt.core.client.Scheduler;
import com.google.gwt.core.client.Scheduler.ScheduledCommand;
import com.google.gwt.dom.client.Style.Unit;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.event.logical.shared.ValueChangeEvent;
import com.google.gwt.event.logical.shared.ValueChangeHandler;
import com.google.gwt.event.shared.GwtEvent;
import com.google.gwt.event.shared.HandlerManager;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.uibinder.client.UiField;
import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.FlowPanel;
import com.google.gwt.user.client.ui.HTMLPanel;
import com.google.gwt.user.client.ui.Image;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.RadioButton;
import com.google.gwt.user.client.ui.ScrollPanel;
import com.google.gwt.user.client.ui.SimplePanel;
import com.google.gwt.user.client.ui.Widget;

/**
 * The Class GeonaDataViewMainPanel.
 *
 * @author Francesco Mangiacrapa at ISTI-CNR (francesco.mangiacrapa@isti.cnr.it)
 * 
 *         Nov 19, 2020
 */
public class GeonaDataViewMainPanel extends Composite {

	private static GeonaDataViewMainPanelUiBinder uiBinder = GWT.create(GeonaDataViewMainPanelUiBinder.class);

	/**
	 * The Interface GeonaDataViewMainPanelUiBinder.
	 *
	 * @author Francesco Mangiacrapa at ISTI-CNR (francesco.mangiacrapa@isti.cnr.it)
	 * 
	 *         Nov 19, 2020
	 */
	interface GeonaDataViewMainPanelUiBinder extends UiBinder<Widget, GeonaDataViewMainPanel> {
	}

	@UiField
	HTMLPanel mainContainerPanel;

	@UiField
	HTMLPanel mainToolBar;

	@UiField
	NavLink dataPointSelection;

	@UiField
	NavLink dataBoxSelection;

	@UiField
	Button removeQuery;

	@UiField
	DetailsPanel detailsPanel;

	@UiField
	Button extentToItaly;

	@UiField
	Button extentToEarth;

	@UiField
	Button linkLayers;

	@UiField
	DropdownButton openCollectionDropDown;

	@UiField
	HTMLPanel openCollectionPanel;

	@UiField
	DropdownButton searchFacilityButton;

	@UiField
	NavList navListSearch;

	@UiField
	ScrollPanel overlayLayersPanel;

	@UiField
	ScrollPanel searchFacilityPanel;

	@UiField
	HTMLPanel panelAttribution;

	@UiField
	HTMLPanel panelBaseLayers;

	@UiField
	DropdownButton linkMap;

	@UiField
	DropdownButton linkPresetLocation;

	private MapPanel mapPanel;

	private OpenLayerMap map;

	private HandlerManager applicationBus;

	public GeonaDataViewMainPanel(HandlerManager applicationBus, int mapHeight,
			List<ItemFieldsResponse> itemFieldsReponse) {
		initWidget(uiBinder.createAndBindUi(this));
		this.applicationBus = applicationBus;
		mapPanel = new MapPanel(mapHeight + "px");
		detailsPanel.setHeight(mapHeight + "px");
		detailsPanel.setApplicationBus(applicationBus);
		mainContainerPanel.add(mapPanel);
		bindHandlers();
		dataPointSelection.setIcon(IconType.SCREENSHOT);
		dataBoxSelection.setIcon(IconType.BOOKMARK);
		removeQuery.setIcon(IconType.REMOVE);

		Image italyImg = new Image(GNAImages.ICONS.italyIcon());
		italyImg.getElement().getStyle().setPaddingLeft(20, Unit.PX);
		extentToItaly.getElement().appendChild(italyImg.getElement());
		extentToItaly.setWidth("140px");

		Image worldImg = new Image(GNAImages.ICONS.worldIcon());
		worldImg.getElement().getStyle().setPaddingLeft(20, Unit.PX);
		extentToEarth.getElement().appendChild(worldImg.getElement());
		extentToEarth.setWidth("140px");

		linkMap.setCustomIconStyle(GNAIcons.CustomIconType.MAP.get());
		linkPresetLocation.setCustomIconStyle(GNAIcons.CustomIconType.PRESET_LOCATION.get());
		linkLayers.setCustomIconStyle(GNAIcons.CustomIconType.LAYERS.get());

		openCollectionDropDown.setIcon(IconType.COMPASS);

		SearchingFilter initialSortFilter = new SearchingFilter();
		initialSortFilter.setOrder(ORDER.ASC);

		for (final ItemFieldsResponse ifResponse : itemFieldsReponse) {

			List<ItemFieldDV> result = ifResponse.getListItemFields();
			List<ItemFieldDV> displayFields = new ArrayList<ItemFieldDV>();
			List<ItemFieldDV> searchByFields = new ArrayList<ItemFieldDV>();
			List<ItemFieldDV> sortByFields = new ArrayList<ItemFieldDV>();
			for (ItemFieldDV itemField : result) {
				if (itemField.isDisplayAsResult()) {
					displayFields.add(itemField);
				}

				if (itemField.isSearchable()) {
					searchByFields.add(itemField);
				}

				if (itemField.isSortable()) {
					sortByFields.add(itemField);
				}
			}

			final UseCaseDescriptorDV ucd = ifResponse.getUseCaseDescriptorDV();
			NavLink navLink = new NavLink(ifResponse.getUseCaseDescriptorDV().getName());
			// navLink.setText(ucd.getName());
			navLink.addClickHandler(new ClickHandler() {

				private SearchFacilityUI currentSearchFacility;

				@Override
				public void onClick(ClickEvent event) {
					if (this.currentSearchFacility != null)
						this.currentSearchFacility.resetCurrentSearch();

					searchFacilityPanel.clear();
					this.currentSearchFacility = new SearchFacilityUI(ucd.getProfileID(), applicationBus, displayFields,
							sortByFields, searchByFields, initialSortFilter);
					searchFacilityPanel.add(currentSearchFacility);
					currentSearchFacility.setSearchButton(searchFacilityButton);
				}
			});

			GWT.log("Added navLink for: " + ucd.getName());
			navListSearch.add(navLink);

		}

		searchFacilityButton.setIcon(IconType.SEARCH);

		if (itemFieldsReponse.size() == 0) {
			searchFacilityPanel.setVisible(false);
			searchFacilityButton.setVisible(false);
		}

		Scheduler.get().scheduleDeferred(new ScheduledCommand() {

			@Override
			public void execute() {
				searchFacilityPanel.getElement().getParentElement().getStyle().setOpacity(0.9);

			}

		});

		// layersDDB.setToggle(true);
		bindEvents();

	}

	/**
	 * Bind events.
	 */
	private void bindEvents() {

		linkLayers.addClickHandler(new ClickHandler() {

			@Override
			public void onClick(ClickEvent event) {

				GWT.log("layersDDB clicked");

				if (overlayLayersPanel.isVisible()) {
					overlayLayersPanel.setVisible(false);
				} else {
					overlayLayersPanel.setVisible(true);
				}
			}
		});

		searchFacilityButton.addDomHandler(new ClickHandler() {

			@Override
			public void onClick(ClickEvent event) {
				// event.preventDefault();
				event.stopPropagation();

			}
		}, ClickEvent.getType());

	}

	/**
	 * Sets the panels height.
	 *
	 * @param height the new panels height
	 */
	public void setPanelsHeight(int height) {
		String toH = height + "px";
		mapPanel.setMapHeight(height);
		detailsPanel.setHeight(toH);

		setOverlayPanelMaxHeight();

	}

	/**
	 * Sets the overlay panel max height.
	 */
	private void setOverlayPanelMaxHeight() {

		String overlMH = mapPanel.getOffsetHeight() - 130 + "px";
		GWT.log("overlayLayersPanel maxHeight: " + overlMH);
		overlayLayersPanel.getElement().getStyle().setProperty("maxHeight", overlMH);
	}

	/**
	 * Gets the map panel.
	 *
	 * @return the map panel
	 */
	public MapPanel getMapPanel() {
		return mapPanel;
	}

	/**
	 * Sets the map.
	 *
	 * @param map the new map
	 */
	public void setMap(OpenLayerMap map) {
		this.map = map;
	}

	/**
	 * Bind handlers.
	 */
	public void bindHandlers() {

		dataPointSelection.addClickHandler(new ClickHandler() {

			@Override
			public void onClick(ClickEvent event) {
				map.removeQueryInteractions();
				GWT.log("dataPointSelection.isActive() " + dataPointSelection.isActive());
				if (!dataPointSelection.isActive()) {
					map.addPointVectorSource();
				}
				removeQuery.setVisible(true);
			}
		});

		dataBoxSelection.addClickHandler(new ClickHandler() {

			@Override
			public void onClick(ClickEvent event) {
				map.removeQueryInteractions();
				GWT.log("dataBoxSelection.isActive() " + dataBoxSelection.isActive());
				if (!dataBoxSelection.isActive()) {
					map.addExtentInteraction();
				}
				removeQuery.setVisible(true);
			}
		});

		removeQuery.addClickHandler(new ClickHandler() {

			@Override
			public void onClick(ClickEvent event) {
				map.removeQueryInteractions();
				removeQuery.setVisible(false);
			}
		});

		extentToItaly.addClickHandler(new ClickHandler() {

			@Override
			public void onClick(ClickEvent event) {
				Location italyLocation = ExtentMapUtil.getLocation(ExtentMapUtil.PLACE.ITALY);
				applicationBus.fireEvent(new MapExtentToEvent(italyLocation));
				map.setCenter(italyLocation.getCoordinate(MAP_PROJECTION.EPSG_3857));
				map.setZoom(italyLocation.getZoomLevel());

			}
		});

		extentToEarth.addClickHandler(new ClickHandler() {

			@Override
			public void onClick(ClickEvent event) {
				Location earthLocation = ExtentMapUtil.getLocation(ExtentMapUtil.PLACE.WORLD);
				applicationBus.fireEvent(new MapExtentToEvent(earthLocation));
				map.setCenter(earthLocation.getCoordinate(MAP_PROJECTION.EPSG_3857));
				map.setZoom(earthLocation.getZoomLevel());

			}
		});

	}

	/**
	 * Show as details.
	 *
	 * @param result       the result
	 * @param geonaItemRef the geona item ref
	 */
	public void showAsDetails(ProjectView result, GeoportalItemReferences geonaItemRef) {
		detailsPanel.showDetailsFor(result, geonaItemRef);

	}

	/**
	 * Hide panel details.
	 */
	public void hidePanelDetails() {
		detailsPanel.hidePanelDetails();

	}

	/**
	 * Gets the displayed record.
	 *
	 * @return the displayed record
	 */
	public ProjectView getDisplayedProject() {
		return detailsPanel.getDisplayedProject();
	}

	/**
	 * Gets the layers DDB.
	 *
	 * @return the layers DDB
	 */
	public Button getLayersDDB() {
		return linkLayers;
	}

	/**
	 * Show overlay layers.
	 *
	 * @param panel the panel
	 */
	public void showOverlayLayers(FlowPanel panel) {
		GWT.log("showOverlayLayers");
		// layersDDB.setVisible(true);
		overlayLayersPanel.setVisible(true);
		overlayLayersPanel.clear();

		setOverlayPanelMaxHeight();
		overlayLayersPanel.add(panel);
		// layersDDBClickEvent();
	}

	/**
	 * Layers DDB click event.
	 */
	private void layersDDBClickEvent() {
		linkLayers.fireEvent(new GwtEvent<ClickHandler>() {
			@Override
			public com.google.gwt.event.shared.GwtEvent.Type<ClickHandler> getAssociatedType() {
				return ClickEvent.getType();
			}

			@Override
			protected void dispatch(ClickHandler handler) {
				handler.onClick(null);
			}
		});
	}

	/**
	 * Hide overlay layers.
	 */
	public void hideOverlayLayers() {
		GWT.log("hideOverlayLayers");
		overlayLayersPanel.clear();
		// layersDDB.setVisible(false);
		overlayLayersPanel.setVisible(false);
		// layersDDBClickEvent();
	}

	/**
	 * Sets the map attribution.
	 *
	 * @param attribution the new map attribution
	 */
	public void setMapAttribution(String attribution) {
		panelAttribution.clear();
		Label label = new Label("Base Map Credits");
		Paragraph p = new Paragraph(attribution);
		panelAttribution.add(label);
		panelAttribution.add(p);
	}

	/**
	 * Sets the base layers.
	 *
	 * @param listBaseLayers the new base layers
	 */

	public void setAvailableCollections(Collection<GCubeCollection> collection) {
		GWT.log("Init Available collections menu");
		if (collection == null || collection.isEmpty())
			GWT.log("!!! No Available collections");

		for (GCubeCollection coll : collection) {
			GWT.log("Found available collection " + coll);
			String label = coll.getUcd().getName();
			String id = coll.getUcd().getId();

			CheckBox checkbox = new CheckBox(label);
			checkbox.setId("gcubeCollectionSelector_" + id);

			checkbox.addValueChangeHandler(new ValueChangeHandler<Boolean>() {

				@Override
				public void onValueChange(ValueChangeEvent<Boolean> event) {
					GWT.log("Collection selector flag changed to value : " + event.toDebugString());

					String collectionID = ((CheckBox) event.getSource()).getId().replace("gcubeCollectionSelector_",
							"");

					GWT.log("Collection ID is : " + collectionID + ", event value: " + event.getValue());
					if (event.getValue()) {
						// OPEN COLLECTION
						applicationBus.fireEvent(new OpenCollectionEvent(collectionID));
					} else {
						// CLOSE COLLECTION
						applicationBus.fireEvent(new CloseCollectionEvent(collectionID));
					}
				}
			});

			openCollectionPanel.add(checkbox);
		}

		// Open the first collection as default
		if (collection != null && collection.size() > 0) {
			CheckBox checkbox = (CheckBox) openCollectionPanel.getWidget(0);
			checkbox.setValue(true, true);
			String collectionID = checkbox.getId().replace("gcubeCollectionSelector_", "");
			applicationBus.fireEvent(new OpenCollectionEvent(collectionID));
		}

	}

	public void openCollectionMenu() {

		GWT.log("openCollectionMenu");
		GeoportalDataViewerConstants.clickElement(openCollectionDropDown.getElement().getFirstChildElement());
	}

	public void setBaseLayers(List<BaseMapLayer> listBaseLayers) {

		if (listBaseLayers == null)
			return;

		int i = 0;

		for (BaseMapLayer baseMapLayer : listBaseLayers) {

			RadioButton radio = new RadioButton("base-layer");
			radio.setText(baseMapLayer.getName());
			if (i == 0) {
				radio.setValue(true, false);
			}

			radio.addValueChangeHandler(new ValueChangeHandler<Boolean>() {

				@Override
				public void onValueChange(ValueChangeEvent<Boolean> event) {
					applicationBus.fireEvent(new ChangeMapLayerEvent(baseMapLayer));

				}
			});

			SimplePanel sp = new SimplePanel(radio);
			sp.getElement().addClassName("form-inline");
			sp.getElement().addClassName("map-layers-radio");
			panelBaseLayers.add(sp);
			i++;
		}

	}

}