AuthProvider.js

import React, { createContext, useState, useEffect } from "react";

// Create AuthContext
export const AuthContext = createContext();

const AuthProvider = ({ children }) => {
  const [user, setUser] = useState(null);

  // ✅ Load user from localStorage when app starts
  useEffect(() => {
    const storedUser = localStorage.getItem("user");
    if (storedUser) {
      setUser(JSON.parse(storedUser));
    }
  }, []);

  // ✅ Login function (Validates email & password)
  const login = (email, password) => {
    // Hardcoded user for testing (replace with API later)
    const validUser = {
      email: "test@example.com",
      password: "password123",
      name: "John Doe",
    };

    if (email === validUser.email && password === validUser.password) {
      setUser(validUser);
      localStorage.setItem("user", JSON.stringify(validUser)); // ✅ Store in localStorage
    } else {
      alert("Invalid email or password!");
    }
  };

  // ✅ Logout function (removes user from localStorage)
  const logout = () => {
    setUser(null);
    localStorage.removeItem("user");
  };

  return (
    <AuthContext.Provider value={{ user, login, logout }}>
      {children}
    </AuthContext.Provider>
  );
};

export default AuthProvider;