import type { Metadata } from "next";
import Link from "next/link";
import { searchRoleUnits } from "@/lib/queries";
import { dbAvailable } from "@/lib/db";
import { fmtPrice, fmtInt } from "@/lib/format";
import { Notice } from "@/components/ui";
import { EstimateSearch } from "./estimate-search";
import { ManualEstimate } from "./manual-estimate";
export const dynamic = "force-dynamic";
export const metadata: Metadata = { title: "Estimer une propriété", description: "Estimation de la valeur d'une propriété au Québec à partir du rôle d'évaluation, d'un modèle hédonique et de ventes comparables ajustées, avec fourchette et niveau de confiance." };
export default async function Estimer({ searchParams }: { searchParams: Promise<{ q?: string }> }) {
  const { q } = await searchParams;
  const units = q && dbAvailable() ? searchRoleUnits(q, 12) : [];
  return (
    <div className="mx-auto max-w-5xl px-4 py-8">
      <h1 className="text-3xl md:text-4xl font-extrabold tracking-tight">Estimer une propriété</h1>
      <p className="mt-2 text-ink-2 max-w-2xl">Entrez une adresse : Toveli retrouve l'unité au rôle d'évaluation (3,7 M d'unités du Québec), puis combine un modèle hédonique et des ventes comparables ajustées. Résultat avec fourchette, confiance, méthode et limites.</p>
      <div className="mt-5"><EstimateSearch initial={q ?? ""} /></div>
      {q && (
        <section className="mt-6">
          <h2 className="font-bold text-lg mb-2">{units.length ? `${units.length} résultat${units.length > 1 ? "s" : ""} pour « ${q} »` : `Aucune unité trouvée pour « ${q} »`}</h2>
          <ul className="tv-card divide-y divide-line">
            {units.map((u) => (
              <li key={u.id}><Link href={`/estimer/${encodeURIComponent(u.id)}`} className="flex items-center justify-between gap-3 p-3 hover:bg-surface-2">
                <span><span className="font-medium">{u.address}{u.unit ? `, app. ${u.unit}` : ""}</span><span className="block text-xs text-ink-3">{u.city} · {u.type_prop}{u.year_built ? ` · ${u.year_built}` : ""}{u.floor_area_m2 ? ` · ${fmtInt(u.floor_area_m2)} m²` : ""}</span></span>
                <span className="text-right text-sm shrink-0"><span className="block tabular-nums font-semibold">{u.est ? fmtPrice(u.est) : "—"}</span><span className="block text-xs text-ink-3">rôle {fmtPrice(u.role_value)}</span></span>
              </Link></li>
            ))}
          </ul>
          {!units.length && <Notice>Essayez avec le numéro civique et le nom de rue seulement (ex. « 1234 Érables »), ou utilisez l'estimation manuelle ci-dessous.</Notice>}
        </section>
      )}
      <section className="mt-10">
        <h2 className="font-bold text-xl mb-1">Estimation manuelle</h2>
        <p className="text-sm text-ink-2 mb-3">Sans adresse au rôle : indiquez un point sur la carte et quelques caractéristiques. L'estimation repose alors uniquement sur les ventes comparables.</p>
        <ManualEstimate />
      </section>
    </div>
  );
}