import { BillingLocation, Bill } from '@/app/lib/db-types';
import { fetchBillById } from '@/app/lib/actions';
import clientPromise from '@/app/lib/mongodb';
import { BillEditForm } from '@/app/ui/BillEditForm';
import { ObjectId } from 'mongodb';
import { notFound } from 'next/navigation';

export default async function Page({ params:{ id } }: { params: { id:string } }) {

    const [locationID, billID] = id.split('-');

    const bill = await fetchBillById(locationID, billID);

    if (!bill) {
        return(notFound());
    }
    return (
        <main>
            <BillEditForm locationID={locationID} bill={bill} />
        </main>
    );
}