import React from 'react';
import Link from "next/link";
export const dynamic = 'force-dynamic';
import {getOrders} from "@/actions/painting-orders/painting-order";
import {cookies} from "next/headers";
import OrderTable from "@/components/order-management/paintings/OrderTable";
type SearchParams = { page?: string; term?: string , status?: string };
type Props = { searchParams?: Promise<SearchParams> | SearchParams };
export const metadata={
    title: "Paintings|Admin Users",
    description: "Admin Users",
}
async function Page({ searchParams }: Props) {
    const access_token = (await cookies()).get('access_token')?.value ?? ''
    const sp = (await searchParams) ?? {};
    const page = sp.page ?? 1;
    const term = sp.term ?? '';
    const currentStatus = sp.status ?? '';
    const res = await getOrders(access_token, term, page);
    if (!res.success) throw new Error(res.message);
    return (
        <div className="p-6 ">
            <div className="bg-color p-3 rounded-md shadow-md">
                <div className="flex items-center justify-between p-2">
                    <h1 className="text-lg font-semibold text-color dark:dark-text-color">
                        Painting Orders
                    </h1>
                    <Link href="/create-painting-order" className="primary-btn px-4 py-2 rounded">
                        Create Order
                    </Link>
                </div>
                <OrderTable
                    data={res.data}
                    currentStatus={currentStatus}
                    access_token={access_token}
                />
            </div>
        </div>
    );
}

export default Page;