import { redirect } from "next/navigation"
import { desc, eq } from "drizzle-orm"
import { db } from "@/lib/db"
import { inspections, properties } from "@/lib/db/schema"
import { getSessionUser } from "@/lib/session"
import { InspectionManager } from "./inspection-manager"

export const metadata = { title: "Inspections" }

export default async function InspectionsPage() {
  const user = await getSessionUser()
  if (!user) redirect("/login")

  const [inspectionList, propertyList] = await Promise.all([
    db.query.inspections.findMany({
      where: eq(inspections.user_id, user.id),
      with: {
        property: { columns: { name: true } },
        unit: { columns: { unit_number: true } },
      },
      orderBy: desc(inspections.created_at),
    }),
    db.query.properties.findMany({
      where: eq(properties.user_id, user.id),
      columns: { id: true, name: true },
      with: {
        units: { columns: { id: true, unit_number: true } },
      },
    }),
  ])

  return (
    <div className="max-w-3xl mx-auto space-y-6">
      <div>
        <h2 className="text-lg font-bold text-white">Inspections</h2>
        <p className="text-sm text-white/40 mt-0.5">Move-in and move-out condition reports per unit</p>
      </div>
      <InspectionManager inspections={inspectionList ?? []} properties={propertyList ?? []} />
    </div>
  )
}
