"use client";
import { useLang } from "@/lib/lang";
import { useAccess } from "@/lib/access";
import { BackBtn, Box, Input, Button, ButtonContainer, CourseToolsBtn } from "@/Theme/Midone/Forms";
import { YearGroupFilter } from "@/Components/Public/YearGroupFilter";
import { Grid, Frame, useData, FeatherIcon } from "@/Theme/Midone/Utils";
import { useEffect, useRef, useState, useCallback, useMemo } from "react";
import Link from "next/link";
import { usePathname, useRouter } from "next/navigation";
import { useConfig, useUtility } from "@/lib";
import { Select } from "@/Theme/Midone/Forms/Select";
export function Page({ laraPath, nextPath, formUrl, formUrl2=null, course=0, baseGroup="", baseYear="" }) {
const { Lang,local } = useLang();
const menuPath = usePathname().split('/').includes('myCourses') ? 'myCourses' : 'courses';
const { destroy, getNeedles, get } = useData();
const router = useRouter();
const { componentPermission, checkPermission } = useAccess();
const accessStroe = checkPermission("quiz.store");
const accessReport = checkPermission("quiz.store");
const isAdmin = checkPermission("quiz.store");
const toolsFilters = checkPermission("toolsFilters.index");
// componentPermission(`quiz.list`);
const back = () => router.back();
// const [params, setParams] = useState({ semester: baseYear, group: baseGroup, menuPath:menuPath });
const [params, setParams] = useState({ semester: baseYear, group: baseGroup, date:"", hour:"", code:"", menuPath:menuPath });
if(baseGroup != "" && baseYear != "") params['flagReport'] = true;
let [url, setUrl] = useState(laraPath + "/quiz-list/" + course);
const [needles, setNeedles] = useState();
const effectRan = useRef(false);
const { mediaPath } = useConfig();
const { getYearSemester, getGroupCode } = useUtility();
const handleFilterChange = (e, filter) => {
setParams(prev => ({ ...prev, [filter]: e.target.value,
page: 1 // تغییر صفحه به ۱ بعد از فیلتر
}));
};
useEffect(() => {
if (!effectRan.current) {
getNeedles(`${laraPath}/quiz/get-needles?course=${course}`, setNeedles);
effectRan.current = true;
}
}, [getNeedles, laraPath]);
const urlItems = useMemo(() => {
params['code'] = window.$('#codeSearch').val();
params['date'] = window.$('#dateSearch').val();
return Object.keys(params)
.filter(key => params[key])
.map(key => `${key}=${params[key]}`)
.join("&");
}, [params]);
useEffect(() => {
setUrl(`${laraPath}/quiz-list/${course}?${urlItems}`);
}, [urlItems, laraPath]);
const filterList = useCallback((e, filter) => {
setParams((prevParams) => ({ ...prevParams, [filter]: e.target.value }));
}, []);
const clearFilter = useCallback(() => {
// setParams({ semester: "", group: "",date:"",hour:"" });
setParams({ semester: "", group: "",date:"",hour:"",code:"",menuPath });
window.$(`input#codeSearch`).val("");
window.$(`input#dateSearch`).val("");
}, []);
// تابع مجزا برای onClick
const handleClick = useCallback((e, item) => {
e.preventDefault();
if (document.getElementById('a-loading')) return;
e.target.innerHTML = loading + e.target.innerHTML;
// console.log("item is ", item);
get(laraPath + "/bbb/" + item?.id, "", "", (data) => {
// console.log("callback!!");
let a = document.createElement("a");
const id = "a-" + Math.random();
a.href = data.url;
a.target = "_blank";
a.id = id;
document.body.appendChild(a);
Element.prototype.remove = function () {
this.parentElement.removeChild(this);
};
document.getElementById('a-loading').remove();
document.getElementById(id).click();
});
}, [get, laraPath]);
const applyReport = useCallback(() => {
setIsLoading(true); // شروع لودینگ
getNeedles(`${laraAdmin}/classes/update-student-count`, () => {
// setUpdate(data);
setIsLoading(false); // پایان لودینگ
// reportData();
});
}, []);
const badge = {
'creator': 'bg-gray-400 text-xs font-medium me-2 px-2.5 py-0.5 rounded',
'created_at': 'bg-gray-400 text-xs font-medium px-2.5 py-0.5 rounded text-center',
'response': 'bg-gray-400 text-blue-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded',
'corrected': 'bg-gray-400 text-green-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded',
'totalScore': 'bg-gray-400 text-xs font-medium me-2 px-2.5 py-0.5 rounded',
}
const info = useMemo(() => ({
...(menuPath == "courses" || menuPath == "myCourses") && accessStroe && formUrl2 == null ? { insertLink: formUrl + "/new" } : {},
perPage: 50,
url: url,
columns: [
// {label: "title", jsx: (item)=>{{item.title} }},
...(formUrl2 ? [{ label: "course", jsx: (item) => {item?.course?.title}-{item?.course_id} }] : []),
// {label: "course", jsx: (item) => {item?.course?.title}-{item?.course_id} },
{label: "title", jsx: (item)=>{{item.title} }},
{label: "start", jsx: (item)=>{item?.start_date+" "+item?.start_time}},
{label: "end", jsx: (item)=>{item?.end_date+" "+item?.end_time}},
{label: "year_semester", jsx: (item) => getYearSemester(item.group, Lang)},
{label: "group", minWidth:"110px", jsx: (item)=>getGroupCode(item.group, Lang)},
accessReport?{label: "creator", minWidth:"150px", jsx: (item)=>
{item?.creator?.firstname+" "+item?.creator?.lastname}
{item?.created_at}
}:'',
accessReport?{label: "", minWidth:"150px", jsx: (item)=>
{Lang("response")+" "+item.answer_count}
{Lang("corrected")+" "+item.corrected_count}
{Lang("total_score")+" "+item.total_score}
}:'',
{
label: "",
sort: false,
width: "110px",
jsx: (item) => <>
destroy(laraPath+"/quiz/" + item.id)} />
},
],
}), [url, Lang, formUrl, destroy, laraPath, getYearSemester, getGroupCode, handleClick]);
const hours = Array.from({ length: 11 }, (_, i) => {
const hour = (7 + i).toString().padStart(2, "0") + ":00";
return { value: hour, label: hour };
});
return (
{/* */}
{formUrl2 && (
<>
handleFilterChange(e, "code")} note={Lang("public.filter_report_classes_course")}
defaultValue={params.code}
id="codeSearch"
dir="ltr"
className="col-span-12 md:col-span-2 lg:col-span-2"
label="course_search"
/>
handleFilterChange(e, "date")}
defaultValue={params.date}
id="dateSearch"
dir="ltr"
className="col-span-12 md:col-span-2 lg:col-span-2"
placeholder={local=="fa" ? "1403-01-01":"2026-01-01"}
label="start_date"
/>
)}
{/* */}
{/* */}
{/*
*/}
{formUrl2 == null ?
:""}
);
}
const loading = '';