"use client";

import { useLang } from "@/lib/lang";
import { useConfig } from "@/lib/config";
import { Grid, Frame, FeatherIcon, useData } from "@/Theme/Midone/Utils";
import { useState } from "react";

export default function List(){
    const { Lang } = useLang();
    const { laraDomain } = useConfig();
    const { destroy } = useData();
    
    let info = {
        insertLink: "/sadmin/permissions/new",
        url: "/sadmin/permissions",
        columns: [
            {label: "name", field: "name", width: "100px"},
            {label: "label", field: "label", width: "100px"},
            {label: "parent", field: "parent.label", width: "110px"},
            {label: "",
                sort:false, 
                width:"110px",
                jsx:(item) => <>
                        <div className='flex justify-center '>
                            <FeatherIcon name="Edit" url={"/sadmin/permissions/"+item.id+"/edit"} tooltip={Lang('public.edit')} />
                            <FeatherIcon name="XOctagon" tooltip={Lang('public.delete')} color="darkred" onClick={()=>destroy(laraDomain+"/sadmin/permissions/"+item.id)} />
                        </div>
                    </>
            },
        ],
    }

    return(
        <Frame title={Lang(["public.permissions"])}>
            <div className="intro-y col-span-12">
                <Grid {...info} key={"table key"} />
            </div>
        </Frame>
    );
}