import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
import axios from "axios";
import qs from "qs";

export const fetchJobOpening = createAsyncThunk(
    "JobOpeningSlice/fetchJobOpening",
    async () => {
        const query = {
            populate: [
                "seo.metaImage",
                "seo.schema",
            ],
            sort: ["Date:desc"],
        };
        const queryString = qs.stringify(query, {
            encodeValuesOnly: true,
        });
        const endpoint = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/job-openings?${queryString}`;
        const response = await axios.get(endpoint);
        return response.data.data;
    }
);

const JobOpeningSlice = createSlice({
    name: "job Opening",
    initialState: {
        status: "idle",
        data: [],
        error: null,
    },
    reducers: {},
    extraReducers: (builder) => {
        builder
            .addCase(fetchJobOpening.pending, (state) => {
                state.status = "loading";
            })
            .addCase(fetchJobOpening.fulfilled, (state, action) => {
                state.status = "succeeded";
                state.data = action.payload;
            })
            .addCase(fetchJobOpening.rejected, (state, action) => {
                state.status = "failed";
                state.error = action.error.message;
            });
    },
});
export default JobOpeningSlice.reducer;