import {defineStore} from 'pinia'
import {apolloClient} from "src/graphql/apollo"
import {FLIGHTS_LIST} from "src/graphql/queries/flights";

export const useFlightsStore = defineStore('Flights', {
  state: () => ({
    items: []
  }),

  getters: {
    getDetail: (state) => (flightId) => {
      console.log(state.items);
      return state.items.find(f => f.id === flightId);
    },
  },

  actions: {
    create(formData) {
      this.items.push(formData);
    },
    fetchDetail(id) {
      this.items.push({id: id, takeOffLocation: "LKLT", landingLocation: "LKLT", date: "2023-02-01", aircraft: {id: 1, name: "OK-AUR28"}, flightDurationMinutes: 76})
    },
    fetch() {
      apolloClient
        .query({

          query: FLIGHTS_LIST,

        })

        .then((result) => console.log(result));
      // if (this.items.length > 0) return;
      //
      // this.$patch({
      //   items: [
      //     {id: 1, takeOffLocation: "LKLT", titlePhotoUrl: null, landingLocation: "LKLC", date: "2023-03-03", aircraft: {id: 1, name: "OK-AUR28"}, flightDurationMinutes: 63},
      //     {id: 2, takeOffLocation: "LKLT", titlePhotoUrl: "https://cdn.quasar.dev/img/mountains.jpg", landingLocation: "LKLT", date: "2023-02-01", aircraft: {id: 1, name: "OK-AUR28"}, flightDurationMinutes: 76},
      //     {id: 3, takeOffLocation: "LKLT", titlePhotoUrl: null, landingLocation: "LKLC", date: "2023-04-03", aircraft: {id: 1, name: "OK-AUR28"}, flightDurationMinutes: 53},
      //     {id: 4, takeOffLocation: "LKLT", titlePhotoUrl: null, landingLocation: "LKMB", date: "2023-03-04", aircraft: {id: 1, name: "OK-AUR28"}, flightDurationMinutes: 75},
      //     {id: 5, takeOffLocation: "LKLT", titlePhotoUrl: null, landingLocation: "LKMH", date: "2023-01-46", aircraft: {id: 1, name: "OK-AUR28"}, flightDurationMinutes: 23},
      //   ]
      // });
    },
    deleteItem(id) {
      const idx = this.items.indexOf(this.items.find(f => f.id === id));
      this.items.splice(idx, 1);
      console.log("maxu let ID " + id + " na indexu " + idx);
    }
  }
})