import { algoliasearch } from "algoliasearch";
const ALGOLIA_KEY = "9fb3db0222f7b5aef0e2b30791ee6201";
const INDEX_NAME = "pubfinder";
const client = algoliasearch("YSWWVAX5RB", ALGOLIA_KEY);

const algolia_params = {
  hitsPerPage: 1000,
};

const dataController = (function () {
  const londonBounds = {
    north: 51.532,
    south: 51.478,
    east: -0.072,
    west: -0.16,
  };

  const maxMapSpace = {
    north: 51.74,
    south: 51.27,
    west: -0.51,
    east: 0.23,
  };

  const centralPosition = { lat: 51.508616, lng: -0.125319 };

  return {
    londonBounds,
    centralPosition,
    maxMapSpace,
    getSearchResults: async function () {
      const res = await client.searchSingleIndex({
        indexName: INDEX_NAME,
        searchParams: {
          ...algolia_params,
          insideBoundingBox: [londonBounds],
          attributesToRetrieve: ["_geoloc", "name"],
        },
      });
    },
  };
})();

const interfaceController = (function () {
  let markers = [];
  let map;
  return {
    generateMap: async function (bounds, position, maxSpace) {
      const { Map, Polygon, Rectangle, InfoWindow } =
        await google.maps.importLibrary("maps");
      const { AdvancedMarkerElement } = await google.maps.importLibrary(
        "marker"
      );
      map = new Map(document.getElementById("map"), {
        zoom: 4,
        center: position,
        mapId: "pub_map",
        restriction: {
          latLngBounds: maxSpace,
          strictBounds: true,
        },
      });

      const rectangle = new Rectangle({
        bounds: bounds,
        editable: true,
        draggable: true,
      });

      rectangle.setMap(map);
    },
  };
})();

const controller = (function (dataCTRL, uiCTRL) {
  const initialSetup = function () {
    const londonBounds = dataCTRL.londonBounds;
    const centralPoint = dataCTRL.centralPosition;
    const mapBounds = dataCTRL.maxMapSpace;
    uiCTRL.generateMap(londonBounds, centralPoint, mapBounds);
    dataCTRL.getSearchResults();
  };

  return {
    init: function () {
      initialSetup();
    },
  };
})(dataController, interfaceController);

controller.init();