import React, {useState, useReducer} from 'react';
import {useStrapi} from 'strapi-react-context';
import useProfile from '../../hooks/useProfile';

// Steps
import Step1 from './Step1';
import Step2 from './Step2';

const steps = [Step1, Step2];

const eventReducer = (state, item) => ({...state, ...item});

const CreateEvent = () => {
  const strapi = useStrapi();
  const [step, setStep] = useState(0);
  const [event, addToEvent] = useReducer(eventReducer, {});
  const Step = steps[step];
  const {connected, addEvent} = useProfile();

  const createEvent = async eventData => {
    try {
      const result = await strapi.services.events.create({
        ...event,
        ...eventData,
      });
      if (connected) addEvent(result);
      return result;
    } catch (err) {
      console.error(err);
      return false;
    }
  };

  return (
    <Step
      event={event}
      addToEvent={addToEvent}
      createEvent={createEvent}
      nextStep={() => setStep(step + 1)}
      previousStep={() => setStep(step - 1)}
      id="NewEvent"
    />
  );
};

export default CreateEvent;