import stories from "@/app/components/home/stories";
import { NextResponse } from "next/server";
import { NextRequest } from "next/server";

const API_BASE_URL = process.env.API_BASE_URL;

export async function GET(request: NextRequest) {
  const { searchParams } = new URL(request.url);
  const search = searchParams.get("search");
  const tag = searchParams.get("tag");
  const fabricFamily = searchParams.get("fabric_family");

  // Build query string for backend API
  const params = new URLSearchParams();
  if (search) params.append("search", search);
  if (tag) params.append("tag", tag);
  if (fabricFamily) params.append("fabric_family", fabricFamily);

  const queryString = params.toString();
  const url = `${API_BASE_URL}/stories${queryString ? `?${queryString}` : ""}`;
  
  console.log('Fetching stories from:', url);

  try {
    const controller = new AbortController();
    const timeoutId = setTimeout(() => controller.abort(), 15000); // 15 second timeout

    const response = await fetch(url, {
      method: "GET",
      headers: {
        "Content-Type": "application/json",
        "Accept": "application/json",
      },
      next: { revalidate: 0 }, // Disable caching
      signal: controller.signal,
    });

    clearTimeout(timeoutId);

    if (!response.ok) {
      return NextResponse.json(
        { success: false, message: "Failed to fetch stories" },
        { status: response.status }
      );
    }

    const data = await response.json();

    console.log('Stories API response:', data);
    return NextResponse.json(data);
  } catch (error: any) {
    console.error("Error in stories API:", error);
    return NextResponse.json(
      { success: false, message: error.message || "Internal server error" },
      { status: 500 }
    );
  }
}