import { auth } from '../../../../auth';
import { redirect } from 'next/navigation';
import Navigation from '../../../Navigation';
import { getAuthHeaders } from '../../../../lib/auth-headers';
import PendingProductsClient from './PendingProductsClient';

const API_BASE = process.env.NEXT_PUBLIC_API_URL_INTERNAL ?? 'http://recipe-api:8080';

export default async function PendingProductsPage() {
  const session = await auth();
  if (!session || (session.user as any)?.role !== 'admin') redirect('/');

  const headers = await getAuthHeaders();
  const res = await fetch(`${API_BASE}/api/products/pending`, { headers, cache: 'no-store' });
  const products = res.ok ? await res.json() : [];

  return (
    <main style={{ padding: '1rem', maxWidth: '1100px', margin: '0 auto' }}>
      <Navigation />
      <h1 style={{ marginBottom: '0.5rem' }}>Väntande produktförslag</h1>
      <p style={{ color: '#64748b', marginBottom: '1.5rem' }}>
        Produkter som användare har föreslagit. Godkänn för att göra dem tillgängliga i katalogen, eller avvisa för att ta bort dem.
      </p>
      <PendingProductsClient products={products} />
    </main>
  );
}
