import { create } from 'zustand';
import {
  TempoProps,
  TempoPropsKontakPerson,
  TempoPropsPengiriman,
  TempoPropsSupplier,
} from '~/types/tempo';
import {
  TempoSchema,
  TempoSchemaKontakPerson,
  TempoSchemaPengiriman,
  TempoSchemaSupplier,
} from '~/validations/tempo';
import { boolean, ZodError } from 'zod';

type State = {
  form: TempoProps;
  errors: {
    [key in keyof TempoProps]?: string;
  };
  isCheckedTNC: boolean;
  isOpenTNC: boolean;
  isValidCaptcha: boolean;
};

type Action = {
  updateForm: (name: string, value: string) => void;
  updateValidCaptcha: (value: boolean) => void;
  toggleCheckTNC: () => void;
  openTNC: () => void;
  closeTNC: () => void;
  validate: () => void;
  resetForm: () => void;
};

export const usePengajuanTempoStore = create<State & Action>((set, get) => ({
  form: {
    name: '',
    industry_id: '',
    street: '',
    state: '',
    city: '',
    zip: '',
    mobile: '',
    bankName: '',
    accountName: '',
    accountNumber: '',
    estimasi: '',
    tempoDuration: '',
    bersedia: '',
    categoryProduk: '',
    tempoLimit: '',
  },
  updateForm: (name, value) =>
    set((state) => ({ form: { ...state.form, [name]: value } })),

  errors: {},
  validate: () => {
    try {
      TempoSchema.parse(get().form);
      set({ errors: {} });
    } catch (error) {
      if (error instanceof ZodError) {
        const errors: State['errors'] = {};
        error.errors.forEach(
          (e) => (errors[e.path[0] as keyof TempoProps] = e.message)
        );
        set({ errors });
      }
    }
  },

  isCheckedTNC: false,
  toggleCheckTNC: () => set((state) => ({ isCheckedTNC: !state.isCheckedTNC })),

  isOpenTNC: false,
  openTNC: () => set(() => ({ isOpenTNC: true })),
  closeTNC: () => set(() => ({ isOpenTNC: false })),

  isValidCaptcha: false,
  updateValidCaptcha: (value) => set(() => ({ isValidCaptcha: value })),

  resetForm: () =>
    set({
      form: {
        name: '',
        industry_id: '',
        street: '',
        state: '',
        city: '',
        zip: '',
        mobile: '',
        bankName: '',
        accountName: '',
        accountNumber: '',
        estimasi: '',
        tempoDuration: '',
        bersedia: '',
        categoryProduk: '',
        tempoLimit: '',
      },
    }),
}));

type StateKontakPerson = {
  formKontakPerson: TempoPropsKontakPerson;
  errorsKontakPerson: {
    [key in keyof TempoPropsKontakPerson]?: string;
  };
};
type ActionKontakPerson = {
  updateFormKontakPerson: (name: string, value: string) => void;

  validateKontakPerson: () => void;
  resetFormKontakPerson: () => void;
};
export const usePengajuanTempoStoreKontakPerson = create<
  StateKontakPerson & ActionKontakPerson
>((set, get) => ({
  formKontakPerson: {
    direkturName: '',
    direkturMobile: '',
    direkturEmail: '',
    purchasingName: '',
    purchasingEmail: '',
    financeMobile: '',
    financeName: '',
    financeEmail: '',
    purchasingMobile: '',
  },
  updateFormKontakPerson: (name, value) =>
    set((state) => ({
      formKontakPerson: { ...state.formKontakPerson, [name]: value },
    })),

  errorsKontakPerson: {},
  validateKontakPerson: () => {
    try {
      TempoSchemaKontakPerson.parse(get().formKontakPerson);
      set({ errorsKontakPerson: {} });
    } catch (error) {
      if (error instanceof ZodError) {
        const errorsKontakPerson: StateKontakPerson['errorsKontakPerson'] = {};
        error.errors.forEach(
          (e) =>
            (errorsKontakPerson[e.path[0] as keyof TempoPropsKontakPerson] =
              e.message)
        );
        set({ errorsKontakPerson });
      }
    }
  },

  resetFormKontakPerson: () =>
    set({
      formKontakPerson: {
        direkturName: '',
        direkturMobile: '',
        direkturEmail: '',
        purchasingName: '',
        purchasingEmail: '',
        financeName: '',
        financeMobile: '',
        financeEmail: '',
        purchasingMobile: '',
      },
    }),
}));

