import React, { createContext, useContext, useEffect, useState } from 'react';
import { User } from '@supabase/supabase-js';
import { supabase } from '../lib/supabase';

interface AuthContextType {
  user: User | null;
  loading: boolean;
  signIn: (email: string, password: string) => Promise<void>;
  signUp: (email: string, password: string) => Promise<void>;
  signOut: () => Promise<void>;
}

const AuthContext = createContext<AuthContextType | undefined>(undefined);

export function AuthProvider({ children }: { children: React.ReactNode }) {
  const [user, setUser] = useState<User | null>(null);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    // Check active sessions and sets the user
    supabase.auth.getSession().then(({ data: { session } }) => {
      setUser(session?.user ?? null);
      setLoading(false);
    });

    // Listen for changes on auth state
    const { data: { subscription } } = supabase.auth.onAuthStateChange((_event, session) => {
      setUser(session?.user ?? null);
      setLoading(false);

      // If this is a new sign up, create a profile using setTimeout to avoid deadlock
      if (_event === 'SIGNED_IN' && session) {
        setTimeout(async () => {
          const { error } = await supabase
            .from('profiles')
            .upsert(
              { 
                id: session.user.id,
                theme_color: 'blue' // Default theme color
              },
              { onConflict: 'id' }
            );
          
          if (error) {
            console.error('Error creating profile:', error);
          }
        }, 0);
      }
    });

    return () => subscription.unsubscribe();
  }, []);

  const signUp = async (email: string, password: string) => {
    const { error, data } = await supabase.auth.signUp({
      email,
      password,
    });
    
    if (error) throw error;

    // Create a profile for the new user using setTimeout to avoid deadlock
    if (data.user) {
      setTimeout(async () => {
        const { error: profileError } = await supabase
          .from('profiles')
          .insert({
            id: data.user!.id,
            theme_color: 'blue' // Default theme color
          });

        if (profileError) {
          console.error('Error creating profile:', profileError);
          // Optionally handle the error (e.g., delete the auth user)
          throw profileError;
        }
      }, 0);
    }
  };

  const signIn = async (email: string, password: string) => {
    const { error } = await supabase.auth.signInWithPassword({
      email,
      password,
    });
    if (error) throw error;
  };

  const signOut = async () => {
    const { error } = await supabase.auth.signOut();
    if (error) throw error;
  };

  return (
    <AuthContext.Provider value={{ user, loading, signIn, signUp, signOut }}>
      {children}
    </AuthContext.Provider>
  );
}

export function useAuth() {
  const context = useContext(AuthContext);
  if (context === undefined) {
    throw new Error('useAuth must be used within an AuthProvider');
  }
  return context;
}