/**
 * Footer API Functions
 * Fetch footer data from external API
 */

const getApiUrl = (): string => {
    return process.env.NEXT_PUBLIC_API_URL || "http://localhost:3001";
};

export interface FooterData {
    top: {
        bgImage: string;
        phone: {
            display: string;
            href: string;
        };
        address: string;
        logo: {
            src: string;
            alt: string;
            href: string;
        };
        menuLinks: Array<{
            label: string;
            href: string;
        }>;
        socialLinks: Array<{
            icon: string;
            href: string;
        }>;
    };
    bottom: {
        copyright: {
            text: string;
            brand: string;
            rights: string;
        };
        menuLinks: Array<{
            label: string;
            href: string;
        }>;
    };
}

export const footerApi = {
    // Get footer data
    getFooter: async (): Promise<FooterData> => {
        try {
            const apiUrl = getApiUrl();
            const response = await fetch(`${apiUrl}/api/footer`);
            if (!response.ok) {
                throw new Error(`HTTP error! status: ${response.status}`);
            }
            return await response.json();
        } catch (error) {
            console.error("Error fetching footer data:", error);
            // Fallback to static data if API fails
            const fallbackData = await import("../app/components/layout/Footer/footer.json");
            return fallbackData.default as FooterData;
        }
    },
};