type StatePengiriman = {
  formPengiriman: TempoPropsPengiriman;
  errorsPengiriman: {
    [key in keyof TempoPropsPengiriman]?: string;
  };
};
type ActionPengiriman = {
  updateFormPengiriman: (name: string, value: string) => void;

  validatePengiriman: () => void;
  resetFormPengiriman: () => void;
};
export const usePengajuanTempoStorePengiriman = create<
  StatePengiriman & ActionPengiriman
>((set, get) => ({
  formPengiriman: {
    PICName: '',
    streetPengiriman: '',
    statePengiriman: '',
    cityPengiriman: '',
    zip: '',
    invoicePic: '',
    streetInvoice: '',
    stateInvoice: '',
    cityInvoice: '',
    everyWeekday: false,
    everyWeekdayInput: '',
    everyWeek: false,
    everyWeekInput: '',
    tukarInvoice: false,
    tukarInvoiceInput: '',
    everyWeekdayPembayaran: false,
    everyWeekdayInputPembayaran: '',
    everyWeekPembayaran: false,
    everyWeekInputPembayaran: '',
    tukarInvoicePembayaran: false,
    tukarInvoiceInputPembayaran: '',
    dokumenPengiriman: '',
    dokumenPengirimanInput: '',
    dokumenPengirimanInvoice: '',
  },
  updateFormPengiriman: (name, value) =>
    set((state) => ({
      formPengiriman: { ...state.formPengiriman, [name]: value },
    })),

  errorsPengiriman: {},
  validatePengiriman: () => {
    try {
      TempoSchemaPengiriman.parse(get().formPengiriman);
      set({ errorsPengiriman: {} });
    } catch (error) {
      if (error instanceof ZodError) {
        const errorsPengiriman: StatePengiriman['errorsPengiriman'] = {};
        error.errors.forEach(
          (e) =>
            (errorsPengiriman[e.path[0] as keyof TempoPropsPengiriman] =
              e.message)
        );
        set({ errorsPengiriman });
      }
    }
  },

  resetFormPengiriman: () =>
    set({
      formPengiriman: {
        PICName: '',
        streetPengiriman: '',
        statePengiriman: '',
        cityPengiriman: '',
        zip: '',
        invoicePic: '',
        streetInvoice: '',
        stateInvoice: '',
        cityInvoice: '',
        everyWeekday: false,
        everyWeekdayInput: '',
        everyWeek: false,
        everyWeekInput: '',
        tukarInvoice: false,
        tukarInvoiceInput: '',
        everyWeekdayPembayaran: false,
        everyWeekdayInputPembayaran: '',
        everyWeekPembayaran: false,
        everyWeekInputPembayaran: '',
        tukarInvoicePembayaran: false,
        tukarInvoiceInputPembayaran: '',
        dokumenPengiriman: '',
        dokumenPengirimanInput: '',
        dokumenPengirimanInvoice: '',
        dokumenPengirimanInvoiceInput: '',
      },
    }),
}));

type StateSupplier = {
  formSupplier: TempoPropsSupplier[];
  errorsSupplier: {
    [key in keyof TempoPropsSupplier]?: string;
  };
};
type ActionSupplier = {
  updateFormSupplier: (data: TempoPropsSupplier[]) => void;

  validateSupplier: () => void;
};
export const usePengajuanTempoStoreSupplier = create<
  StateSupplier & ActionSupplier
>((set, get) => ({
  formSupplier: [],
  updateFormSupplier: (data) => {
    set(() => ({
      formSupplier: data, // Menyimpan data baru ke dalam formSupplier
    }));
  },

  errorsSupplier: {},
  validateSupplier: () => {
    // try {
    //   TempoSchemaSupplier.parse(get().formSupplier);
    //   set({ errorsSupplier: {} });
    // } catch (error) {
    //   if (error instanceof ZodError) {
    //     const errorsSupplier: StateSupplier['errorsSupplier'] = {};
    //     error.errors.forEach(
    //       (e) =>
    //         (errorsSupplier[e.path[0] as keyof TempoPropsSupplier] = e.message)
    //     );
    //     set({ errorsSupplier });
    //   }
    // }
  },
}));