property-management-network/app/(dashboard)/vendors/page.tsx

import { redirect } from "next/navigation"
import { asc, eq } from "drizzle-orm"
import { db } from "@/lib/db"
import { vendors, properties } from "@/lib/db/schema"
import { getSessionUser } from "@/lib/session"
import { getEffectiveOwnerId } from "@/lib/account"
import { VendorManager } from "./vendor-manager"

export const metadata = { title: "Vendors" }

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

  const ownerId = await getEffectiveOwnerId(user.id)

  const [vendorList, propertyList] = await Promise.all([
    db
      .select()
      .from(vendors)
      .where(eq(vendors.user_id, ownerId))
      .orderBy(asc(vendors.name)),
    db
      .select({ id: properties.id, name: properties.name })
      .from(properties)
      .where(eq(properties.user_id, ownerId)),
  ])

  return (
    <div className="max-w-3xl mx-auto space-y-6">
      <div>
        <h2 className="text-lg font-bold text-white">Vendor Directory</h2>
        <p className="text-sm text-white/40 mt-0.5">Save contractor and vendor contacts for quick access</p>
      </div>
      <VendorManager vendors={vendorList ?? []} properties={propertyList ?? []} />
    </div>
  )
}