// * Packages
import { usePage } from "@inertiajs/react";
import { route } from "ziggy-js";
import { ArrowLeftIcon } from "lucide-react";
// * Other
import AuthenticatedLayout from "@/back/Layouts/AuthenticatedLayout";
import Form from "@/back/Pages/DynamicPages/Form";
import BtnOptionnalLinkWithTooltip from "@/back/Components/BtnOptionnalLinkWithTooltip";
import useTrans from "@/hooks/use-translations";
import { Actions, Methods } from "@/lib/enums";
import {
    AuthProp,
    DynamicPageModel,
    SingleResource,
} from "@/back/types/global";
import str from "@/hooks/use-string";

export default function Create({ data, modelName }: { data: SingleResource, modelName: string }) {
    const { viewAny } = (usePage().props.auth as AuthProp).policies.dynamicPages;
    const dynamicPageModel = data.data as DynamicPageModel;
    const singularModelName = str(modelName).singular().value();
    const transTitle = useTrans(
        route().current(`back.${modelName}.duplicate`)
            ? "crud.helpers.duplication_model"
            : "crud.helpers.creation_model", {
            params: {
                model: useTrans(`models.classes.${singularModelName}`, {
                    choice: 1,
                }),
            },
        },
    );

    const beforeNode = () => {
        return viewAny && (
            <div className="flex justify-end items-center gap-x-1.5">
                <BtnOptionnalLinkWithTooltip
                    link={route(`back.${modelName}.index`)}
                    content={<ArrowLeftIcon />}
                    tooltipContent={<p>{useTrans("back.crud_back_to_list")}</p>}
                />
            </div>
        );
    };

    return (
        <AuthenticatedLayout
            title={transTitle}
            beforeNode={beforeNode()}
        >
            <Form
                model={dynamicPageModel}
                modelName={singularModelName}
                modelRoute={modelName}
                action={Actions.STORE}
                method={Methods.POST}
            />
        </AuthenticatedLayout>
    );
}