import { HTTP } from "../application/lib/http";
import { prepareProfile } from "../application/lib/geo";

const DEMOLEVEL = 149.345;

const FairwayProfile = {
  namespaced: true,
  state: {
    availableSurveys: null,
    totalLength: 0,
    minAlt: 0,
    maxAlt: 0,
    currentProfile: [],
    waterLevels: [{ year: "2016", level: DEMOLEVEL, color: "#005DFF" }],
    selectedWaterLevel: DEMOLEVEL,
    fairwayCoordinates: [],
    startPoint: null,
    endPoint: null
  },
  getters: {
    length: state => {
      return state.totalLength;
    }
  },
  mutations: {
    setAvailableSurveys: (state, surveys) => {
      state.availableSurveys = surveys;
    },
    setSelectedWaterLevel: (state, level) => {
      state.selectedWaterLevel = level;
    },
    profileLoaded: (state, response) => {
      const { data } = response;
      const coordinates = data.geometry.coordinates;
      if (!coordinates) return;
      const startPoint = state.startPoint;
      const endPoint = state.endPoint;
      const geoJSON = data;
      const result = prepareProfile({ geoJSON, startPoint, endPoint });
      state.currentProfile = result.points;
      state.minAlt = result.minAlt;
      state.maxAlt = result.maxAlt;
      state.totalLength = result.lengthPolyLine;
    },
    setStartPoint: (state, start) => {
      state.startPoint = start;
    },
    setEndPoint: (state, end) => {
      state.endPoint = end;
    },
    setFairwayCoordinates: (state, coordinates) => {
      state.fairwayCoordinates = coordinates;
    }
  },

  actions: {
    loadProfile({ commit }, geoJSON) {
      return new Promise((resolve, reject) => {
        HTTP.post("/cross", geoJSON, {
          headers: { "X-Gemma-Auth": localStorage.getItem("token") }
        })
          .then(response => {
            commit("profileLoaded", response);
            resolve(response);
          })
          .catch(error => {
            reject(error);
          });
      });
    }
  }
};

export default FairwayProfile;