import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
import { RootState } from './store';

export interface LoginRequest {
  firstName: string;
  lastName: string;
}

export interface LoginResponse {
  guest: Guest;
  token: string;
}

export interface Guest {
  id: number;
  firstName: string;
  lastName: string;
  attendance: string;
  email: string;
  message: string;
}

export const apiSlice = createApi({
  reducerPath: 'api',
  baseQuery: fetchBaseQuery({
    baseUrl: '/',
    prepareHeaders: (headers, { getState }) => {
      const token = (getState() as RootState).auth.token;
      if (token) {
        headers.set('authorization', `Bearer ${token}`);
      }
      return headers;
    },
  }),
  tagTypes: ['Guests'],
  endpoints: (builder) => ({
    getGuests: builder.query<void, void>({
      query: () => '/guests',
      providesTags: ['Guests'],
    }),
    updateGuest: builder.mutation<Guest, Guest>({
      query: (guest) => ({
        url: `/guests/${guest?.id}`,
        method: 'PATCH',
        body: guest,
        providesTags: ['Guests'],
      }),
    }),
    login: builder.mutation<LoginResponse, LoginRequest>({
      query: (credentials) => ({
        url: '/guest-login',
        method: 'POST',
        body: credentials,
      }),
    }),
  }),
});

export const { useGetGuestsQuery, useUpdateGuestMutation, useLoginMutation } =
  apiSlice;