import { redirect } from "next/navigation";
import { and, eq } from "drizzle-orm";
import { db } from "@/db";
import { orders } from "@/db/schema";
export const metadata = { title: "Track Order" };
export default async function Track({ searchParams }: { searchParams: Promise<{ number?: string; phone?: string }> }) {
  const sp = await searchParams;
  let notFound = false;
  if (sp.number && sp.phone) {
    const [o] = await db.select().from(orders).where(and(eq(orders.number, sp.number.trim().toUpperCase()), eq(orders.phone, sp.phone.trim())));
    if (o) redirect(`/order/${o.number}`);
    notFound = true;
  }
  return (
    <div className="container-x py-16 max-w-lg">
      <h1 className="section-title text-center">Track Your Order</h1>
      <p className="text-center text-slate-500 mt-2 mb-8">Enter your order number and the phone number used at checkout.</p>
      <form className="card p-6 space-y-4">
        <input name="number" defaultValue={sp.number} placeholder="Order number e.g. MFP250101-ABCDE" required className="input" />
        <input name="phone" defaultValue={sp.phone} placeholder="Phone number" required className="input" />
        {notFound && <p className="text-sm text-red-600">No order matches those details.</p>}
        <button className="btn btn-green w-full">Track Order</button>
      </form>
    </div>
  );
}