"use client";
import { useAccess } from "@/lib/access";

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

export default function List(){
    const { Lang,local } = useLang();
    const { componentPermission } = useAccess();
    componentPermission("yearSemesters.index");
    const { laraAdmin ,nextAdmin } = useConfig();
    const { destroy } = useData();
    const formUrl = "/yearSemesters"; 

    let info = {
        insertLink: nextAdmin+formUrl+"/new",
        url: laraAdmin+formUrl,
        columns: [
            {label: "year", field: "year"},
            {label: "semester", field: "semester"},
            {label: "start_date", field: "start_date"},
            {label: "end_date", field: "end_date"},
            { label: "status", jsx: (item) => <span className={`text-${item?.active_status?.color}`}>{item?.active_status?.[`title_${local}`]}</span> },
            {label: "year_semester_for_system",  jsx: (item)=><span>{item.current==1 ?  
                    <FeatherIcon name="Check" tooltip={Lang('public.year_semester_for_system')} /> :
                    <FeatherIcon name="Minus" tooltip={Lang('public.year_semester_for_system')} />}</span>},
            {label: "apply_update_Report",  jsx: (item)=><span>{item.archiving_user_id>0 ?  
                    <FeatherIcon name="Archive" tooltip={Lang('public.is_archive')} /> :
                    <FeatherIcon name="Check" tooltip={Lang('public.apply_update_Report')} />}</span>},
           // {label: "creator", jsx: (item)=><span>{item.creator?.firstname+" "+item.creator?.lastname}</span>},
           // {label: "editor", jsx: (item)=><span>{item.editor?.firstname+" "+item.editor?.lastname}</span>},

            {label: "",
                sort:false, 
                width:"110px", 
                jsx:(item)=><>
                    <div className='flex justify-center '>
                        <FeatherIcon permission="systems.update" name="Edit" url={nextAdmin+formUrl+"/"+item.id+"/edit"} tooltip={Lang('public.edit')} />
                        <FeatherIcon permission="systems.show" name="Eye" url={nextAdmin+formUrl+"/"+item.id} tooltip={Lang('public.view')} />
                        <FeatherIcon permission="systems.destroy" name="XOctagon" tooltip={Lang('public.delete')} color="darkred" onClick={()=>destroy(laraAdmin+formUrl+"/"+item.id)} />
                    </div>
                </>
            },
        ],
    }

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