"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";

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

  const teacherGroups = [
    {
      id: "group-1",
      groupTitle: "İleri Seviye Öğretmenler",
      members: [
        {
          id: "1",
          title: "Ayşe Kaya",
          subtitle: "Matematik & Fizik",
          detail: "12 yıl tecrübe | 5.0 puan",
          imageSrc: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg?_wi=1",
          imageAlt: "professional woman teacher portrait headshot",
        },
        {
          id: "2",
          title: "Mehmet Yıldız",
          subtitle: "İngilizce & Dil",
          detail: "15 yıl tecrübe | 4.9 puan",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-3_1262-1489.jpg?_wi=1",
          imageAlt: "professional man teacher portrait headshot",
        },
        {
          id: "3",
          title: "Zeynep Demir",
          subtitle: "Kimya & Biyoloji",
          detail: "10 yıl tecrübe | 4.8 puan",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-books_23-2148680219.jpg?_wi=1",
          imageAlt: "female scientist professor portrait headshot",
        },
        {
          id: "4",
          title: "İbrahim Çelik",
          subtitle: "Tarih & Sosyal Bilgiler",
          detail: "8 yıl tecrübe | 4.9 puan",
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-satisfied_1298-169.jpg?_wi=1",
          imageAlt: "male professor teacher history expert portrait",
        },
      ],
    },
  ];

  const faqData = [
    {
      id: "1",
      title: "Öğretmen seçerken nelere dikkat etmeliyim?",
      content:
        "Öğretmen profillerinde deneyim, uzmanlık alanı ve öğrenci puanlarını inceleyebilirsiniz. İlk dersini denemek için \"İletişime Geç\" düğmesini kullanarak öğretmenle bağlantı kurabilirsiniz.",
    },
    {
      id: "2",
      title: "Ders saatlerini nasıl düzenleyebilirim?",
      content:
        "Çalışma Programı sayfasında haftalık ders takvimini görebilirsiniz. Istediğiniz ders saatine tıklayarak \"Katıl\" butonu ile kaydolabilirsiniz.",
    },
    {
      id: "3",
      title: "Etkinliklere nasıl katılabilirim?",
      content:
        "Etkinlikler sayfasında tüm yaklaşan dersleri ve webinarları görebilirsiniz. İlgilendiğiniz etkinliğin \"Kayıt Ol\" düğmesine tıklayarak katılabilirsiniz.",
    },
    {
      id: "4",
      title: "Ödeme seçenekleri nelerdir?",
      content:
        "Kredi kartı, banka havalesi ve e-cüzdan gibi çeşitli ödeme yöntemlerini destekliyoruz. Ödeme bilgileri gizli ve güvenlidir.",
    },
    {
      id: "5",
      title: "Dersi iptal etmek istiyorsam ne yapmalıyım?",
      content:
        "Dersin başlamasından en az 24 saat önce iptal edebilirsiniz. Profil bölümünde 'Kayıtlı Dersler' kısmından ders iptalini gerçekleştirebilirsiniz.",
    },
  ];

  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="teachers" data-section="teachers">
        <TeamCardEleven
          groups={teacherGroups}
          animationType="slide-up"
          title="Uzman Öğretmenlerimiz"
          description="Alanlarında deneyimli, nitelikli eğitim profesyonelleri"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          faqs={faqData}
          sideTitle="Sık Sorulan Sorular"
          sideDescription="Platformumuz hakkında bilmeniz gereken her şey"
          textPosition="left"
          useInvertedBackground={false}
          animationType="smooth"
          faqsAnimation="slide-up"
        />
      </div>

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