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

export const fetchTaxwireList = createAsyncThunk(
  "TaxwireListSlice/fetchTaxwireList",
  async () => {
 const query = {
  populate: { Image: { populate: "*" } },
  pagination: { page: 1, pageSize: 1000 },
  sort: ["createdAt:desc"], 
};

    
    const queryString = qs.stringify(query, {
      encodeValuesOnly: true,
    });
    const endpoint = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/taxwires?${queryString}`;
    const response = await axios.get(endpoint);
    const data = response.data.data;
    return data;
  }
);

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