"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";

export default function SchedulePage() {
  const navItems = [
    { name: "Ana Sayfa", id: "/" },
    { name: "Öğretmenler", id: "/teachers" },
    { name: "Etkinlikler", id: "/events" },
    { name: "Çalışma Programı", id: "/schedule" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="noise"
      cardStyle="layered-gradient"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Öğretmen Platformu"
          bottomLeftText="Eğitim Topluluğu"
          bottomRightText="info@platform.com"
        />
      </div>

      <div id="schedule-overview" data-section="schedule-overview">
        <MetricCardEleven
          metrics={[
            {
              id: "1",
              value: "15",
              title: "Pazartesi Dersleri",
              description: "Sabah ve öğleden sonra zaman dilimleri",
              imageSrc:
                "http://img.b2bpic.net/free-photo/senior-people-school-class-with-laptop-computer_23-2150104980.jpg?_wi=2",
              imageAlt: "online course learning platform screen",
            },
            {
              id: "2",
              value: "18",
              title: "Çarşamba Dersleri",
              description: "Öğleden sonra ve akşam saatleri",
              imageSrc:
                "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257210.jpg?_wi=2",
              imageAlt: "education app notification schedule planning",
            },
            {
              id: "3",
              value: "12",
              title: "Cuma Dersleri",
              description: "Hafta sonu yoğunlaştırılmış dersler",
              imageSrc:
                "http://img.b2bpic.net/free-photo/crop-men-discussing-graph-tablet_23-2147785037.jpg?_wi=2",
              imageAlt: "digital education platform analytics dashboard",
            },
          ]}
          title="Haftalık Ders Programı"
          description="Bütün haftanın ders saatlerini ve öğretmenleri görüntüleyin"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="teachers-schedule" data-section="teachers-schedule">
        <TeamCardEleven
          groups={[
            {
              id: "monday",
              groupTitle: "Pazartesi - Sabah Seansı (09:00-12:00)",
              members: [
                {
                  id: "1",
                  title: "Ayşe Kaya",
                  subtitle: "Matematik & Fizik",
                  detail: "09:00 - 10:30 | Sınıf A",
                  imageSrc:
                    "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg?_wi=2",
                  imageAlt: "professional woman teacher portrait headshot",
                },
                {
                  id: "2",
                  title: "Mehmet Yıldız",
                  subtitle: "İngilizce & Dil",
                  detail: "10:30 - 12:00 | Sınıf B",
                  imageSrc:
                    "http://img.b2bpic.net/free-photo/portrait-businessman-office-3_1262-1489.jpg?_wi=2",
                  imageAlt: "professional man teacher portrait headshot",
                },
              ],
            },
            {
              id: "wednesday",
              groupTitle: "Çarşamba - Öğleden Sonra (14:00-18:00)",
              members: [
                {
                  id: "3",
                  title: "Zeynep Demir",
                  subtitle: "Kimya & Biyoloji",
                  detail: "14:00 - 15:30 | Lab A",
                  imageSrc:
                    "http://img.b2bpic.net/free-photo/woman-posing-with-books_23-2148680219.jpg?_wi=2",
                  imageAlt: "female scientist professor portrait headshot",
                },
                {
                  id: "4",
                  title: "İbrahim Çelik",
                  subtitle: "Tarih & Sosyal Bilgiler",
                  detail: "16:00 - 17:30 | Sınıf C",
                  imageSrc:
                    "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-satisfied_1298-169.jpg?_wi=2",
                  imageAlt: "male professor teacher history expert portrait",
                },
              ],
            },
          ]}
          animationType="slide-up"
          title="Haftalık Öğretmen Programı"
          description="Her gün ve saate göre öğretmen atamalarını kontrol edin"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Öğretmen Platformu"
          leftLink={{
            text: "Gizlilik Politikası",
            href: "#",
          }}
          rightLink={{
            text: "Kullanım Şartları",
            href: "#",
          }}
        />
      </div>
    </ThemeProvider>
  );
}