"use client";
import { useEffect } from "react";
import { useLang } from "@/lib/lang";
import { useConfig } from "@/lib/config";
import { Button, ButtonContainer, Input, useData, useFormRefs } from "@/Theme/Midone/Forms";
import { FeatherIcon, Loading } from "@/Theme/Midone";
import { Frame } from "@/Theme/Midone/Forms";
import { useRouter } from 'next/navigation';
import { useAuth } from "@/lib";
import { Books,Info } from "@/Components/Admin/UserCreator/Details";

export function View({ id,typeId }) {
    const { user } = useAuth();
    const access = user?.role_id == 1 ? true : false; // دسترسی ادمین
    const { Lang, local } = useLang();
    const { laraAdmin, nextAdmin, mediaPath } = useConfig();
    const { get } = useData();
    let url = `${laraAdmin}/users/details/${id}`; // تغییر لینک به users
    const router = useRouter();

    let component = useFormRefs();
    useEffect(() => {
        get(url, component, "info");
    }, []);
    const data = component?.state?.info;
    const item = data?.item;
    const books = data?.books;

    return (
        <>
            {/* <Frame title={`${item?.firstname} ${item?.lastname}` || Lang(["public.user_details"])}> */}
                 {/* تغییر عنوان به نام کاربر */}
            <Frame title={Lang(["public.view_info"])}>
                {(item?.id)?
                    <>
                        <div className="col-span-12">
                            <Info item={item} mediaPath={mediaPath} local={local} Lang={Lang} />
                            <Books items={books} mediaPath={mediaPath} Lang={Lang} typeId={typeId} />
                        </div>
                    </>
                :
                    <Loading />
                }
            </Frame>
        </>
    );
}