import CourseCard7 from '@/components/cards/course-card-7';
import Tabs from '@/components/tabs';
import { Card } from '@/components/ui/card';
import { Separator } from '@/components/ui/separator';
import { TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import { StudentCourseProps } from '@/types/page';
import { Head, Link } from '@inertiajs/react';
import { ReactNode } from 'react';
import Layout from './partials/layout';
import CourseAssignments from './tabs-content/course-assignments';
import CourseCertificate from './tabs-content/course-certificate';
import CourseLiveClasses from './tabs-content/course-live-classes';
import CourseModules from './tabs-content/course-modules';
import CourseQuizzes from './tabs-content/course-quizzes';
import CourseResources from './tabs-content/course-resources';
const Course = (props: StudentCourseProps) => {
const { tab, course, watchHistory, completion, system } = props;
const showCourseCertificate = system?.fields?.show_course_certificate ?? true;
const showCourseMarksheet = system?.fields?.show_course_marksheet ?? showCourseCertificate;
const showCertificateTab = showCourseCertificate || showCourseMarksheet;
const certificateTabLabel = showCourseCertificate ? 'Zertifikat' : 'Notenblatt';
const tabs = [
{
value: 'modules',
label: 'Module',
},
{
value: 'live_classes',
label: 'Live-Sitzungen',
},
{
value: 'assignments',
label: 'Aufgaben',
},
{
value: 'quizzes',
label: 'Quizze',
},
{
value: 'resources',
label: 'Ressourcen',
},
...(showCertificateTab
? [
{
value: 'certificate',
label: certificateTabLabel,
},
]
: []),
];
const renderContent = () => {
switch (tab) {
case 'modules':
return ;
case 'live_classes':
return ;
case 'assignments':
return ;
case 'quizzes':
return ;
case 'resources':
return ;
case 'certificate':
return ;
default:
return <>>;
}
};
return (
<>