import React from 'react';
export const dynamic = 'force-dynamic';
import BackButton from "@/components/common-ui/BackButton";
import CreateOrderForm from "@/components/order-management/paintings/CreateOrderForm";
import {createOrder} from "@/actions/painting-orders/painting-order";
import {cookies} from "next/headers";
export const metadata ={
    title: "Paintings|Create Orders",
    description: "Create Orders",
}
async function Page() {
    const access_token = (await cookies()).get('access_token')?.value??''
    async function submit(formData: any) {
        'use server'
        return await createOrder(formData, access_token);
    }
    return (
        <div className="p-6 ">
            <div className='bg-color p-3 rounded-md shadow-md'>
                <div className='flex items-center justify-between p-2'>
                    <BackButton/>
                    <h1 className="text-lg font-semibold text-color">
                        Create Order Form
                    </h1>
                </div>
                <CreateOrderForm submit={submit} />
            </div>
        </div>
    );
}

export default Page;