import { prisma } from '@/lib/prisma';

export default async function AdminQuotesPage() {
  const quotes = await prisma.quoteRequest.findMany({ orderBy: { createdAt: 'desc' } });

  return (
    <div>
      <h1 className="font-display text-2xl font-semibold">Demandes de devis</h1>
      <div className="mt-6 space-y-3">
        {quotes.map((q) => (
          <div key={q.id} className="rounded-2xl bg-white p-5">
            <div className="flex items-center justify-between">
              <p className="font-semibold">{q.fullName}</p>
              <span className="rounded-full bg-graphite-900/5 px-2.5 py-1 text-xs">{q.status}</span>
            </div>
            <p className="text-sm text-graphite-900/60">
              {q.email} · {q.phone} {q.city ? `· ${q.city}` : ''}
            </p>
            {q.message && <p className="mt-2 text-sm">{q.message}</p>}
            {Array.isArray(q.items) && (q.items as any[]).length > 0 && (
              <ul className="mt-2 text-xs text-graphite-900/50">
                {(q.items as any[]).map((item, i) => (
                  <li key={i}>
                    {item.name} × {item.quantity} ({item.sku})
                  </li>
                ))}
              </ul>
            )}
            <p className="mt-2 text-xs text-graphite-900/40">
              {new Date(q.createdAt).toLocaleString('fr-TN')}
            </p>
          </div>
        ))}
        {quotes.length === 0 && <p className="text-graphite-900/50">Aucune demande pour le moment.</p>}
      </div>
    </div>
  );
}