export const dynamic = 'force-dynamic';
import React from 'react'
import BackButton from "@/components/common-ui/BackButton";
import {getUser, updateUser} from "@/actions/user-api/user-api";
import EditUserForm from "@/components/users/EditUserForm";

export const metadata = {
    title: "Paintings|Edit users",
    description: "Edit users",
}

export default async function Page({params,}: {params: Promise<{ id: string }>}) {
    const id = (await params).id;
    const res = await getUser(id);
    if (res.success != true) {
        throw new Error(res.message);
    }
    async function submit(formData: FormData) {
        'use server'
        return await updateUser(formData, id);
    }

    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">Edit Admin User Form</h1>
                </div>
                <EditUserForm submit={submit} oldUser={res.data}/>
            </div>
        </div>
    )
}