import { createContext, useContext, useEffect, useState, type ReactNode } from 'react';
import type { Session } from '@supabase/supabase-js';
import type { Perfil } from '@gustito/shared';
import { recibirSesionDeUrl } from '@gustito/shared';
import { supabase } from './supabase';

interface AuthState {
  session: Session | null;
  perfil: Perfil | null;
  cargando: boolean;
  salir: () => Promise<void>;
}

const Ctx = createContext<AuthState>({
  session: null,
  perfil: null,
  cargando: true,
  salir: async () => {},
});

export function AuthProvider({ children }: { children: ReactNode }) {
  const [session, setSession] = useState<Session | null>(null);
  const [perfil, setPerfil] = useState<Perfil | null>(null);
  const [cargando, setCargando] = useState(true);

  async function cargarPerfil(userId: string) {
    const { data } = await supabase.from('perfiles').select('*').eq('id', userId).maybeSingle();
    setPerfil((data as unknown as Perfil) ?? null);
  }

  useEffect(() => {
    (async () => {
      // Si llegamos desde la app unica con la sesion en la URL, cargarla primero.
      await recibirSesionDeUrl(supabase);
      const { data } = await supabase.auth.getSession();
      setSession(data.session);
      if (data.session) await cargarPerfil(data.session.user.id);
      setCargando(false);
    })();
    const { data: sub } = supabase.auth.onAuthStateChange(async (_e, s) => {
      setSession(s);
      if (s) await cargarPerfil(s.user.id);
      else setPerfil(null);
    });
    return () => sub.subscription.unsubscribe();
  }, []);

  async function salir() {
    await supabase.auth.signOut();
    setPerfil(null);
  }

  return <Ctx.Provider value={{ session, perfil, cargando, salir }}>{children}</Ctx.Provider>;
}

export function useAuth() {
  return useContext(Ctx);
}
