import React, { useState, useReducer } from "react";
import { useStrapi } from "strapi-react-context";

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

const steps = [Step1, Step2];

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

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

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

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

export default CreateEvent;