108:"ExplicitChatIdProvider" 109:I[903690,["$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$81","$7d","$82","$83","$7f","$84","$85","$86","$87","$88","$89","$7e","$8a","$8b"],"$108"] 10a:I[838238,["$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$81","$7d","$82","$83","$7f","$84","$85","$86","$87","$88","$89","$7e","$8a","$8b"],"SWRDataProvider"] 10c:[] 10d:[["b_2DjoLGG0Iuo",null],["b_7PUgfTZFNmR",null],["b_ykpPcAXMmp8",null],["b_AAUZrq4G3yI",null],["b_Q7gFQjwTyqw",null],["b_Wjwk4edimch",null],["b_xK3iRF8fVmn",null],["b_cRFlWYO0dTw",null],["b_Rqo79vfuSv5",null],["b_NS2Gfiqn80O",null],["b_D9rFFoH4QDp",null],["b_TDIp343G9P6",null],["b_0og1tFEJpOR",null],["b_FzlzZyxgf0w",null],["b_TtO5pyFlrGY",null],["b_2O9A6DTqcR8",null]] 10e:[["b_2DjoLGG0Iuo",{"templateVersionId":null,"templateCanonId":null}],["b_7PUgfTZFNmR",{"templateVersionId":null,"templateCanonId":null}],["b_ykpPcAXMmp8",{"templateVersionId":null,"templateCanonId":null}],["b_AAUZrq4G3yI",{"templateVersionId":null,"templateCanonId":null}],["b_Q7gFQjwTyqw",{"templateVersionId":null,"templateCanonId":null}],["b_Wjwk4edimch",{"templateVersionId":null,"templateCanonId":null}],["b_xK3iRF8fVmn",{"templateVersionId":null,"templateCanonId":null}],["b_cRFlWYO0dTw",{"templateVersionId":null,"templateCanonId":null}],["b_Rqo79vfuSv5",{"templateVersionId":null,"templateCanonId":null}],["b_NS2Gfiqn80O",{"templateVersionId":null,"templateCanonId":null}],["b_D9rFFoH4QDp",{"templateVersionId":null,"templateCanonId":null}],["b_TDIp343G9P6",{"templateVersionId":null,"templateCanonId":null}],["b_0og1tFEJpOR",{"templateVersionId":null,"templateCanonId":null}],["b_FzlzZyxgf0w",{"templateVersionId":null,"templateCanonId":null}],["b_TtO5pyFlrGY",{"templateVersionId":null,"templateCanonId":null}],["b_2O9A6DTqcR8",{"templateVersionId":null,"templateCanonId":null}]] 10f:[["AVUWcMgUZGe","$D2026-03-05T17:47:30.405Z"],["b_2dNPUxNcvTG","$D2026-03-05T17:52:04.646Z"],["b_SSyffBu1NO8","$D2026-03-05T17:52:33.225Z"],["b_1GI0ktUuv21","$D2026-03-05T17:55:54.677Z"],["b_y0NDbvrcFzQ","$D2026-03-05T18:08:59.230Z"],["b_JxeFHun8N8X","$D2026-03-05T18:09:30.728Z"],["b_diSGyG4srda","$D2026-03-05T18:14:46.448Z"],["b_LvAZ34h6ykJ","$D2026-03-05T18:15:41.561Z"],["b_PgYBdxzy6X8","$D2026-03-05T18:16:09.832Z"],["b_YN7q07GyFL5","$D2026-03-05T18:16:51.738Z"],["b_wXniV6zprTz","$D2026-03-05T18:17:07.820Z"],["b_vhO1LWJKX28","$D2026-03-05T18:17:44.176Z"],["b_C5nTebLBvZM","$D2026-03-05T18:18:25.149Z"],["b_2DjoLGG0Iuo","$D2026-03-05T18:44:01.634Z"],["b_7PUgfTZFNmR","$D2026-03-05T18:44:58.609Z"],["b_ykpPcAXMmp8","$D2026-03-05T18:45:26.605Z"],["b_AAUZrq4G3yI","$D2026-03-05T18:45:56.111Z"],["b_Q7gFQjwTyqw","$D2026-03-05T18:46:43.215Z"],["b_Wjwk4edimch","$D2026-03-05T18:47:07.662Z"],["b_xK3iRF8fVmn","$D2026-03-05T18:47:33.485Z"],["b_cRFlWYO0dTw","$D2026-03-05T18:48:00.622Z"],["b_Rqo79vfuSv5","$D2026-03-05T18:48:27.428Z"],["b_NS2Gfiqn80O","$D2026-03-05T18:53:39.891Z"],["b_D9rFFoH4QDp","$D2026-03-05T18:53:52.626Z"],["b_TDIp343G9P6","$D2026-03-05T18:54:26.232Z"],["b_0og1tFEJpOR","$D2026-03-05T18:54:51.086Z"],["b_FzlzZyxgf0w","$D2026-03-05T18:55:10.914Z"],["b_TtO5pyFlrGY","$D2026-03-05T18:55:43.585Z"],["b_2O9A6DTqcR8","$D2026-03-05T18:56:12.859Z"]] 110:[["b_2DjoLGG0Iuo",false],["b_7PUgfTZFNmR",false],["b_ykpPcAXMmp8",false],["b_AAUZrq4G3yI",false],["b_Q7gFQjwTyqw",false],["b_Wjwk4edimch",false],["b_xK3iRF8fVmn",false],["b_cRFlWYO0dTw",false],["b_Rqo79vfuSv5",false],["b_NS2Gfiqn80O",false],["b_D9rFFoH4QDp",false],["b_TDIp343G9P6",false],["b_0og1tFEJpOR",false],["b_FzlzZyxgf0w",false],["b_TtO5pyFlrGY",false],["b_2O9A6DTqcR8",false]] 111:[["b_2DjoLGG0Iuo","$undefined"],["b_7PUgfTZFNmR","$undefined"],["b_ykpPcAXMmp8","$undefined"],["b_AAUZrq4G3yI","$undefined"],["b_Q7gFQjwTyqw","$undefined"],["b_Wjwk4edimch","$undefined"],["b_xK3iRF8fVmn","$undefined"],["b_cRFlWYO0dTw","$undefined"],["b_Rqo79vfuSv5","$undefined"],["b_NS2Gfiqn80O","$undefined"],["b_D9rFFoH4QDp","$undefined"],["b_TDIp343G9P6","$undefined"],["b_0og1tFEJpOR","$undefined"],["b_FzlzZyxgf0w","$undefined"],["b_TtO5pyFlrGY","$undefined"],["b_2O9A6DTqcR8",{"deploymentId":"dpl_2d9KTEHPXgQjZffQyBNh7RLdWdjC"}]] 112:[["b_2DjoLGG0Iuo",null],["b_7PUgfTZFNmR",null],["b_ykpPcAXMmp8",null],["b_AAUZrq4G3yI",null],["b_Q7gFQjwTyqw",null],["b_Wjwk4edimch",null],["b_xK3iRF8fVmn",null],["b_cRFlWYO0dTw",null],["b_Rqo79vfuSv5",null],["b_NS2Gfiqn80O",null],["b_D9rFFoH4QDp",null],["b_TDIp343G9P6",null],["b_0og1tFEJpOR",null],["b_FzlzZyxgf0w",null],["b_TtO5pyFlrGY",null],["b_2O9A6DTqcR8",null]] 113:[["b_2DjoLGG0Iuo",true],["b_7PUgfTZFNmR",true],["b_ykpPcAXMmp8",true],["b_AAUZrq4G3yI",true],["b_Q7gFQjwTyqw",true],["b_Wjwk4edimch",true],["b_xK3iRF8fVmn",true],["b_cRFlWYO0dTw",true],["b_Rqo79vfuSv5",true],["b_NS2Gfiqn80O",true],["b_D9rFFoH4QDp",true],["b_TDIp343G9P6",true],["b_0og1tFEJpOR",true],["b_FzlzZyxgf0w",true],["b_TtO5pyFlrGY",true],["b_2O9A6DTqcR8",true]] 114:[["b_2DjoLGG0Iuo",true],["b_7PUgfTZFNmR",true],["b_ykpPcAXMmp8",true],["b_AAUZrq4G3yI",true],["b_Q7gFQjwTyqw",true],["b_Wjwk4edimch",true],["b_xK3iRF8fVmn",true],["b_cRFlWYO0dTw",true],["b_Rqo79vfuSv5",true],["b_NS2Gfiqn80O",true],["b_D9rFFoH4QDp",true],["b_TDIp343G9P6",true],["b_0og1tFEJpOR",true],["b_FzlzZyxgf0w",true],["b_TtO5pyFlrGY",true],["b_2O9A6DTqcR8",true]] 115:[] 116:Tb6fd0,[V0_FILE]png:file="public/abstract-geometric-pattern.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/abstract-geometric-pattern-006N1jNlD3PbwcJldEMfSy8ZtexmQ8.png" isMerged="true" [V0_FILE]typescriptreact:file="components/motion-wrapper.tsx" isMerged="true" "use client" import { motion, type Variants } from "framer-motion" import type { ReactNode } from "react" interface MotionWrapperProps { children: ReactNode className?: string delay?: number duration?: number variant?: "fadeIn" | "fadeInUp" | "fadeInDown" | "fadeInLeft" | "fadeInRight" | "scale" | "slideUp" } const variants: Record = { fadeIn: { hidden: { opacity: 0 }, visible: { opacity: 1 }, }, fadeInUp: { hidden: { opacity: 0, y: 30 }, visible: { opacity: 1, y: 0 }, }, fadeInDown: { hidden: { opacity: 0, y: -30 }, visible: { opacity: 1, y: 0 }, }, fadeInLeft: { hidden: { opacity: 0, x: -30 }, visible: { opacity: 1, x: 0 }, }, fadeInRight: { hidden: { opacity: 0, x: 30 }, visible: { opacity: 1, x: 0 }, }, scale: { hidden: { opacity: 0, scale: 0.8 }, visible: { opacity: 1, scale: 1 }, }, slideUp: { hidden: { opacity: 0, y: 50 }, visible: { opacity: 1, y: 0 }, }, } export function MotionWrapper({ children, className, delay = 0, duration = 0.5, variant = "fadeInUp", }: MotionWrapperProps) { return ( {children} ) } export function StaggerContainer({ children, className, staggerDelay = 0.1, }: { children: ReactNode className?: string staggerDelay?: number }) { return ( {children} ) } export function StaggerItem({ children, className, }: { children: ReactNode className?: string }) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/auth/sign-up-success/page.tsx" isMerged="true" "use client" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import Link from "next/link" import { motion } from "framer-motion" import { GraduationCap, Mail, CheckCircle2 } from "lucide-react" export default function SignUpSuccessPage() { return (

{/* Logo */} Naše 9.B

Registrace úspěšná! Váš účet byl úspěšně vytvořen

Potvrďte svůj e-mail

Na váš e-mail jsme odeslali potvrzovací odkaz. Klikněte na něj pro aktivaci účtu.

) } [V0_FILE]jpg:file="public/images/google-partner-logo.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/google-partner-logo-2BsqWF1GHEeYDef8I8It0CaijbDlLl.jpg" isMerged="true" [V0_FILE]png:file="public/student-avatar.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/student-avatar-xbSdaNFlV3GcJg4OJDGkGTCv2rtcbR.png" isMerged="true" [V0_FILE]jpg:file="public/school-map-location-prague.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/school-map-location-prague-lDNEMYS49vVed84J3PuNQmkiR1t0s7.jpg" isMerged="true" [V0_FILE]typescriptreact:file="lib/access-control.ts" isMerged="true" // Access control configuration for different user types export type AccessLevel = "guest" | "parent" | "student" // Pages accessible by parents (without full login) export const PARENT_ALLOWED_PATHS = ["/", "/students", "/aktuality", "/rozvrh-hodin", "/contact", "/support"] // Pages that require full student login export const STUDENT_ONLY_PATHS = ["/photogallery", "/community"] // All protected paths (require at least parent access) export const ALL_PROTECTED_PATHS = [...PARENT_ALLOWED_PATHS, ...STUDENT_ONLY_PATHS] export function isParentAllowedPath(pathname: string): boolean { return PARENT_ALLOWED_PATHS.some((path) => pathname === path || (path !== "/" && pathname.startsWith(path + "/"))) } export function isStudentOnlyPath(pathname: string): boolean { return STUDENT_ONLY_PATHS.some((path) => pathname === path || pathname.startsWith(path + "/")) } export function isProtectedPath(pathname: string): boolean { return ALL_PROTECTED_PATHS.some((path) => pathname === path || (path !== "/" && pathname.startsWith(path + "/"))) } [V0_FILE]typescriptreact:file="components/external-entry-loader.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { motion, AnimatePresence } from "framer-motion" import { GraduationCap } from "lucide-react" export function ExternalEntryLoader() { const [isLoading, setIsLoading] = useState(false) useEffect(() => { // Check if this is an external entry (no referrer from same origin or direct entry) const referrer = document.referrer const isExternalEntry = !referrer || !referrer.includes(window.location.hostname) // Only show loader on external entry and if not already shown in this session const hasShownLoader = sessionStorage.getItem("has_shown_entry_loader") if (isExternalEntry && !hasShownLoader) { setIsLoading(true) sessionStorage.setItem("has_shown_entry_loader", "true") // Hide loader after animation completes setTimeout(() => { setIsLoading(false) }, 2500) } }, []) return ( {isLoading && ( {/* Animated background circles */}

{[...Array(8)].map((_, i) => ( ))}

{/* Content */}

{/* Logo animation */} {/* Text animation */}

Naše 9.B

Třídní stránky

{/* Loading spinner */} {/* Outer ring */} {/* Inner animated ring */} {/* Loading text */} Načítání...

)} ) } [V0_FILE]typescriptreact:file="components/auth-loading-screen.tsx" isMerged="true" "use client" import { motion } from "framer-motion" import { GraduationCap, Users, LogIn } from "lucide-react" interface AuthLoadingScreenProps { type: "login" | "parent" } export function AuthLoadingScreen({ type }: AuthLoadingScreenProps) { const Icon = type === "parent" ? Users : LogIn return ( {/* Animated background */}

{[...Array(6)].map((_, i) => ( ))}

{/* Grid pattern overlay */}

{/* Content */}

{/* Logo */} {/* Icon animation */} {/* Loading spinner */}

{/* Outer ring */} {/* Inner animated ring */}

{/* Loading text */} {type === "parent" ? "Vstupuji jako rodič..." : "Přesměrování na přihlášení..."} {/* Pulsing dots */} {[0, 1, 2].map((i) => ( ))}

) } [V0_FILE]typescriptreact:file="app/auth/login/loading.tsx" isMerged="true" import { GraduationCap, LogIn } from "lucide-react" export default function Loading() { return (

{/* Animated background orbs */}

{/* Logo */}

{/* Icon */}

{/* Spinner */}

{/* Text */}

{"Načítání přihlášení..."}

{/* Dots */}

{[0, 1, 2].map((i) => (

))}

) } [V0_FILE]typescriptreact:file="lib/i18n/context.tsx" isMerged="true" "use client" import { createContext, useContext, useState, useEffect, type ReactNode } from "react" import { type Language, translations } from "./translations" interface LanguageContextType { language: Language setLanguage: (lang: Language) => void t: (key: string) => string } const LanguageContext = createContext(undefined) export function LanguageProvider({ children }: { children: ReactNode }) { const [language, setLanguageState] = useState("cs") useEffect(() => { // Load language from cookie or localStorage const savedLang = document.cookie .split("; ") .find((row) => row.startsWith("language=")) ?.split("=")[1] as Language | undefined if (savedLang && ["cs", "en", "de", "pl", "sk"].includes(savedLang)) { setLanguageState(savedLang) } }, []) const setLanguage = (lang: Language) => { setLanguageState(lang) document.cookie = `language=${lang}; path=/; max-age=${60 * 60 * 24 * 365}` } const t = (key: string): string => { return translations[language][key] || translations.cs[key] || key } return {children} } export function useLanguage() { const context = useContext(LanguageContext) if (context === undefined) { throw new Error("useLanguage must be used within a LanguageProvider") } return context } [V0_FILE]typescriptreact:file="components/language-switcher.tsx" isMerged="true" "use client" import { useState } from "react" import { motion, AnimatePresence } from "framer-motion" import { Globe, Check, ChevronDown } from "lucide-react" import { Button } from "@/components/ui/button" import { useLanguage } from "@/lib/i18n/context" import { languages, type Language } from "@/lib/i18n/translations" export function LanguageSwitcher() { const [isOpen, setIsOpen] = useState(false) const { language, setLanguage } = useLanguage() const currentLanguage = languages.find((l) => l.code === language) return (

{isOpen && ( <> {/* Backdrop */} setIsOpen(false)} /> {/* Dropdown */} {languages.map((lang, index) => ( { setLanguage(lang.code as Language) setIsOpen(false) }} > {lang.flag} {lang.name} {language === lang.code && ( )} ))} )}

) } [V0_FILE]typescriptreact:file="app/admin/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { useAuth } from "@/lib/auth/context" import { useRouter } from "next/navigation" import { motion } from "framer-motion" import { Shield, FileText, Users, Globe, Clock, User, Activity, Filter, RefreshCw, ChevronLeft, ChevronRight, Monitor, Smartphone, Tablet, MapPin, AlertCircle, LogIn, LogOut, Eye, Upload, Trash2, Settings, MessageSquare, Image, UserPlus, Info, } from "lucide-react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Header } from "@/components/header" import { Footer } from "@/components/footer" import { isAdmin, CATEGORY_META, ACTION_LABELS, type AuditLog, type AuditCategory } from "@/lib/admin" import { useLanguage } from "@/lib/i18n/context" function getDeviceIcon(deviceType: string | null) { switch ((deviceType || "").toLowerCase()) { case "mobile": return case "tablet": return default: return } } function getActionIcon(action: string) { switch (action) { case "login": return case "logout": return case "signup": return case "page_view": return case "file_upload": case "photo_upload": return case "file_delete": case "photo_delete": case "content_delete": return case "settings_change": case "content_edit": return case "ai_chat": return case "ai_image_gen": return case "error_occurred": return default: return } } const CATEGORY_FILTERS = [ "all", "auth", "navigation", "content", "file", "admin", "error", "ai", "community", "other", ] as const export default function AdminPage() { const { user, isLoading: isAuthLoading } = useAuth() const router = useRouter() const { t } = useLanguage() const [logs, setLogs] = useState([]) const [loading, setLoading] = useState(true) const [total, setTotal] = useState(0) const [offset, setOffset] = useState(0) const [categoryFilter, setCategoryFilter] = useState("all") const [expandedLog, setExpandedLog] = useState(null) const limit = 25 const userEmail = user?.email const isUserAdmin = isAdmin(userEmail) useEffect(() => { if (!isAuthLoading && (!user || !isUserAdmin)) { router.push("/") } }, [isAuthLoading, user, isUserAdmin, router]) useEffect(() => { if (userEmail && isUserAdmin) { fetchLogs() } // eslint-disable-next-line react-hooks/exhaustive-deps }, [userEmail, isUserAdmin, offset, categoryFilter]) const fetchLogs = async () => { setLoading(true) try { const params = new URLSearchParams({ email: userEmail || "", limit: limit.toString(), offset: offset.toString(), admin: "true", }) if (categoryFilter !== "all") { params.append("category", categoryFilter) } const response = await fetch(`/api/audit?${params}`) const data = await response.json() if (data.logs) { setLogs(data.logs) setTotal(data.total) } } catch (error) { console.error("Failed to fetch logs:", error) } finally { setLoading(false) } } if (isAuthLoading || !user || !isUserAdmin) { return (

) } const totalPages = Math.ceil(total / limit) const currentPage = Math.floor(offset / limit) + 1 // Compute stats const uniqueUsers = new Set(logs.map((l) => l.user_id || l.user_email)).size const todayLogs = logs.filter((l) => { const d = new Date(l.timestamp || l.created_at) return d.toDateString() === new Date().toDateString() }).length const uniqueIPs = new Set(logs.map((l) => l.ip_address)).size return (

{/* Page Header */}

{t("admin.title")}

Správa webu a audit logy v reálném čase

{t("common.administrator")}

{/* Stats Cards */}

{[ { icon: FileText, label: "Celkem logů", value: total, color: "blue" }, { icon: Users, label: "Unikátní uživatelé", value: uniqueUsers, color: "green" }, { icon: Activity, label: "Dnes", value: todayLogs, color: "purple" }, { icon: Globe, label: "Unikátní IP", value: uniqueIPs, color: "orange" }, ].map((stat, index) => (

{stat.value}

{stat.label}

))}

{/* Category Filter Chips */}

{CATEGORY_FILTERS.map((cat) => { const meta = cat === "all" ? null : CATEGORY_META[cat as AuditCategory] const isActive = categoryFilter === cat return ( ) })}

{/* Audit Logs Table */}

{t("admin.auditLogs")} Přehled všech aktivit s IP adresou, OS, prohlížečem, lokalitou a dalšími detaily

{loading ? (

) : logs.length === 0 ? (

Žádné záznamy k zobrazení

Aktivity se začnou zaznamenávat při použití webu.

) : ( <>

{logs.map((log, index) => { const catMeta = CATEGORY_META[(log.action_category as AuditCategory) || "other"] const actionLabel = ACTION_LABELS[log.action] || log.action const ts = new Date(log.timestamp || log.created_at) const isExpanded = expandedLog === log.id return ( <> setExpandedLog(isExpanded ? null : log.id)} > {/* Time */} {/* Category + Action */} {/* User */} {/* IP */} {/* Device / OS */} {/* Location */} {/* Page */} {/* Expand */} {/* Expanded detail row */} {isExpanded && ( )} ) })}

Čas	Kategorie / Akce	Uživatel	IP adresa	Zařízení / OS	Lokalita	Stránka
{ts.toLocaleDateString("cs-CZ")} {ts.toLocaleTimeString("cs-CZ")}	{catMeta.label} {getActionIcon(log.action)} {actionLabel}	{log.user_email \|\| log.user_id \|\| "Anonymní"}	`{log.ip_address \|\| "—"}`	{getDeviceIcon(log.device_type)} {log.os \|\| "—"} / {log.browser \|\| "—"}	{log.city && log.country ? `${log.city}, ${log.country}` : log.country \|\| "Neznámo"}	{log.page \|\| "—"}
User Agent {log.user_agent \|\| "—"} User ID `{log.user_id \|\| "—"}` {log.latitude && log.longitude && ( GPS {log.latitude.toFixed(4)}, {log.longitude.toFixed(4)} )} {log.details && Object.keys(log.details).length > 0 && ( Detaily {JSON.stringify(log.details, null, 2)} )}

{/* Pagination */}

Zobrazeno {offset + 1}–{Math.min(offset + limit, total)} z {total} záznamů

Strana {currentPage} z {totalPages || 1}

)}

) } [V0_FILE]typescriptreact:file="app/auth/unauthorized/page.tsx" isMerged="true" "use client" import { useAuth } from "@/lib/auth/context" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import Link from "next/link" import { motion } from "framer-motion" import { ShieldX, LogOut, Mail } from "lucide-react" import Image from "next/image" import { useRouter } from "next/navigation" const ALLOWED_EMAIL_DOMAIN = "@skolabn.cz" export default function UnauthorizedPage() { const { signOut } = useAuth() const router = useRouter() const handleSignOut = async () => { await signOut() router.push("/auth/login") } return (

{/* Animated background */}

{[...Array(5)].map((_, i) => ( ))}

{/* Logo */}

Naše 9.B Chyba 103 Přístup zamítnut

Váš účet nemá přístup na tyto stránky. Pro přístup se prosím přihlaste s účtem, který má emailovou doménu {ALLOWED_EMAIL_DOMAIN}.

Povolené emaily:

• Emaily končící na @skolabn.cz
• Administrátorský email

Pokud si myslíte, že jde o chybu, kontaktujte správce webu.

) } [V0_FILE]typescriptreact:file="app/contact/page.tsx" isMerged="true" "use client" import { useCallback, useEffect, useState } from "react" import { Header } from "@/components/header" import { Footer } from "@/components/footer" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Textarea } from "@/components/ui/textarea" import { Label } from "@/components/ui/label" import { Mail, Phone, MapPin, User, GraduationCap, Building, Loader2, CheckCircle2, AlertCircle, RefreshCw, ShieldCheck, } from "lucide-react" import { motion, AnimatePresence } from "framer-motion" import { MotionWrapper, StaggerContainer, StaggerItem } from "@/components/motion-wrapper" import { useLanguage } from "@/lib/i18n/context" // ── Math captcha helpers ─────────────────────────────────────────────── function generateChallenge(): { a: number; b: number; op: "+" | "-" | "*"; answer: number } { const ops: ("+"|"-"|"*")[] = ["+", "-", "*"] const op = ops[Math.floor(Math.random() * ops.length)] let a: number, b: number, answer: number if (op === "+") { a = Math.floor(Math.random() * 20) + 1 b = Math.floor(Math.random() * 20) + 1 answer = a + b } else if (op === "-") { a = Math.floor(Math.random() * 20) + 10 b = Math.floor(Math.random() * a) + 1 answer = a - b } else { a = Math.floor(Math.random() * 9) + 2 b = Math.floor(Math.random() * 9) + 2 answer = a * b } return { a, b, op, answer } } export default function ContactPage() { const { t } = useLanguage() const [name, setName] = useState("") const [email, setEmail] = useState("") const [subject, setSubject] = useState("") const [message, setMessage] = useState("") // Captcha state const [challenge, setChallenge] = useState(() => generateChallenge()) const [captchaInput, setCaptchaInput] = useState("") const [captchaError, setCaptchaError] = useState(false) // Submission state const [isSubmitting, setIsSubmitting] = useState(false) const [submitted, setSubmitted] = useState(false) const [submitError, setSubmitError] = useState(null) const refreshCaptcha = useCallback(() => { setChallenge(generateChallenge()) setCaptchaInput("") setCaptchaError(false) }, []) // Refresh captcha on mount useEffect(() => { refreshCaptcha() }, [refreshCaptcha]) const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setSubmitError(null) setCaptchaError(false) // Validate captcha const userAnswer = parseInt(captchaInput.trim(), 10) if (isNaN(userAnswer) || userAnswer !== challenge.answer) { setCaptchaError(true) refreshCaptcha() return } setIsSubmitting(true) try { const res = await fetch("/api/contact", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ name, email, subject, message }), }) const data = await res.json() if (!res.ok) throw new Error(data.error ?? "Odeslání selhalo") setSubmitted(true) } catch (err: unknown) { setSubmitError(err instanceof Error ? err.message : "Nepodařilo se odeslat zprávu.") refreshCaptcha() } finally { setIsSubmitting(false) } } return (

{/* Hero */}

{t("contact.title")}

{t("contact.subtitle")}

{/* Contact Information */} {t("contact.studioTitle")} {[ { icon: MapPin, label: t("contact.address"), value: "Tadeax Studio s.r.o., Píšťany-Tadeaxovec, Píšťany 41201", }, { icon: Phone, label: t("contact.phone"), value: "+420 773 189 288" }, { icon: Mail, label: t("contact.email"), value: "tad.studio.cz@gmail.com" }, ].map((item, index) => (

{item.label}

{item.value}

))} {t("contact.schoolTitle")}

{t("contact.address")}

Boženy Němcové 2, Litoměřice-Město, Litoměřice, 41201

{t("contact.teacherTitle")}

Petr Svoboda

{t("contact.classTeacher")}

petr.svoboda@skolabn.cz

{/* Contact Form */} {t("contact.formTitle")} {t("contact.formDescription")} {submitted ? (

Zpráva odeslána!

Děkujeme za kontakt. Odpovíme co nejdříve na{" "} tad.studio.cz@gmail.com.

) : (

{t("contact.name")} setName(e.target.value)} required disabled={isSubmitting} />

{t("contact.email")} setEmail(e.target.value)} required disabled={isSubmitting} />

{t("contact.subject")} setSubject(e.target.value)} required disabled={isSubmitting} />

{t("contact.message")}

setMessage(e.target.value)}
                                required
                                disabled={isSubmitting}
                              />
                            </div>

{/* Math Captcha */}
                            <div className="space-y-2 p-4 rounded-xl border border-dashed border-blue-200 dark:border-blue-800 bg-blue-50/50 dark:bg-blue-900/10">
                              <div className="flex items-center gap-2 mb-1">
                                <ShieldCheck className="h-4 w-4 text-blue-600" />
                                <span className="text-xs font-semibold text-blue-700 dark:text-blue-400 uppercase tracking-wide">
                                  Ověření — nejste robot
                                </span>
                              </div>
                              <Label htmlFor="captcha" className="text-sm">
                                Kolik je{" "}
                                <strong className="text-blue-700 dark:text-blue-300 text-base">
                                  {challenge.a} {challenge.op} {challenge.b}
                                </strong>
                                ?
                              </Label>
                              <div className="flex gap-2 items-center">
                                <Input
                                  id="captcha"
                                  type="number"
                                  inputMode="numeric"
                                  placeholder="Váše odpověď"
                                  value={captchaInput}
                                  onChange={(e) => {
                                    setCaptchaInput(e.target.value)
                                    setCaptchaError(false)
                                  }}
                                  required
                                  disabled={isSubmitting}
                                  className={`max-w-[140px] ${captchaError ? "border-red-400 focus-visible:ring-red-400" : ""}`}
                                />
                                <button
                                  type="button"
                                  onClick={refreshCaptcha}
                                  className="text-muted-foreground hover:text-foreground transition-colors"
                                  aria-label="Nové zadání"
                                  title="Nové zadání"
                                >
                                  <RefreshCw className="h-4 w-4" />
                                </button>
                              </div>
                              <AnimatePresence>
                                {captchaError && (
                                  <motion.p
                                    initial={{ opacity: 0 }}
                                    animate={{ opacity: 1 }}
                                    exit={{ opacity: 0 }}
                                    className="text-xs text-red-500 flex items-center gap-1"
                                  >
                                    <AlertCircle className="h-3.5 w-3.5" />
                                    Špatná odpověď. Zkuste nové zadání.
                                  </motion.p>
                                )}
                              </AnimatePresence>
                            </div>

{/* Submit error */}
                            <AnimatePresence>
                              {submitError && (
                                <motion.div
                                  initial={{ opacity: 0, y: -6 }}
                                  animate={{ opacity: 1, y: 0 }}
                                  exit={{ opacity: 0 }}
                                  className="p-3 bg-red-50 dark:bg-red-900/30 border border-red-200 dark:border-red-700 rounded-xl text-sm text-red-600 dark:text-red-400 flex items-center gap-2"
                                >
                                  <AlertCircle className="h-4 w-4 shrink-0" />
                                  {submitError}
                                </motion.div>
                              )}
                            </AnimatePresence>

<motion.div whileHover={{ scale: 1.02 }} whileTap={{ scale: 0.98 }}>
                              <Button
                                type="submit"
                                className="w-full bg-blue-600 hover:bg-blue-700 h-11 rounded-xl font-semibold"
                                disabled={isSubmitting}
                              >
                                {isSubmitting ? (
                                  <>
                                    <Loader2 className="h-4 w-4 mr-2 animate-spin" />
                                    Odesílám...
                                  </>
                                ) : (
                                  t("contact.send")
                                )}
                              </Button>
                            </motion.div>

<p className="text-[11px] text-center text-muted-foreground">
                              Zpráva bude odeslána na{" "}
                              <strong className="text-foreground">tad.studio.cz@gmail.com</strong>
                            </p>
                          </motion.form>
                        )}
                      </AnimatePresence>
                    </CardContent>
                  </Card>
                </motion.div>
              </MotionWrapper>
            </div>
          </div>
        </section>
      </main>
      <Footer />
    </div>
  )
}
[V0_FILE]png:file="public/logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/1000001332-removebg-preview-dbRaWkV6m0EouGKWCBMIdIP4yYnXda.png" isMerged="true"
[V0_FILE]typescriptreact:file="components/quick-links.tsx" isMerged="true"
"use client"

import Link from "next/link"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Users, Newspaper, Clock, Mail, Heart } from "lucide-react"
import { motion } from "framer-motion"
import { MotionWrapper, StaggerContainer, StaggerItem } from "./motion-wrapper"
import { useLanguage } from "@/lib/i18n/context"

export function QuickLinks() {
  const { t } = useLanguage()

const links = [
    {
      href: "/students",
      icon: Users,
      titleKey: "quickLinks.students",
      descKey: "quickLinks.studentsDesc",
    },
    {
      href: "/aktuality",
      icon: Newspaper,
      titleKey: "quickLinks.news",
      descKey: "quickLinks.newsDesc",
    },
    {
      href: "/rozvrh-hodin",
      icon: Clock,
      titleKey: "quickLinks.schedule",
      descKey: "quickLinks.scheduleDesc",
    },
    {
      href: "/contact",
      icon: Mail,
      titleKey: "quickLinks.contact",
      descKey: "quickLinks.contactDesc",
    },
    {
      href: "/support",
      icon: Heart,
      titleKey: "quickLinks.support",
      descKey: "quickLinks.supportDesc",
    },
  ]

return (
    <section className="py-16 bg-background">
      <div className="container mx-auto px-4">
        <MotionWrapper className="text-center mb-12">
          <h2 className="text-3xl font-bold text-foreground mb-4">{t("quickLinks.title")}</h2>
          <p className="text-muted-foreground max-w-2xl mx-auto">{t("quickLinks.subtitle")}</p>
        </MotionWrapper>

<StaggerContainer className="grid gap-6 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5" staggerDelay={0.1}>
          {links.map((link) => (
            <StaggerItem key={link.href}>
              <Link href={link.href}>
                <motion.div
                  whileHover={{ scale: 1.03, y: -5 }}
                  whileTap={{ scale: 0.98 }}
                  transition={{ duration: 0.2 }}
                >
                  <Card className="h-full hover:shadow-lg transition-all hover:border-blue-300 cursor-pointer">
                    <CardHeader className="text-center">
                      <motion.div
                        whileHover={{ rotate: [0, -10, 10, 0] }}
                        transition={{ duration: 0.4 }}
                        className="mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-blue-100 text-blue-600"
                      >
                        <link.icon className="h-7 w-7" />
                      </motion.div>
                      <CardTitle className="text-lg">{t(link.titleKey)}</CardTitle>
                    </CardHeader>
                    <CardContent>
                      <CardDescription className="text-center">{t(link.descKey)}</CardDescription>
                    </CardContent>
                  </Card>
                </motion.div>
              </Link>
            </StaggerItem>
          ))}
        </StaggerContainer>
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="app/community/page.tsx" isMerged="true"
"use client"

import { useState, useEffect, useCallback } from "react"
import { Header } from "@/components/header"
import { Footer } from "@/components/footer"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"
import { Textarea } from "@/components/ui/textarea"
import { Avatar, AvatarFallback } from "@/components/ui/avatar"
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
import {
  AlertDialog,
  AlertDialogAction,
  AlertDialogCancel,
  AlertDialogContent,
  AlertDialogDescription,
  AlertDialogFooter,
  AlertDialogHeader,
  AlertDialogTitle,
} from "@/components/ui/alert-dialog"
import { motion } from "framer-motion"
import { MotionWrapper, StaggerContainer, StaggerItem } from "@/components/motion-wrapper"
import {
  Users,
  Heart,
  Share2,
  Send,
  Lock,
  Calendar,
  MessageSquare,
  Bell,
  MoreHorizontal,
  Pencil,
  Trash2,
  Check,
  Loader2,
} from "lucide-react"
import { useLanguage } from "@/lib/i18n/context"
import { useAuth } from "@/lib/auth/context"
import { createClient } from "@/lib/supabase/client"
import { toast } from "sonner"

interface Comment {
  id: string
  content: string
  user_id: string
  user_email: string
  user_name: string
  created_at: string
  updated_at: string
  likes_count?: number
  user_has_liked?: boolean
}

const upcomingEvents = [
  { id: 1, title: "Třídní schůzka", date: "Bude upřesněno", type: "meeting" },
  { id: 2, title: "Školní výlet", date: "Bude upřesněno", type: "trip" },
]

export default function CommunityPage() {
  const { t } = useLanguage()
  const { user, isLoading: isAuthLoading } = useAuth()
  const [comments, setComments] = useState<Comment[]>([])
  const [newComment, setNewComment] = useState("")
  const [isLoading, setIsLoading] = useState(true)
  const [isSubmitting, setIsSubmitting] = useState(false)
  const [editingId, setEditingId] = useState<string | null>(null)
  const [editContent, setEditContent] = useState("")
  const [deleteId, setDeleteId] = useState<string | null>(null)
  const [copiedId, setCopiedId] = useState<string | null>(null)

const supabase = createClient()

const fetchComments = useCallback(async () => {
    try {
      // Fetch all public comments - globally visible to everyone
      const { data: commentsData, error: commentsError } = await supabase
        .from("comments")
        .select("*")
        .eq("is_public", true)
        .order("created_at", { ascending: false })

if (commentsError) throw commentsError

if (commentsData) {
        // Get like counts for all comments
        const commentsWithLikes = await Promise.all(
          commentsData.map(async (comment) => {
            const { count } = await supabase
              .from("comment_likes")
              .select("*", { count: "exact", head: true })
              .eq("comment_id", comment.id)

let userHasLiked = false
            if (user) {
              const { data: likeData } = await supabase
                .from("comment_likes")
                .select("id")
                .eq("comment_id", comment.id)
                .eq("user_id", user.id)
                .single()
              userHasLiked = !!likeData
            }

return {
              ...comment,
              likes_count: count || 0,
              user_has_liked: userHasLiked,
            }
          }),
        )

setComments(commentsWithLikes)
      }
    } catch (error) {
      console.error("Error fetching comments:", error)
    } finally {
      setIsLoading(false)
    }
  }, [supabase, user])

useEffect(() => {
    if (!isAuthLoading) {
      fetchComments()
    }
  }, [isAuthLoading, fetchComments])

const handleSubmit = async () => {
    if (!newComment.trim() || !user) return

setIsSubmitting(true)
    try {
      const userName = user.email?.split("@")[0] || "Uživatel"

const { error } = await supabase.from("comments").insert({
        content: newComment.trim(),
        user_id: user.id,
        user_email: user.email || "",
        user_name: userName,
        is_public: true, // Make all posts globally visible by default
      })

if (error) throw error

setNewComment("")
      toast.success("Příspěvek byl přidán!")
      fetchComments()
    } catch (error) {
      console.error("Error creating comment:", error)
      toast.error("Nepodařilo se přidat příspěvek")
    } finally {
      setIsSubmitting(false)
    }
  }

const handleLike = async (commentId: string, hasLiked: boolean) => {
    if (!user) return

try {
      if (hasLiked) {
        await supabase.from("comment_likes").delete().eq("comment_id", commentId).eq("user_id", user.id)
      } else {
        await supabase.from("comment_likes").insert({ comment_id: commentId, user_id: user.id })
      }
      fetchComments()
    } catch (error) {
      console.error("Error toggling like:", error)
    }
  }

const handleEdit = async (commentId: string) => {
    if (!editContent.trim()) return

try {
      const { error } = await supabase
        .from("comments")
        .update({ content: editContent.trim(), updated_at: new Date().toISOString() })
        .eq("id", commentId)
        .eq("user_id", user?.id)

if (error) throw error

setEditingId(null)
      setEditContent("")
      toast.success("Příspěvek byl upraven!")
      fetchComments()
    } catch (error) {
      console.error("Error updating comment:", error)
      toast.error("Nepodařilo se upravit příspěvek")
    }
  }

const handleDelete = async () => {
    if (!deleteId || !user) return

try {
      const { error } = await supabase.from("comments").delete().eq("id", deleteId).eq("user_id", user.id)

if (error) throw error

setDeleteId(null)
      toast.success("Příspěvek byl smazán!")
      fetchComments()
    } catch (error) {
      console.error("Error deleting comment:", error)
      toast.error("Nepodařilo se smazat příspěvek")
    }
  }

const handleShare = async (comment: Comment) => {
    const shareText = `${comment.user_name}: "${comment.content}"`
    const shareUrl = `${window.location.origin}/community#comment-${comment.id}`

if (navigator.share) {
      try {
        await navigator.share({ title: "Sdílet příspěvek", text: shareText, url: shareUrl })
      } catch {
        // User cancelled or share failed
      }
    } else {
      await navigator.clipboard.writeText(`${shareText}\n${shareUrl}`)
      setCopiedId(comment.id)
      toast.success("Odkaz byl zkopírován!")
      setTimeout(() => setCopiedId(null), 2000)
    }
  }

const formatDate = (dateStr: string) => {
    const date = new Date(dateStr)
    const now = new Date()
    const diffMs = now.getTime() - date.getTime()
    const diffMins = Math.floor(diffMs / 60000)
    const diffHours = Math.floor(diffMs / 3600000)
    const diffDays = Math.floor(diffMs / 86400000)

if (diffMins < 1) return "Právě teď"
    if (diffMins < 60) return `Před ${diffMins} min`
    if (diffHours < 24) return `Před ${diffHours} h`
    if (diffDays < 7) return `Před ${diffDays} dny`
    return date.toLocaleDateString("cs-CZ")
  }

const getInitials = (name: string) => {
    return name
      .split(" ")
      .map((n) => n[0])
      .join("")
      .toUpperCase()
      .slice(0, 2)
  }

return (
    <div className="min-h-screen flex flex-col bg-background">
      <Header />
      <main className="flex-1">
        {/* Hero Section */}
        <section className="relative py-16 bg-gradient-to-br from-purple-600 to-purple-800 text-white overflow-hidden">
          <div className="absolute inset-0 overflow-hidden">
            {[...Array(20)].map((_, i) => (
              <motion.div
                key={i}
                className="absolute w-2 h-2 bg-white/20 rounded-full"
                initial={{ x: Math.random() * 100 + "%", y: Math.random() * 100 + "%" }}
                animate={{ y: [Math.random() * 100 + "%", Math.random() * 100 + "%"], opacity: [0.2, 0.5, 0.2] }}
                transition={{ duration: 5 + Math.random() * 5, repeat: Number.POSITIVE_INFINITY, ease: "easeInOut" }}
              />
            ))}
          </div>
          <div className="container mx-auto px-4 relative z-10">
            <MotionWrapper>
              <div className="flex items-center justify-center gap-3 mb-4">
                <motion.div
                  animate={{ scale: [1, 1.1, 1] }}
                  transition={{ duration: 2, repeat: Number.POSITIVE_INFINITY }}
                >
                  <Users className="h-10 w-10" />
                </motion.div>
                <Badge variant="secondary" className="bg-white/20 text-white border-0">
                  <Lock className="h-3 w-3 mr-1" />
                  {t("community.studentsOnly")}
                </Badge>
              </div>
              <h1 className="text-4xl md:text-5xl font-bold text-center mb-4">{t("community.title")}</h1>
              <p className="text-xl text-purple-100 text-center max-w-2xl mx-auto">{t("community.subtitle")}</p>
            </MotionWrapper>
          </div>
        </section>

{/* Main Content */}
        <section className="py-12">
          <div className="container mx-auto px-4">
            <div className="grid gap-8 lg:grid-cols-3">
              {/* Main Feed */}
              <div className="lg:col-span-2 space-y-6">
                {/* Create Post */}
                {user && (
                  <MotionWrapper>
                    <Card>
                      <CardContent className="p-4">
                        <div className="flex gap-4">
                          <Avatar className="h-10 w-10">
                            <AvatarFallback className="bg-purple-100 text-purple-600 dark:bg-purple-900 dark:text-purple-300">
                              {getInitials(user.email?.split("@")[0] || "U")}
                            </AvatarFallback>
                          </Avatar>
                          <div className="flex-1 space-y-3">
                            <Textarea
                              placeholder={t("community.createPost")}
                              className="min-h-[80px] resize-none"
                              value={newComment}
                              onChange={(e) => setNewComment(e.target.value)}
                            />
                            <div className="flex justify-end">
                              <motion.div whileHover={{ scale: 1.02 }} whileTap={{ scale: 0.98 }}>
                                <Button
                                  className="bg-purple-600 hover:bg-purple-700"
                                  onClick={handleSubmit}
                                  disabled={isSubmitting || !newComment.trim()}
                                >
                                  {isSubmitting ? (
                                    <Loader2 className="h-4 w-4 mr-2 animate-spin" />
                                  ) : (
                                    <Send className="h-4 w-4 mr-2" />
                                  )}
                                  {t("community.addPost")}
                                </Button>
                              </motion.div>
                            </div>
                          </div>
                        </div>
                      </CardContent>
                    </Card>
                  </MotionWrapper>
                )}

{/* Posts */}
                {isLoading ? (
                  <div className="flex justify-center py-12">
                    <Loader2 className="h-8 w-8 animate-spin text-purple-600" />
                  </div>
                ) : (
                  <StaggerContainer className="space-y-4">
                    {comments.map((comment) => (
                      <StaggerItem key={comment.id}>
                        <motion.div whileHover={{ y: -2 }} transition={{ duration: 0.2 }} id={`comment-${comment.id}`}>
                          <Card>
                            <CardContent className="p-4">
                              <div className="flex gap-4">
                                <Avatar className="h-10 w-10">
                                  <AvatarFallback className="bg-purple-100 text-purple-600 dark:bg-purple-900 dark:text-purple-300">
                                    {getInitials(comment.user_name)}
                                  </AvatarFallback>
                                </Avatar>
                                <div className="flex-1">
                                  <div className="flex items-center justify-between mb-1">
                                    <div className="flex items-center gap-2">
                                      <span className="font-semibold">{comment.user_name}</span>
                                      <span className="text-xs text-muted-foreground">
                                        • {formatDate(comment.created_at)}
                                      </span>
                                      {comment.updated_at !== comment.created_at && (
                                        <span className="text-xs text-muted-foreground">(upraveno)</span>
                                      )}
                                    </div>
                                    {user?.id === comment.user_id && (
                                      <DropdownMenu>
                                        <DropdownMenuTrigger asChild>
                                          <Button variant="ghost" size="sm" className="h-8 w-8 p-0">
                                            <MoreHorizontal className="h-4 w-4" />
                                          </Button>
                                        </DropdownMenuTrigger>
                                        <DropdownMenuContent align="end">
                                          <DropdownMenuItem
                                            onClick={() => {
                                              setEditingId(comment.id)
                                              setEditContent(comment.content)
                                            }}
                                          >
                                            <Pencil className="h-4 w-4 mr-2" />
                                            Upravit
                                          </DropdownMenuItem>
                                          <DropdownMenuItem
                                            onClick={() => setDeleteId(comment.id)}
                                            className="text-red-600"
                                          >
                                            <Trash2 className="h-4 w-4 mr-2" />
                                            Smazat
                                          </DropdownMenuItem>
                                        </DropdownMenuContent>
                                      </DropdownMenu>
                                    )}
                                  </div>

{editingId === comment.id ? (
                                    <div className="space-y-2">
                                      <Textarea
                                        value={editContent}
                                        onChange={(e) => setEditContent(e.target.value)}
                                        className="min-h-[60px]"
                                      />
                                      <div className="flex gap-2">
                                        <Button size="sm" onClick={() => handleEdit(comment.id)}>
                                          Uložit
                                        </Button>
                                        <Button
                                          size="sm"
                                          variant="outline"
                                          className="bg-transparent"
                                          onClick={() => setEditingId(null)}
                                        >
                                          Zrušit
                                        </Button>
                                      </div>
                                    </div>
                                  ) : (
                                    <p className="text-sm text-foreground mb-4 whitespace-pre-wrap">
                                      {comment.content}
                                    </p>
                                  )}

<div className="flex items-center gap-4 text-muted-foreground">
                                    <motion.button
                                      whileHover={{ scale: 1.1 }}
                                      whileTap={{ scale: 0.9 }}
                                      onClick={() => handleLike(comment.id, comment.user_has_liked || false)}
                                      className={`flex items-center gap-1 text-sm transition-colors ${
                                        comment.user_has_liked
                                          ? "text-red-500"
                                          : "hover:text-purple-600 dark:hover:text-purple-400"
                                      }`}
                                    >
                                      <Heart className={`h-4 w-4 ${comment.user_has_liked ? "fill-current" : ""}`} />
                                      {comment.likes_count || 0}
                                    </motion.button>
                                    <motion.button
                                      whileHover={{ scale: 1.1 }}
                                      whileTap={{ scale: 0.9 }}
                                      onClick={() => handleShare(comment)}
                                      className="flex items-center gap-1 text-sm hover:text-purple-600 dark:hover:text-purple-400 transition-colors"
                                    >
                                      {copiedId === comment.id ? (
                                        <Check className="h-4 w-4" />
                                      ) : (
                                        <Share2 className="h-4 w-4" />
                                      )}
                                    </motion.button>
                                  </div>
                                </div>
                              </div>
                            </CardContent>
                          </Card>
                        </motion.div>
                      </StaggerItem>
                    ))}

{comments.length === 0 && (
                      <StaggerItem>
                        <Card className="bg-muted/30 border-dashed">
                          <CardContent className="p-8 text-center">
                            <div className="inline-flex items-center justify-center w-12 h-12 rounded-full bg-muted mb-4">
                              <MessageSquare className="h-6 w-6 text-muted-foreground" />
                            </div>
                            <h3 className="font-semibold mb-2">{t("community.beFirst")}</h3>
                            <p className="text-sm text-muted-foreground">{t("community.beFirstDesc")}</p>
                          </CardContent>
                        </Card>
                      </StaggerItem>
                    )}
                  </StaggerContainer>
                )}
              </div>

{/* Sidebar */}
              <div className="space-y-6">
                <MotionWrapper delay={0.1}>
                  <Card>
                    <CardHeader className="pb-3">
                      <CardTitle className="text-lg flex items-center gap-2">
                        <Calendar className="h-5 w-5 text-purple-600" />
                        {t("community.upcomingEvents")}
                      </CardTitle>
                    </CardHeader>
                    <CardContent className="space-y-3">
                      {upcomingEvents.map((event) => (
                        <div key={event.id} className="flex items-center gap-3 p-2 rounded-lg hover:bg-muted/50">
                          <div className="w-2 h-2 rounded-full bg-purple-600" />
                          <div>
                            <p className="font-medium text-sm">{event.title}</p>
                            <p className="text-xs text-muted-foreground">{event.date}</p>
                          </div>
                        </div>
                      ))}
                    </CardContent>
                  </Card>
                </MotionWrapper>

<MotionWrapper delay={0.2}>
                  <Card>
                    <CardHeader className="pb-3">
                      <CardTitle className="text-lg flex items-center gap-2">
                        <Bell className="h-5 w-5 text-purple-600" />
                        {t("community.announcements")}
                      </CardTitle>
                    </CardHeader>
                    <CardContent>
                      <p className="text-sm text-muted-foreground">{t("community.noAnnouncements")}</p>
                    </CardContent>
                  </Card>
                </MotionWrapper>
              </div>
            </div>
          </div>
        </section>
      </main>

{/* Delete Confirmation Dialog */}
      <AlertDialog open={!!deleteId} onOpenChange={() => setDeleteId(null)}>
        <AlertDialogContent>
          <AlertDialogHeader>
            <AlertDialogTitle>Smazat příspěvek?</AlertDialogTitle>
            <AlertDialogDescription>Tato akce je nevratná. Příspěvek bude trvale smazán.</AlertDialogDescription>
          </AlertDialogHeader>
          <AlertDialogFooter>
            <AlertDialogCancel>Zrušit</AlertDialogCancel>
            <AlertDialogAction onClick={handleDelete} className="bg-red-600 hover:bg-red-700">
              Smazat
            </AlertDialogAction>
          </AlertDialogFooter>
        </AlertDialogContent>
      </AlertDialog>

<Footer />
    </div>
  )
}
[V0_FILE]typescript:file="lib/supabase/client.ts" isMerged="true"
import { createBrowserClient } from "@supabase/ssr"

const SUPABASE_URL = process.env.NEXT_PUBLIC_SUPABASE_URL ?? ""
const SUPABASE_ANON_KEY = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY ?? ""

export function createClient() {
  if (!SUPABASE_URL || !SUPABASE_ANON_KEY) {
    throw new Error(
      "Supabase environment variables are not set. Add NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY to your project.",
    )
  }
  return createBrowserClient(SUPABASE_URL, SUPABASE_ANON_KEY)
}
[V0_FILE]typescript:file="lib/supabase/server.ts" isMerged="true"
import { createServerClient } from "@supabase/ssr"
import { createClient as createSupabaseClient } from "@supabase/supabase-js"
import { cookies } from "next/headers"

export async function createClient() {
  const url = process.env.NEXT_PUBLIC_SUPABASE_URL
  const key = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY

if (!url || !key) {
    throw new Error(
      "Supabase environment variables are not set. Add NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY to your project.",
    )
  }

const cookieStore = await cookies()

return createServerClient(url, key, {
    cookies: {
      getAll() {
        return cookieStore.getAll()
      },
      setAll(cookiesToSet) {
        try {
          cookiesToSet.forEach(({ name, value, options }) => cookieStore.set(name, value, options))
        } catch {
          // The "setAll" method was called from a Server Component.
        }
      },
    },
  })
}

/**
 * Creates an admin Supabase client using the service_role key.
 * This bypasses RLS entirely — use only in server-side admin routes
 * after verifying the caller is an admin.
 */
export function createAdminClient() {
  const url = process.env.NEXT_PUBLIC_SUPABASE_URL
  const serviceRoleKey = process.env.SUPABASE_SERVICE_ROLE_KEY

if (!url || !serviceRoleKey) {
    throw new Error(
      "Supabase admin environment variables are not set. Add NEXT_PUBLIC_SUPABASE_URL and SUPABASE_SERVICE_ROLE_KEY to your project.",
    )
  }

return createSupabaseClient(url, serviceRoleKey, {
    auth: {
      autoRefreshToken: false,
      persistSession: false,
    },
  })
}
[V0_FILE]sql:file="scripts/001_create_community_tables.sql" isMerged="true"
-- Create comments table for community posts
CREATE TABLE IF NOT EXISTS comments (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  content TEXT NOT NULL,
  user_id TEXT NOT NULL,
  user_email TEXT NOT NULL,
  user_name TEXT NOT NULL,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Create likes table
CREATE TABLE IF NOT EXISTS comment_likes (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  comment_id UUID NOT NULL REFERENCES comments(id) ON DELETE CASCADE,
  user_id TEXT NOT NULL,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  UNIQUE(comment_id, user_id)
);

-- Enable Row Level Security
ALTER TABLE comments ENABLE ROW LEVEL SECURITY;
ALTER TABLE comment_likes ENABLE ROW LEVEL SECURITY;

-- RLS Policies for comments
-- Anyone can read comments
CREATE POLICY "Anyone can read comments" ON comments FOR SELECT USING (true);

-- Users can insert their own comments
CREATE POLICY "Users can insert own comments" ON comments FOR INSERT WITH CHECK (true);

-- Users can update their own comments
CREATE POLICY "Users can update own comments" ON comments FOR UPDATE USING (true);

-- Users can delete their own comments
CREATE POLICY "Users can delete own comments" ON comments FOR DELETE USING (true);

-- RLS Policies for likes
-- Anyone can read likes
CREATE POLICY "Anyone can read likes" ON comment_likes FOR SELECT USING (true);

-- Users can insert their own likes
CREATE POLICY "Users can insert own likes" ON comment_likes FOR INSERT WITH CHECK (true);

-- Users can delete their own likes
CREATE POLICY "Users can delete own likes" ON comment_likes FOR DELETE USING (true);

-- Create indexes for performance
CREATE INDEX IF NOT EXISTS idx_comments_created_at ON comments(created_at DESC);
CREATE INDEX IF NOT EXISTS idx_comment_likes_comment_id ON comment_likes(comment_id);
CREATE INDEX IF NOT EXISTS idx_comment_likes_user_id ON comment_likes(user_id);
[V0_FILE]typescriptreact:file="components/theme-toggle.tsx" isMerged="true"
"use client"
import { Moon, Sun } from "lucide-react"
import { useTheme } from "next-themes"
import { Button } from "@/components/ui/button"
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"

export function ThemeToggle() {
  const { setTheme } = useTheme()

return (
    <DropdownMenu>
      <DropdownMenuTrigger asChild>
        <Button variant="ghost" size="icon" className="h-9 w-9">
          <Sun className="h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
          <Moon className="absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
          <span className="sr-only">Toggle theme</span>
        </Button>
      </DropdownMenuTrigger>
      <DropdownMenuContent align="end">
        <DropdownMenuItem onClick={() => setTheme("light")}>
          <Sun className="h-4 w-4 mr-2" />
          Světlý
        </DropdownMenuItem>
        <DropdownMenuItem onClick={() => setTheme("dark")}>
          <Moon className="h-4 w-4 mr-2" />
          Tmavý
        </DropdownMenuItem>
        <DropdownMenuItem onClick={() => setTheme("system")}>Systémový</DropdownMenuItem>
      </DropdownMenuContent>
    </DropdownMenu>
  )
}
[V0_FILE]typescriptreact:file="components/theme-provider.tsx" isMerged="true"
'use client'

import * as React from 'react'
import {
  ThemeProvider as NextThemesProvider,
  type ThemeProviderProps,
} from 'next-themes'

export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
  return <NextThemesProvider {...props}>{children}</NextThemesProvider>
}
[V0_FILE]typescriptreact:file="components/latest-news.tsx" isMerged="true"
"use client"

import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Button } from "@/components/ui/button"
import Link from "next/link"
import { Calendar, ArrowRight, ShoppingBag, Plane, GraduationCap, Award, Music } from "lucide-react"
import { motion } from "framer-motion"
import { MotionWrapper } from "./motion-wrapper"
import { useLanguage } from "@/lib/i18n/context"

const allNews = [
  {
    id: 6,
    titleKey: "news.dance.title",
    date: "20. února 2026",
    categoryKey: "news.dance.category",
    descriptionKey: "news.dance.description",
    icon: Music,
  },
  {
    id: 5,
    titleKey: "news.cambridge.title",
    date: "15. února 2026",
    categoryKey: "news.cambridge.category",
    descriptionKey: "news.cambridge.description",
    icon: Award,
  },
  {
    id: 4,
    titleKey: "news.merchUpdate.title",
    date: "10. února 2026",
    categoryKey: "news.merchUpdate.category",
    descriptionKey: "news.merchUpdate.description",
    icon: ShoppingBag,
  },
  {
    id: 3,
    titleKey: "news.mockExams.title",
    date: "12. ledna 2026",
    categoryKey: "news.mockExams.category",
    descriptionKey: "news.mockExams.description",
    icon: GraduationCap,
  },
  {
    id: 2,
    titleKey: "news.england.title",
    date: "10. ledna 2026",
    categoryKey: "news.england.category",
    descriptionKey: "news.england.description",
    icon: Plane,
  },
  {
    id: 1,
    titleKey: "news.merch.title",
    date: "8. ledna 2026",
    categoryKey: "news.merch.category",
    descriptionKey: "news.merch.description",
    icon: ShoppingBag,
  },
]

const categoryColors: Record<string, string> = {
  Výlet: "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300",
  Vzdělávání: "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300",
  Merch: "bg-pink-100 text-pink-700 dark:bg-pink-900 dark:text-pink-300",
  Tanec: "bg-violet-100 text-violet-700 dark:bg-violet-900 dark:text-violet-300",
  Certifikáty: "bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300",
  Trip: "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300",
  MockExams: "bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-300",
  Education: "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300",
  Dance: "bg-violet-100 text-violet-700 dark:bg-violet-900 dark:text-violet-300",
  Certificates: "bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300",
}

export function LatestNews() {
  const { t } = useLanguage()

const latestNews = allNews.slice(0, 3)

const getCategoryColor = (categoryKey: string) => {
    const category = t(categoryKey)
    return categoryColors[category] || "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300"
  }

return (
    <section className="py-16 bg-muted/30">
      <div className="container mx-auto px-4">
        <MotionWrapper>
          <div className="flex items-center justify-between mb-12">
            <div>
              <h2 className="text-3xl font-bold text-foreground mb-2">{t("latestNews.title")}</h2>
              <p className="text-muted-foreground">{t("latestNews.subtitle")}</p>
            </div>
            <motion.div whileHover={{ x: 5 }} whileTap={{ scale: 0.95 }}>
              <Button variant="outline" asChild className="hidden sm:flex bg-transparent">
                <Link href="/aktuality">
                  {t("latestNews.viewAll")}
                  <ArrowRight className="ml-2 h-4 w-4" />
                </Link>
              </Button>
            </motion.div>
          </div>
        </MotionWrapper>

<div className="grid gap-6 md:grid-cols-3">
          {latestNews.map((item, index) => {
            const IconComponent = item.icon
            return (
              <motion.div
                key={item.id}
                initial={{ opacity: 0, y: 20 }}
                whileInView={{ opacity: 1, y: 0 }}
                viewport={{ once: true }}
                transition={{ delay: index * 0.1, duration: 0.4 }}
                whileHover={{ scale: 1.02, y: -5 }}
              >
                <Card className="hover:shadow-lg transition-all h-full cursor-pointer">
                  <CardHeader>
                    <div className="flex items-center justify-between mb-2">
                      <div className="flex items-center gap-2 text-sm text-muted-foreground">
                        <Calendar className="h-4 w-4" />
                        <span>{item.date}</span>
                      </div>
                      <Badge className={getCategoryColor(item.categoryKey)}>
                        <IconComponent className="h-3 w-3 mr-1" />
                        {t(item.categoryKey)}
                      </Badge>
                    </div>
                    <CardTitle className="text-xl">{t(item.titleKey)}</CardTitle>
                  </CardHeader>
                  <CardContent>
                    <CardDescription className="text-base leading-relaxed line-clamp-3">
                      {t(item.descriptionKey)}
                    </CardDescription>
                  </CardContent>
                </Card>
              </motion.div>
            )
          })}
        </div>

<MotionWrapper className="mt-8 text-center sm:hidden" delay={0.4}>
          <motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
            <Button variant="outline" asChild className="bg-transparent">
              <Link href="/aktuality">
                {t("latestNews.viewAll")}
                <ArrowRight className="ml-2 h-4 w-4" />
              </Link>
            </Button>
          </motion.div>
        </MotionWrapper>
      </div>
    </section>
  )
}
[V0_FILE]jpg:file="public/timetable.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Screenshot_20260105_145042_Edupage-xvp5mUYUILRVG3kzNLjNLz3FFRGIdM.jpg" isMerged="true"
[V0_FILE]typescriptreact:file="app/rozvrh-hodin/page.tsx" isMerged="true"
"use client"

import { Header } from "@/components/header"
import { Footer } from "@/components/footer"
import { Card, CardContent } from "@/components/ui/card"
import { motion } from "framer-motion"
import { MotionWrapper } from "@/components/motion-wrapper"
import { useLanguage } from "@/lib/i18n/context"
import Image from "next/image"

export default function RozvrhPage() {
  const { t } = useLanguage()

return (
    <div className="min-h-screen flex flex-col bg-background">
      <Header />
      <main className="flex-1">
        <section className="py-12 bg-gradient-to-br from-blue-600 to-blue-800 text-white relative overflow-hidden">
          <motion.div
            initial={{ opacity: 0 }}
            animate={{ opacity: 0.1 }}
            transition={{ duration: 1 }}
            className="absolute inset-0 bg-[url('/abstract-geometric-pattern.png')]"
          />
          <div className="container mx-auto px-4 text-center relative z-10">
            <MotionWrapper variant="fadeInDown">
              <h1 className="text-4xl md:text-5xl font-bold mb-4">{t("schedule.title")}</h1>
            </MotionWrapper>
            <MotionWrapper variant="fadeInUp" delay={0.2}>
              <p className="text-lg text-blue-100 max-w-2xl mx-auto">{t("schedule.subtitle")}</p>
            </MotionWrapper>
          </div>
        </section>

<section className="py-16">
          <div className="container mx-auto px-4">
            <MotionWrapper>
              <Card className="overflow-hidden">
                <CardContent className="p-4 md:p-6">
                  <div className="relative w-full">
                    <Image
                      src="/timetable.jpg"
                      alt="Rozvrh hodin - Základní škola Litoměřice, Boženy Němcové 2"
                      width={1080}
                      height={720}
                      className="w-full h-auto rounded-lg"
                      priority
                    />
                  </div>
                  <p className="text-sm text-muted-foreground mt-4 text-center">
                    Platnost: 1. 12. 2025 | Základní škola Litoměřice, Boženy Němcové 2
                  </p>
                </CardContent>
              </Card>
            </MotionWrapper>
          </div>
        </section>
      </main>
      <Footer />
    </div>
  )
}
[V0_FILE]png:file="public/images/vercel-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Vercel-Logo-1536x864-uIM78Ws4KTJyaihvqfIcBtChKbcZH0.png" isMerged="true"
[V0_FILE]png:file="public/images/v0-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/v0%20%281%29-6gk5MUI246jTTaKOq0XAK0wWhDNcpa.png" isMerged="true"
[V0_FILE]png:file="public/images/tadeax-studio-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/tadeax-studio-logo-eKWmOS8uMBjRm8XDKntvSljDH90EMG.png" isMerged="true"
[V0_FILE]typescriptreact:file="app/support/page.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { Header } from "@/components/header"
import { Footer } from "@/components/footer"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { HelpCircle, ChevronDown, Search, MessageCircle } from "lucide-react"
import { motion, AnimatePresence } from "framer-motion"
import { MotionWrapper, StaggerContainer, StaggerItem } from "@/components/motion-wrapper"
import { useLanguage } from "@/lib/i18n/context"
import { Input } from "@/components/ui/input"
import { Button } from "@/components/ui/button"
import Link from "next/link"

export default function SupportPage() {
  const { t } = useLanguage()
  const [openFaq, setOpenFaq] = useState<number | null>(null)
  const [searchQuery, setSearchQuery] = useState("")

const faqCategories = [
    {
      titleKey: "faq.general",
      items: [
        { questionKey: "faq.q1", answerKey: "faq.a1" },
        { questionKey: "faq.q2", answerKey: "faq.a2" },
        { questionKey: "faq.q3", answerKey: "faq.a3" },
      ],
    },
    {
      titleKey: "faq.account",
      items: [
        { questionKey: "faq.q4", answerKey: "faq.a4" },
        { questionKey: "faq.q5", answerKey: "faq.a5" },
      ],
    },
    {
      titleKey: "faq.features",
      items: [
        { questionKey: "faq.q6", answerKey: "faq.a6" },
        { questionKey: "faq.q7", answerKey: "faq.a7" },
        { questionKey: "faq.q8", answerKey: "faq.a8" },
      ],
    },
  ]

const allFaqs = faqCategories.flatMap((cat, catIndex) =>
    cat.items.map((item, itemIndex) => ({
      ...item,
      id: catIndex * 100 + itemIndex,
      category: cat.titleKey,
    })),
  )

const filteredFaqs = searchQuery
    ? allFaqs.filter(
        (faq) =>
          t(faq.questionKey).toLowerCase().includes(searchQuery.toLowerCase()) ||
          t(faq.answerKey).toLowerCase().includes(searchQuery.toLowerCase()),
      )
    : null

return (
    <div className="min-h-screen flex flex-col bg-background">
      <Header />
      <main className="flex-1">
        <section className="py-12 bg-gradient-to-br from-blue-600 to-blue-800 text-white relative overflow-hidden">
          <motion.div
            initial={{ opacity: 0 }}
            animate={{ opacity: 0.1 }}
            transition={{ duration: 1 }}
            className="absolute inset-0 bg-[url('/abstract-geometric-pattern.png')]"
          />
          <div className="container mx-auto px-4 text-center relative z-10">
            <motion.div initial={{ scale: 0 }} animate={{ scale: 1 }} transition={{ type: "spring", stiffness: 200 }}>
              <HelpCircle className="h-16 w-16 mx-auto mb-6 text-blue-200" />
            </motion.div>
            <MotionWrapper variant="fadeInDown">
              <h1 className="text-4xl md:text-5xl font-bold mb-4">{t("faq.title")}</h1>
            </MotionWrapper>
            <MotionWrapper variant="fadeInUp" delay={0.2}>
              <p className="text-lg text-blue-100 max-w-2xl mx-auto">{t("faq.subtitle")}</p>
            </MotionWrapper>
          </div>
        </section>

<section className="py-8">
          <div className="container mx-auto px-4">
            {/* Search Bar */}
            <MotionWrapper className="max-w-xl mx-auto mb-12">
              <div className="relative">
                <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground" />
                <Input
                  type="text"
                  placeholder={t("faq.searchPlaceholder")}
                  value={searchQuery}
                  onChange={(e) => setSearchQuery(e.target.value)}
                  className="pl-10 h-12 text-lg"
                />
              </div>
            </MotionWrapper>

{/* Search Results or Categories */}
            {filteredFaqs ? (
              <div className="max-w-3xl mx-auto">
                <p className="text-sm text-muted-foreground mb-4">
                  {filteredFaqs.length} {t("faq.resultsFound")}
                </p>
                <StaggerContainer className="space-y-3" staggerDelay={0.05}>
                  {filteredFaqs.map((faq) => (
                    <StaggerItem key={faq.id}>
                      <FaqItem
                        question={t(faq.questionKey)}
                        answer={t(faq.answerKey)}
                        isOpen={openFaq === faq.id}
                        onToggle={() => setOpenFaq(openFaq === faq.id ? null : faq.id)}
                      />
                    </StaggerItem>
                  ))}
                  {filteredFaqs.length === 0 && (
                    <div className="text-center py-8">
                      <p className="text-muted-foreground">{t("faq.noResults")}</p>
                    </div>
                  )}
                </StaggerContainer>
              </div>
            ) : (
              <div className="max-w-3xl mx-auto space-y-8">
                {faqCategories.map((category, catIndex) => (
                  <MotionWrapper key={catIndex} delay={catIndex * 0.1}>
                    <div>
                      <h2 className="text-xl font-semibold mb-4 text-foreground">{t(category.titleKey)}</h2>
                      <div className="space-y-3">
                        {category.items.map((item, itemIndex) => {
                          const id = catIndex * 100 + itemIndex
                          return (
                            <FaqItem
                              key={id}
                              question={t(item.questionKey)}
                              answer={t(item.answerKey)}
                              isOpen={openFaq === id}
                              onToggle={() => setOpenFaq(openFaq === id ? null : id)}
                            />
                          )
                        })}
                      </div>
                    </div>
                  </MotionWrapper>
                ))}
              </div>
            )}

{/* Contact Section */}
            <MotionWrapper className="mt-16" delay={0.3}>
              <Card className="max-w-xl mx-auto bg-gradient-to-r from-blue-50 to-blue-100 dark:from-blue-950/50 dark:to-blue-900/50 border-blue-200 dark:border-blue-800">
                <CardHeader className="text-center">
                  <MessageCircle className="h-10 w-10 mx-auto mb-2 text-blue-600" />
                  <CardTitle>{t("faq.stillNeedHelp")}</CardTitle>
                </CardHeader>
                <CardContent className="text-center">
                  <p className="text-muted-foreground mb-4">{t("faq.contactUs")}</p>
                  <Link href="/contact">
                    <Button className="bg-blue-600 hover:bg-blue-700">{t("faq.goToContact")}</Button>
                  </Link>
                </CardContent>
              </Card>
            </MotionWrapper>
          </div>
        </section>
      </main>
      <Footer />
    </div>
  )
}

function FaqItem({
  question,
  answer,
  isOpen,
  onToggle,
}: {
  question: string
  answer: string
  isOpen: boolean
  onToggle: () => void
}) {
  return (
    <motion.div initial={false} className="border border-border rounded-lg overflow-hidden bg-card">
      <button
        onClick={onToggle}
        className="w-full flex items-center justify-between p-4 text-left hover:bg-muted/50 transition-colors"
      >
        <span className="font-medium pr-4">{question}</span>
        <motion.div animate={{ rotate: isOpen ? 180 : 0 }} transition={{ duration: 0.2 }}>
          <ChevronDown className="h-5 w-5 text-muted-foreground flex-shrink-0" />
        </motion.div>
      </button>
      <AnimatePresence initial={false}>
        {isOpen && (
          <motion.div
            initial={{ height: 0, opacity: 0 }}
            animate={{ height: "auto", opacity: 1 }}
            exit={{ height: 0, opacity: 0 }}
            transition={{ duration: 0.2 }}
          >
            <div className="px-4 pb-4 text-muted-foreground border-t border-border pt-3">{answer}</div>
          </motion.div>
        )}
      </AnimatePresence>
    </motion.div>
  )
}
[V0_FILE]typescriptreact:file="app/support/loading.tsx" isMerged="true"
import { GraduationCap, HelpCircle } from "lucide-react"

export default function Loading() {
  return (
    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 via-white to-blue-100 dark:from-background dark:via-background dark:to-blue-950/20 relative overflow-hidden">
      <div className="absolute inset-0 overflow-hidden pointer-events-none">
        <div className="absolute top-1/3 left-1/3 w-72 h-72 bg-blue-200/30 dark:bg-blue-800/20 rounded-full blur-3xl animate-pulse" />
        <div className="absolute bottom-1/3 right-1/3 w-80 h-80 bg-blue-300/20 dark:bg-blue-700/15 rounded-full blur-3xl animate-pulse [animation-delay:0.7s]" />
      </div>

<p className="text-base font-medium text-foreground animate-pulse">
          {"Načítání podpory..."}
        </p>

import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import Link from "next/link"
import { motion } from "framer-motion"
import { ArrowLeft, FileText, Shield, Users, AlertTriangle, Scale, Mail } from "lucide-react"
import { useLanguage } from "@/lib/i18n/context"
import Image from "next/image"

export default function TermsOfUsePage() {
  const { t } = useLanguage()

const sections = [
    {
      icon: Users,
      title: t("terms.acceptanceTitle"),
      content: t("terms.acceptanceContent"),
    },
    {
      icon: Shield,
      title: t("terms.eligibilityTitle"),
      content: t("terms.eligibilityContent"),
    },
    {
      icon: FileText,
      title: t("terms.accountTitle"),
      content: t("terms.accountContent"),
    },
    {
      icon: AlertTriangle,
      title: t("terms.conductTitle"),
      content: t("terms.conductContent"),
    },
    {
      icon: Scale,
      title: t("terms.contentTitle"),
      content: t("terms.contentContent"),
    },
    {
      icon: Mail,
      title: t("terms.changesTitle"),
      content: t("terms.changesContent"),
    },
  ]

return (
    <div className="min-h-screen flex flex-col bg-gradient-to-br from-blue-50 to-blue-100 dark:from-gray-900 dark:to-gray-800">
      {/* Animated background */}
      <div className="absolute inset-0 overflow-hidden pointer-events-none">
        {[...Array(5)].map((_, i) => (
          <motion.div
            key={i}
            className="absolute w-64 h-64 bg-blue-200/30 dark:bg-blue-500/10 rounded-full blur-3xl"
            initial={{
              x: Math.random() * 100 - 50 + "%",
              y: Math.random() * 100 - 50 + "%",
            }}
            animate={{
              x: [Math.random() * 100 - 50 + "%", Math.random() * 100 - 50 + "%", Math.random() * 100 - 50 + "%"],
              y: [Math.random() * 100 - 50 + "%", Math.random() * 100 - 50 + "%", Math.random() * 100 - 50 + "%"],
            }}
            transition={{
              duration: 20 + Math.random() * 10,
              repeat: Number.POSITIVE_INFINITY,
              ease: "linear",
            }}
          />
        ))}
      </div>

<div className="relative z-10 flex-1 p-6">
        <div className="max-w-4xl mx-auto">
          {/* Header */}
          <motion.div
            initial={{ opacity: 0, y: 20 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ duration: 0.5 }}
            className="mb-8"
          >
            <Link
              href="/"
              className="inline-flex items-center gap-2 text-muted-foreground hover:text-foreground mb-6 transition-colors"
            >
              <ArrowLeft className="h-4 w-4" />
              {t("terms.backToHome")}
            </Link>

<div className="flex items-center gap-4 mb-6">
              <motion.div
                initial={{ scale: 0 }}
                animate={{ scale: 1 }}
                transition={{ delay: 0.2, type: "spring", stiffness: 200 }}
              >
                <Link href="/" className="flex items-center gap-3">
                  <div className="relative h-14 w-14 rounded-xl overflow-hidden shadow-lg">
                    <Image src="/logo.png" alt="Naše 9.B" fill className="object-cover" />
                  </div>
                </Link>
              </motion.div>
              <div>
                <h1 className="text-3xl font-bold text-foreground">{t("terms.title")}</h1>
                <p className="text-muted-foreground">{t("terms.lastUpdated")}: 8. 1. 2026</p>
              </div>
            </div>
          </motion.div>

{/* Introduction Card */}
          <motion.div
            initial={{ opacity: 0, y: 20 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ delay: 0.3, duration: 0.5 }}
            className="mb-6"
          >
            <Card className="shadow-xl border-0 bg-white/80 dark:bg-gray-800/80 backdrop-blur-sm">
              <CardContent className="pt-6">
                <p className="text-muted-foreground leading-relaxed">{t("terms.introduction")}</p>
              </CardContent>
            </Card>
          </motion.div>

{/* Sections */}
          <div className="space-y-4">
            {sections.map((section, index) => (
              <motion.div
                key={index}
                initial={{ opacity: 0, y: 20 }}
                animate={{ opacity: 1, y: 0 }}
                transition={{ delay: 0.4 + index * 0.1, duration: 0.5 }}
              >
                <Card className="shadow-xl border-0 bg-white/80 dark:bg-gray-800/80 backdrop-blur-sm">
                  <CardHeader className="pb-2">
                    <CardTitle className="flex items-center gap-3 text-lg">
                      <div className="flex h-10 w-10 items-center justify-center rounded-lg bg-blue-100 dark:bg-blue-900/50 text-blue-600 dark:text-blue-400">
                        <section.icon className="h-5 w-5" />
                      </div>
                      {section.title}
                    </CardTitle>
                  </CardHeader>
                  <CardContent>
                    <p className="text-muted-foreground leading-relaxed whitespace-pre-line">{section.content}</p>
                  </CardContent>
                </Card>
              </motion.div>
            ))}
          </div>

{/* Contact Section */}
          <motion.div
            initial={{ opacity: 0, y: 20 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ delay: 1, duration: 0.5 }}
            className="mt-8"
          >
            <Card className="shadow-xl border-0 bg-blue-600 text-white">
              <CardContent className="pt-6">
                <div className="flex flex-col md:flex-row items-center justify-between gap-4">
                  <div>
                    <h3 className="text-lg font-semibold mb-1">{t("terms.questionsTitle")}</h3>
                    <p className="text-blue-100">{t("terms.questionsContent")}</p>
                  </div>
                  <Button asChild variant="secondary" className="whitespace-nowrap">
                    <Link href="/contact">{t("terms.contactUs")}</Link>
                  </Button>
                </div>
              </CardContent>
            </Card>
          </motion.div>

{/* Footer Links */}
          <motion.div
            initial={{ opacity: 0 }}
            animate={{ opacity: 1 }}
            transition={{ delay: 1.1 }}
            className="mt-8 text-center text-sm text-muted-foreground"
          >
            <Link href="/privacy" className="hover:text-foreground transition-colors">
              {t("terms.privacyLink")}
            </Link>
            <span className="mx-2">•</span>
            <Link href="/contact" className="hover:text-foreground transition-colors">
              {t("nav.contact")}
            </Link>
          </motion.div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/privacy/page.tsx" isMerged="true"
"use client"

import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import Link from "next/link"
import { motion } from "framer-motion"
import { ArrowLeft, Shield, Database, Eye, Lock, Trash2, Bell, Globe } from "lucide-react"
import { useLanguage } from "@/lib/i18n/context"
import Image from "next/image"

export default function PrivacyPolicyPage() {
  const { t } = useLanguage()

const sections = [
    {
      icon: Database,
      title: t("privacy.collectionTitle"),
      content: t("privacy.collectionContent"),
    },
    {
      icon: Eye,
      title: t("privacy.useTitle"),
      content: t("privacy.useContent"),
    },
    {
      icon: Lock,
      title: t("privacy.securityTitle"),
      content: t("privacy.securityContent"),
    },
    {
      icon: Globe,
      title: t("privacy.sharingTitle"),
      content: t("privacy.sharingContent"),
    },
    {
      icon: Trash2,
      title: t("privacy.retentionTitle"),
      content: t("privacy.retentionContent"),
    },
    {
      icon: Bell,
      title: t("privacy.rightsTitle"),
      content: t("privacy.rightsContent"),
    },
  ]

<div className="flex items-center gap-4 mb-6">
              <motion.div
                initial={{ scale: 0 }}
                animate={{ scale: 1 }}
                transition={{ delay: 0.2, type: "spring", stiffness: 200 }}
              >
                <Link href="/" className="flex items-center gap-3">
                  <div className="relative h-14 w-14 rounded-xl overflow-hidden shadow-lg">
                    <Image src="/logo.png" alt="Naše 9.B" fill className="object-cover" />
                  </div>
                </Link>
              </motion.div>
              <div>
                <h1 className="text-3xl font-bold text-foreground flex items-center gap-3">
                  <Shield className="h-8 w-8 text-blue-600" />
                  {t("privacy.title")}
                </h1>
                <p className="text-muted-foreground">{t("privacy.lastUpdated")}: 8. 1. 2026</p>
              </div>
            </div>
          </motion.div>

{/* Introduction Card */}
          <motion.div
            initial={{ opacity: 0, y: 20 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ delay: 0.3, duration: 0.5 }}
            className="mb-6"
          >
            <Card className="shadow-xl border-0 bg-white/80 dark:bg-gray-800/80 backdrop-blur-sm">
              <CardContent className="pt-6">
                <p className="text-muted-foreground leading-relaxed">{t("privacy.introduction")}</p>
              </CardContent>
            </Card>
          </motion.div>

{/* Contact Section */}
          <motion.div
            initial={{ opacity: 0, y: 20 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ delay: 1, duration: 0.5 }}
            className="mt-8"
          >
            <Card className="shadow-xl border-0 bg-blue-600 text-white">
              <CardContent className="pt-6">
                <div className="flex flex-col md:flex-row items-center justify-between gap-4">
                  <div>
                    <h3 className="text-lg font-semibold mb-1">{t("privacy.questionsTitle")}</h3>
                    <p className="text-blue-100">{t("privacy.questionsContent")}</p>
                  </div>
                  <Button asChild variant="secondary" className="whitespace-nowrap">
                    <Link href="/contact">{t("privacy.contactUs")}</Link>
                  </Button>
                </div>
              </CardContent>
            </Card>
          </motion.div>

{/* Footer Links */}
          <motion.div
            initial={{ opacity: 0 }}
            animate={{ opacity: 1 }}
            transition={{ delay: 1.1 }}
            className="mt-8 text-center text-sm text-muted-foreground"
          >
            <Link href="/terms" className="hover:text-foreground transition-colors">
              {t("privacy.termsLink")}
            </Link>
            <span className="mx-2">•</span>
            <Link href="/contact" className="hover:text-foreground transition-colors">
              {t("nav.contact")}
            </Link>
          </motion.div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescript:file="app/api/edupage/login/route.ts" isMerged="true"
import { type NextRequest, NextResponse } from "next/server"

// Edupage login is deactivated — the integration is temporarily disabled
// due to system instability. Return 503 for any calls.
export async function POST(_request: NextRequest) {
  return NextResponse.json(
    {
      success: false,
      error:
        "Přihlášení přes Edupage je dočasně deaktivováno z důvodu údržby systému. / Edupage login is temporarily deactivated due to system maintenance.",
    },
    { status: 503 },
  )
}
[V0_FILE]typescriptreact:file="app/social-media/page.tsx" isMerged="true"
"use client"

import { motion } from "framer-motion"
import { Card, CardContent } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Header } from "@/components/header"
import { Footer } from "@/components/footer"
import { useLanguage } from "@/lib/i18n/context"
import { Instagram, Globe, ExternalLink, Users, Heart, Share2 } from "lucide-react"
import Link from "next/link"

const socialLinks = [
  {
    id: "instagram-class",
    name: "9.B Instagram",
    descriptionKey: "social.instagramClassDesc",
    url: "https://www.instagram.com/9b_bozena.litomerice?igsh=MWx0aTBueXdzOGthNw==",
    icon: Instagram,
    color: "from-pink-500 via-purple-500 to-orange-500",
    bgColor: "bg-gradient-to-br from-pink-500/10 via-purple-500/10 to-orange-500/10",
    hoverColor: "hover:from-pink-600 hover:via-purple-600 hover:to-orange-600",
    followers: "9.B",
    type: "instagram",
  },
  {
    id: "instagram-tadeax",
    name: "Tadeax Studio Instagram",
    descriptionKey: "social.instagramTadeaxDesc",
    url: "https://www.instagram.com/tadeax_studio.cz?igsh=Y3NkOXk0NnV5Nng1",
    icon: Instagram,
    color: "from-pink-500 via-purple-500 to-orange-500",
    bgColor: "bg-gradient-to-br from-pink-500/10 via-purple-500/10 to-orange-500/10",
    hoverColor: "hover:from-pink-600 hover:via-purple-600 hover:to-orange-600",
    followers: "Studio",
    type: "instagram",
  },
  {
    id: "school-website",
    name: "ZŠ Litoměřice",
    descriptionKey: "social.schoolWebsiteDesc",
    url: "https://skolabn.cz/",
    icon: Globe,
    color: "from-blue-500 to-cyan-500",
    bgColor: "bg-gradient-to-br from-blue-500/10 to-cyan-500/10",
    hoverColor: "hover:from-blue-600 hover:to-cyan-600",
    followers: "Škola",
    type: "website",
  },
  {
    id: "tadeax-website",
    name: "Tadeax Studio",
    descriptionKey: "social.tadeaxWebsiteDesc",
    url: "https://tadeax-studio.vercel.app/",
    icon: Globe,
    color: "from-amber-500 to-orange-500",
    bgColor: "bg-gradient-to-br from-amber-500/10 to-orange-500/10",
    hoverColor: "hover:from-amber-600 hover:to-orange-600",
    followers: "Studio",
    type: "website",
  },
]

export default function SocialMediaPage() {
  const { t } = useLanguage()

const containerVariants = {
    hidden: { opacity: 0 },
    visible: {
      opacity: 1,
      transition: {
        staggerChildren: 0.1,
      },
    },
  }

const itemVariants = {
    hidden: { opacity: 0, y: 20 },
    visible: { opacity: 1, y: 0 },
  }

return (
    <div className="min-h-screen flex flex-col bg-background">
      <Header />

<main className="flex-1">
        {/* Hero Section */}
        <section className="relative py-20 overflow-hidden">
          {/* Animated background */}
          <div className="absolute inset-0 overflow-hidden pointer-events-none">
            <div className="absolute inset-0 bg-gradient-to-br from-pink-100/50 via-purple-100/50 to-blue-100/50 dark:from-pink-900/20 dark:via-purple-900/20 dark:to-blue-900/20" />
            {[...Array(6)].map((_, i) => (
              <motion.div
                key={i}
                className="absolute w-72 h-72 rounded-full blur-3xl"
                style={{
                  background: `linear-gradient(135deg, ${
                    ["#ec4899", "#8b5cf6", "#3b82f6", "#f59e0b"][i % 4]
                  }20, transparent)`,
                }}
                initial={{
                  x: `${Math.random() * 100}%`,
                  y: `${Math.random() * 100}%`,
                }}
                animate={{
                  x: [`${Math.random() * 100}%`, `${Math.random() * 100}%`],
                  y: [`${Math.random() * 100}%`, `${Math.random() * 100}%`],
                }}
                transition={{
                  duration: 15 + Math.random() * 10,
                  repeat: Number.POSITIVE_INFINITY,
                  repeatType: "reverse",
                  ease: "easeInOut",
                }}
              />
            ))}
          </div>

<div className="container mx-auto px-4 relative z-10">
            <motion.div
              initial={{ opacity: 0, y: 20 }}
              animate={{ opacity: 1, y: 0 }}
              transition={{ duration: 0.6 }}
              className="text-center max-w-3xl mx-auto"
            >
              <motion.div
                initial={{ scale: 0 }}
                animate={{ scale: 1 }}
                transition={{ delay: 0.2, type: "spring", stiffness: 200 }}
                className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-to-r from-pink-500/10 via-purple-500/10 to-blue-500/10 border border-pink-200/50 dark:border-pink-800/50 mb-6"
              >
                <Share2 className="h-4 w-4 text-pink-600 dark:text-pink-400" />
                <span className="text-sm font-medium text-pink-700 dark:text-pink-300">
                  {t("social.stayConnected")}
                </span>
              </motion.div>

<h1 className="text-4xl md:text-5xl font-bold mb-4 bg-gradient-to-r from-pink-600 via-purple-600 to-blue-600 bg-clip-text text-transparent">
                {t("social.title")}
              </h1>
              <p className="text-lg text-muted-foreground">{t("social.subtitle")}</p>
            </motion.div>
          </div>
        </section>

{/* Social Links Grid */}
        <section className="py-16">
          <div className="container mx-auto px-4">
            <motion.div
              variants={containerVariants}
              initial="hidden"
              animate="visible"
              className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl mx-auto"
            >
              {socialLinks.map((link) => (
                <motion.div key={link.id} variants={itemVariants}>
                  <Link href={link.url} target="_blank" rel="noopener noreferrer">
                    <Card
                      className={`group cursor-pointer transition-all duration-300 hover:shadow-xl hover:scale-[1.02] ${link.bgColor} border-0 overflow-hidden`}
                    >
                      <CardContent className="p-6">
                        <div className="flex items-start gap-4">
                          {/* Icon */}
                          <motion.div
                            whileHover={{ rotate: 5, scale: 1.1 }}
                            className={`p-4 rounded-2xl bg-gradient-to-br ${link.color} shadow-lg`}
                          >
                            <link.icon className="h-8 w-8 text-white" />
                          </motion.div>

{/* Content */}
                          <div className="flex-1 min-w-0">
                            <div className="flex items-center gap-2 mb-1">
                              <h3 className="font-bold text-lg truncate">{link.name}</h3>
                              <ExternalLink className="h-4 w-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" />
                            </div>
                            <p className="text-sm text-muted-foreground mb-3 line-clamp-2">{t(link.descriptionKey)}</p>

{/* Stats/Badge */}
                            <div className="flex items-center gap-3">
                              <span
                                className={`inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-xs font-medium bg-gradient-to-r ${link.color} text-white`}
                              >
                                {link.type === "instagram" ? (
                                  <Users className="h-3 w-3" />
                                ) : (
                                  <Globe className="h-3 w-3" />
                                )}
                                {link.followers}
                              </span>
                              <span className="text-xs text-muted-foreground">
                                {link.type === "instagram" ? "Instagram" : t("social.website")}
                              </span>
                            </div>
                          </div>
                        </div>

{/* Hover indicator */}
                        <motion.div
                          className={`mt-4 pt-4 border-t border-border/50 flex items-center justify-between opacity-0 group-hover:opacity-100 transition-opacity`}
                        >
                          <span className="text-sm font-medium text-muted-foreground">{t("social.visitProfile")}</span>
                          <motion.div
                            animate={{ x: [0, 5, 0] }}
                            transition={{ duration: 1, repeat: Number.POSITIVE_INFINITY }}
                          >
                            <ExternalLink className="h-4 w-4" />
                          </motion.div>
                        </motion.div>
                      </CardContent>
                    </Card>
                  </Link>
                </motion.div>
              ))}
            </motion.div>
          </div>
        </section>

{/* Call to Action */}
        <section className="py-16 bg-muted/30">
          <div className="container mx-auto px-4">
            <motion.div
              initial={{ opacity: 0, y: 20 }}
              whileInView={{ opacity: 1, y: 0 }}
              viewport={{ once: true }}
              className="text-center max-w-2xl mx-auto"
            >
              <div className="inline-flex items-center justify-center w-16 h-16 rounded-full bg-gradient-to-br from-pink-500 to-purple-500 mb-6">
                <Heart className="h-8 w-8 text-white" />
              </div>
              <h2 className="text-2xl font-bold mb-4">{t("social.followUs")}</h2>
              <p className="text-muted-foreground mb-6">{t("social.followUsDesc")}</p>
              <div className="flex flex-wrap justify-center gap-3">
                <Button
                  asChild
                  className="bg-gradient-to-r from-pink-500 via-purple-500 to-orange-500 hover:opacity-90"
                >
                  <Link href="https://www.instagram.com/9b_bozena.litomerice?igsh=MWx0aTBueXdzOGthNw==" target="_blank">
                    <Instagram className="h-4 w-4 mr-2" />
                    {t("social.followInstagram")}
                  </Link>
                </Button>
                <Button variant="outline" asChild>
                  <Link href="https://skolabn.cz/" target="_blank">
                    <Globe className="h-4 w-4 mr-2" />
                    {t("social.visitSchool")}
                  </Link>
                </Button>
              </div>
            </motion.div>
          </div>
        </section>
      </main>

<Footer />
    </div>
  )
}
[V0_FILE]png:file="public/images/v0-20-281-29.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/v0%20%281%29-Fb1GaPIQN0MLyWYEdQjCBJTHdEjdAj.png" isMerged="true"
[V0_FILE]jpeg:file="public/images/images-20-282-29.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/images%20%282%29-GE8jdtYUSbeSOL0aUvrqnY3wFTU3zf.jpeg" isMerged="true"
[V0_FILE]png:file="public/images/kopie-20souboru-20logo-zs-litomerice-barevne-rastr.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Kopie%20souboru%20Logo_ZS_Litomerice_barevne_rastr-wPkBeXcx0OYYNdhBnijV2YPyhyXerZ.png" isMerged="true"
[V0_FILE]png:file="public/images/vercel-logo-1536x864.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Vercel-Logo-1536x864-YhUnlUHQtFl6cZoj2PxrrAhn41VYvo.png" isMerged="true"
[V0_FILE]typescriptreact:file="lib/accessibility/context.tsx" isMerged="true"
"use client"

import { createContext, useContext, useState, useEffect, type ReactNode } from "react"

interface AccessibilityContextType {
  seniorMode: boolean
  setSeniorMode: (enabled: boolean) => void
  toggleSeniorMode: () => void
}

const AccessibilityContext = createContext<AccessibilityContextType | undefined>(undefined)

export function AccessibilityProvider({ children }: { children: ReactNode }) {
  const [seniorMode, setSeniorModeState] = useState(false)

useEffect(() => {
    // Load senior mode from cookie
    const savedMode = document.cookie
      .split("; ")
      .find((row) => row.startsWith("senior_mode="))
      ?.split("=")[1]

if (savedMode === "true") {
      setSeniorModeState(true)
      document.documentElement.classList.add("senior-mode")
    }
  }, [])

const setSeniorMode = (enabled: boolean) => {
    setSeniorModeState(enabled)
    document.cookie = `senior_mode=${enabled}; path=/; max-age=${60 * 60 * 24 * 365}`

if (enabled) {
      document.documentElement.classList.add("senior-mode")
    } else {
      document.documentElement.classList.remove("senior-mode")
    }
  }

const toggleSeniorMode = () => {
    setSeniorMode(!seniorMode)
  }

return (
    <AccessibilityContext.Provider value={{ seniorMode, setSeniorMode, toggleSeniorMode }}>
      {children}
    </AccessibilityContext.Provider>
  )
}

export function useAccessibility() {
  const context = useContext(AccessibilityContext)
  if (context === undefined) {
    throw new Error("useAccessibility must be used within an AccessibilityProvider")
  }
  return context
}
[V0_FILE]typescriptreact:file="components/senior-mode-toggle.tsx" isMerged="true"
"use client"

import { Eye, EyeOff } from "lucide-react"
import { Button } from "@/components/ui/button"
import { useAccessibility } from "@/lib/accessibility/context"
import { useLanguage } from "@/lib/i18n/context"
import { motion } from "framer-motion"
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip"

export function SeniorModeToggle() {
  const { seniorMode, toggleSeniorMode } = useAccessibility()
  const { t } = useLanguage()

return (
    <TooltipProvider>
      <Tooltip>
        <TooltipTrigger asChild>
          <motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
            <Button
              variant={seniorMode ? "default" : "outline"}
              size="sm"
              onClick={toggleSeniorMode}
              className={`gap-2 ${seniorMode ? "bg-blue-600 hover:bg-blue-700 text-white" : ""}`}
              aria-label={t("accessibility.seniorMode")}
            >
              {seniorMode ? <Eye className="h-4 w-4" /> : <EyeOff className="h-4 w-4" />}
              <span className="hidden sm:inline">{t("accessibility.seniorMode")}</span>
            </Button>
          </motion.div>
        </TooltipTrigger>
        <TooltipContent>
          <p>{seniorMode ? t("accessibility.disableSeniorMode") : t("accessibility.enableSeniorMode")}</p>
        </TooltipContent>
      </Tooltip>
    </TooltipProvider>
  )
}
[V0_FILE]typescriptreact:file="app/students/loading.tsx" isMerged="true"
import { GraduationCap, Users } from "lucide-react"

export default function Loading() {
  return (
    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 via-white to-blue-100 dark:from-background dark:via-background dark:to-blue-950/20 relative overflow-hidden">
      <div className="absolute inset-0 overflow-hidden pointer-events-none">
        <div className="absolute top-1/4 right-1/4 w-72 h-72 bg-blue-200/30 dark:bg-blue-800/20 rounded-full blur-3xl animate-pulse" />
        <div className="absolute bottom-1/4 left-1/4 w-80 h-80 bg-blue-300/20 dark:bg-blue-700/15 rounded-full blur-3xl animate-pulse [animation-delay:0.7s]" />
      </div>

<p className="text-base font-medium text-foreground animate-pulse">
          {"Načítání studentů..."}
        </p>

<div className="flex gap-2">
          {[0, 1, 2].map((i) => (
            <div
              key={i}
              className="w-2 h-2 rounded-full bg-blue-600 dark:bg-blue-400 animate-bounce"
              style={{ animationDelay: `${i * 0.15}s`, animationDuration: "1s" }}
            />
          ))}
        </div>
      </div>
    </div>
  )
}
[V0_FILE]javascript:file="next.config.mjs" isMerged="true"
/** @type {import('next').NextConfig} */
const nextConfig = {
  typescript: {
    ignoreBuildErrors: true,
  },
  images: {
    formats: ['image/avif', 'image/webp'],
    deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048],
    imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
    minimumCacheTTL: 60,
    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'hebbkx1anhila5yf.public.blob.vercel-storage.com',
      },
      {
        protocol: 'https',
        hostname: 'blob.v0.app',
      },
    ],
  },
  experimental: {
    optimizePackageImports: ['lucide-react', 'framer-motion'],
  },
  compress: true,
  poweredByHeader: false,
  async headers() {
    return [
      {
        source: '/:all*(svg|jpg|jpeg|png|gif|ico|webp|avif)',
        headers: [
          {
            key: 'Cache-Control',
            value: 'public, max-age=31536000, immutable',
          },
        ],
      },
      {
        source: '/:all*(js|css)',
        headers: [
          {
            key: 'Cache-Control',
            value: 'public, max-age=31536000, immutable',
          },
        ],
      },
      {
        source: '/:all*(woff|woff2|ttf|otf|eot)',
        headers: [
          {
            key: 'Cache-Control',
            value: 'public, max-age=31536000, immutable',
          },
        ],
      },
      {
        source: '/api/:path*',
        headers: [
          {
            key: 'Cache-Control',
            value: 'no-store, no-cache, must-revalidate',
          },
        ],
      },
    ]
  },
}

export default nextConfig
[V0_FILE]typescriptreact:file="components/optimized-image.tsx" isMerged="true"
"use client"

import Image, { type ImageProps } from "next/image"
import { useState, useCallback } from "react"
import { cn } from "@/lib/utils"

interface OptimizedImageProps extends Omit<ImageProps, "onLoad"> {
  fallback?: string
}

export function OptimizedImage({ className, alt, fallback = "/placeholder.svg", ...props }: OptimizedImageProps) {
  const [isLoading, setIsLoading] = useState(true)
  const [error, setError] = useState(false)

const handleLoad = useCallback(() => {
    setIsLoading(false)
  }, [])

const handleError = useCallback(() => {
    setError(true)
    setIsLoading(false)
  }, [])

return (
    <div className={cn("relative overflow-hidden", className)}>
      {isLoading && <div className="absolute inset-0 bg-muted animate-pulse" />}
      <Image
        {...props}
        alt={alt}
        src={error ? fallback : props.src}
        className={cn("transition-opacity duration-300", isLoading ? "opacity-0" : "opacity-100", props.className)}
        onLoad={handleLoad}
        onError={handleError}
        loading={props.priority ? undefined : "lazy"}
      />
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/lazy-motion.tsx" isMerged="true"
"use client"

import { LazyMotion, domAnimation, m } from "framer-motion"
import type { ReactNode } from "react"

export function LazyMotionProvider({ children }: { children: ReactNode }) {
  return (
    <LazyMotion features={domAnimation} strict>
      {children}
    </LazyMotion>
  )
}

// Re-export m as motion for use in components
export { m as motion }
[V0_FILE]typescriptreact:file="components/hero.tsx" isMerged="true"
"use client"

import type React from "react"
import { useState, memo, useCallback } from "react"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import Link from "next/link"
import { useRouter } from "next/navigation"
import { Users, Calendar, BookOpen, Search } from "lucide-react"
import { motion } from "framer-motion"
import { MotionWrapper, StaggerContainer, StaggerItem } from "./motion-wrapper"
import { useLanguage } from "@/lib/i18n/context"

const StatCard = memo(function StatCard({
  icon: Icon,
  number,
  label,
  index,
}: {
  icon: typeof Users
  number: string
  label: string
  index: number
}) {
  return (
    <motion.div
      whileHover={{ scale: 1.05, y: -5 }}
      className="bg-white/10 backdrop-blur-sm rounded-xl p-6 text-center text-white cursor-pointer transition-colors hover:bg-white/20"
    >
      <motion.div
        initial={{ scale: 0 }}
        whileInView={{ scale: 1 }}
        viewport={{ once: true }}
        transition={{ delay: 0.5 + index * 0.1, type: "spring", stiffness: 200 }}
      >
        <Icon className="h-10 w-10 mx-auto mb-4" />
      </motion.div>
      <motion.h3
        className="text-2xl font-bold mb-2"
        initial={{ opacity: 0 }}
        whileInView={{ opacity: 1 }}
        viewport={{ once: true }}
        transition={{ delay: 0.6 + index * 0.1 }}
      >
        {number}
      </motion.h3>
      <p className="text-blue-100">{label}</p>
    </motion.div>
  )
})

const FloatingParticles = memo(function FloatingParticles() {
  return (
    <div className="absolute inset-0 overflow-hidden pointer-events-none">
      {[...Array(3)].map((_, i) => (
        <motion.div
          key={i}
          className="absolute w-2 h-2 bg-white/20 rounded-full"
          initial={{
            x: `${Math.random() * 100}%`,
            y: "100%",
          }}
          animate={{
            y: "-100%",
            x: [`${Math.random() * 100}%`, `${Math.random() * 100}%`],
          }}
          transition={{
            duration: Math.random() * 10 + 15,
            repeat: Number.POSITIVE_INFINITY,
            ease: "linear",
            delay: Math.random() * 5,
          }}
        />
      ))}
    </div>
  )
})

export function Hero() {
  const { t } = useLanguage()
  const router = useRouter()
  const [searchQuery, setSearchQuery] = useState("")

const handleSearch = useCallback(
    (e: React.FormEvent) => {
      e.preventDefault()
      if (searchQuery.trim()) {
        router.push(`/students?search=${encodeURIComponent(searchQuery.trim())}`)
      }
    },
    [searchQuery, router],
  )

const handleSearchChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
    setSearchQuery(e.target.value)
  }, [])

const stats = [
    { icon: Users, number: "28", labelKey: "hero.studentsInClass" },
    { icon: BookOpen, number: "12", labelKey: "hero.subjects" },
    { icon: Calendar, number: "9", labelKey: "hero.yearsTogether" },
  ]

return (
    <section className="relative overflow-hidden bg-gradient-to-br from-blue-600 via-blue-700 to-blue-800 py-20 md:py-32">
      <div className="absolute inset-0 bg-[url('/abstract-geometric-pattern.png')] opacity-10" />

<div className="container mx-auto px-4 relative z-10">
        <div className="max-w-3xl mx-auto text-center text-white">
          <MotionWrapper variant="fadeInDown" duration={0.6}>
            <h1 className="text-4xl md:text-6xl font-bold mb-6 text-balance">{t("hero.title")}</h1>
          </MotionWrapper>

<MotionWrapper variant="fadeInUp" delay={0.2} duration={0.6}>
            <p className="text-lg md:text-xl text-blue-100 mb-8 text-pretty">{t("hero.subtitle")}</p>
          </MotionWrapper>

<MotionWrapper variant="fadeInUp" delay={0.3}>
            <form onSubmit={handleSearch} className="max-w-lg mx-auto mb-8">
              <div className="flex gap-2">
                <div className="relative flex-1">
                  <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground" />
                  <Input
                    type="text"
                    placeholder={t("hero.searchPlaceholder")}
                    value={searchQuery}
                    onChange={handleSearchChange}
                    className="pl-10 bg-white text-foreground border-0 shadow-lg h-12"
                  />
                </div>
                <motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
                  <Button
                    type="submit"
                    size="lg"
                    className="h-12 px-6 bg-white text-blue-700 hover:bg-blue-50 shadow-lg"
                  >
                    {t("common.search")}
                  </Button>
                </motion.div>
              </div>
            </form>
          </MotionWrapper>

<MotionWrapper variant="fadeInUp" delay={0.4}>
            <div className="flex flex-col sm:flex-row gap-4 justify-center">
              <motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
                <Button
                  size="lg"
                  asChild
                  className="bg-white text-blue-700 hover:bg-blue-50 shadow-lg hover:shadow-xl transition-shadow"
                >
                  <Link href="/students" prefetch={true}>
                    <Users className="mr-2 h-5 w-5" />
                    {t("hero.meetClass")}
                  </Link>
                </Button>
              </motion.div>
              <motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
                <Button
                  size="lg"
                  variant="outline"
                  asChild
                  className="border-white text-white hover:bg-white/10 bg-transparent"
                >
                  <Link href="/rozvrh-hodin" prefetch={true}>
                    <Calendar className="mr-2 h-5 w-5" />
                    {t("hero.schedule")}
                  </Link>
                </Button>
              </motion.div>
            </div>
          </MotionWrapper>
        </div>

<StaggerContainer className="mt-16 grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl mx-auto" staggerDelay={0.15}>
          {stats.map((stat, index) => (
            <StaggerItem key={index}>
              <StatCard icon={stat.icon} number={stat.number} label={t(stat.labelKey)} index={index} />
            </StaggerItem>
          ))}
        </StaggerContainer>
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="app/students/page.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState, useMemo, useEffect, useCallback, memo, Suspense } from "react"
import { useSearchParams } from "next/navigation"
import { Header } from "@/components/header"
import { Footer } from "@/components/footer"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Avatar, AvatarFallback } from "@/components/ui/avatar"
import { Badge } from "@/components/ui/badge"
import { Input } from "@/components/ui/input"
import { motion } from "framer-motion"
import { MotionWrapper, StaggerContainer, StaggerItem } from "@/components/motion-wrapper"
import { useLanguage } from "@/lib/i18n/context"
import { Search, X } from "lucide-react"
import { Button } from "@/components/ui/button"

const boysStudents = [
  {
    name: "Tadeáš S.",
    role: "Administrátor a Výrobce webů",
    company: "Tadeax Studio s.r.o.",
    interests: ["Webový vývoj", "Programování"],
    avatar: "TS",
    category: "main",
  },
  { name: "Tomáš Sch.", role: null, interests: ["Sport", "Hry"], avatar: "TŠ", category: "uncategorized" },
  { name: "Pavel D.", role: null, interests: ["Videohry", "Hudba"], avatar: "PD", category: "main" },
  { name: "Radek T.", role: null, interests: ["Basketbal", "Film"], avatar: "RT", category: "uncategorized" },
  { name: "Ondra Š.", role: null, interests: ["Počítače", "Sport"], avatar: "OŠ", category: "main" },
  { name: "Matěj B.", role: null, interests: ["Videohry", "Technologie"], avatar: "MB", category: "uncategorized" },
  { name: "Honza Ber.", role: null, interests: ["Fotbal", "Šachy"], avatar: "HB", category: "uncategorized" },
  { name: "Antonín K.", role: null, interests: ["Atletika", "Četba"], avatar: "AK", category: "uncategorized" },
  { name: "Adam Š.", role: null, interests: ["Programování", "Hudba"], avatar: "AŠ", category: "uncategorized" },
  { name: "Adam Z.", role: null, interests: ["Hokej", "Film"], avatar: "AZ", category: "uncategorized" },
  { name: "Petr H.", role: null, interests: ["Volejbal", "Příroda"], avatar: "PH", category: "uncategorized" },
  { name: "Daniel C.", role: null, interests: ["Cyklistika", "Kreslení"], avatar: "DC", category: "uncategorized" },
  { name: "Vojta K.", role: null, interests: ["Fotbal", "Technologie"], avatar: "VK", category: "uncategorized" },
  { name: "Vojta P.", role: null, interests: ["Plavání", "Hry"], avatar: "VP", category: "uncategorized" },
] as const

const girlsStudents = [
  { name: "Aneta B.", role: null, interests: ["Tanec", "Hudba"], avatar: "AB", category: "uncategorized" },
  { name: "Zuzana Š.", role: null, interests: ["Malování", "Četba"], avatar: "ZŠ", category: "uncategorized" },
  { name: "Pavla M.", role: null, interests: ["Gymnastika", "Film"], avatar: "PM", category: "main" },
  { name: "Ema D.", role: null, interests: ["Videohry", "Skateboarding"], avatar: "ED", category: "main" },
  { name: "Eliška Šk.", role: null, interests: ["Volejbal", "Móda"], avatar: "EŠ", category: "uncategorized" },
  { name: "Justýna Ch.", role: null, interests: ["Tenis", "Psaní"], avatar: "JC", category: "uncategorized" },
  { name: "Kateřina Š.", role: null, interests: ["Balet", "Hudba"], avatar: "KŠ", category: "uncategorized" },
  { name: "Karolína M.", role: null, interests: ["Jóga", "Vaření"], avatar: "KM", category: "uncategorized" },
  { name: "Vanesa T.", role: null, interests: ["Běh", "Zdravý životní styl"], avatar: "VT", category: "uncategorized" },
  { name: "Bára B.", role: null, interests: ["Plavání"], avatar: "BB", category: "main" },
  { name: "Nela D.", role: null, interests: ["Zvířata", "Hudba"], avatar: "ND", category: "main" },
  { name: "Lucie H.", role: null, interests: ["Florbal", "Fotografie"], avatar: "LH", category: "uncategorized" },
] as const

const teacher = {
  name: "Petr Svoboda",
  role: "Třídní učitel",
  email: "petr.svoboda@skolabn.cz",
  avatar: "PS",
} as const

return (
    <motion.div whileHover={{ scale: 1.03, y: -5 }} whileTap={{ scale: 0.98 }} transition={{ duration: 0.2 }}>
      <Card className={`hover:shadow-lg transition-all cursor-pointer ${colorClasses.card}`}>
        <CardHeader className="text-center">
          <motion.div whileHover={{ scale: 1.1 }} transition={{ duration: 0.2 }}>
            <Avatar className="h-20 w-20 mx-auto mb-4">
              <AvatarFallback className={`text-lg ${colorClasses.avatar}`}>{student.avatar}</AvatarFallback>
            </Avatar>
          </motion.div>
          <CardTitle className="text-lg">{student.name}</CardTitle>
          {student.company && <p className="text-xs text-muted-foreground mt-1">{student.company}</p>}
          {student.role && <Badge className={`mt-2 ${colorClasses.badge}`}>{student.role}</Badge>}
        </CardHeader>
        <CardContent>
          <div className="flex flex-wrap gap-2 justify-center">
            {student.interests.map((interest, i) => (
              <Badge key={i} variant="secondary" className="text-xs">
                {interest}
              </Badge>
            ))}
          </div>
        </CardContent>
      </Card>
    </motion.div>
  )
})

function StudentsContent() {
  const { t } = useLanguage()
  const searchParams = useSearchParams()
  const [searchQuery, setSearchQuery] = useState("")

useEffect(() => {
    const searchFromUrl = searchParams.get("search")
    if (searchFromUrl) {
      setSearchQuery(searchFromUrl)
    }
  }, [searchParams])

const totalStudents = boysStudents.length + girlsStudents.length

const filteredBoys = useMemo(() => {
    if (!searchQuery.trim()) return [...boysStudents]
    const query = searchQuery.toLowerCase()
    return boysStudents.filter(
      (student) =>
        student.name.toLowerCase().includes(query) ||
        student.interests.some((interest) => interest.toLowerCase().includes(query)) ||
        (student.role && student.role.toLowerCase().includes(query)) ||
        (student.company && student.company.toLowerCase().includes(query)),
    )
  }, [searchQuery])

const filteredGirls = useMemo(() => {
    if (!searchQuery.trim()) return [...girlsStudents]
    const query = searchQuery.toLowerCase()
    return girlsStudents.filter(
      (student) =>
        student.name.toLowerCase().includes(query) ||
        student.interests.some((interest) => interest.toLowerCase().includes(query)) ||
        (student.role && student.role.toLowerCase().includes(query)),
    )
  }, [searchQuery])

const totalFiltered = filteredBoys.length + filteredGirls.length

const handleSearchChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
    setSearchQuery(e.target.value)
  }, [])

const clearSearch = useCallback(() => {
    setSearchQuery("")
  }, [])

return (
    <main className="flex-1">
      <section className="py-12 bg-gradient-to-br from-blue-600 to-blue-800 text-white relative overflow-hidden">
        <div className="container mx-auto px-4 text-center relative z-10">
          <MotionWrapper variant="fadeInDown">
            <h1 className="text-4xl md:text-5xl font-bold mb-4">{t("students.title")}</h1>
          </MotionWrapper>
          <MotionWrapper variant="fadeInUp" delay={0.2}>
            <p className="text-lg text-blue-100 max-w-2xl mx-auto mb-6">
              {t("students.subtitle").replace("{count}", totalStudents.toString())}
            </p>
          </MotionWrapper>

<MotionWrapper variant="fadeInUp" delay={0.3}>
            <div className="max-w-md mx-auto relative">
              <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 text-blue-300" />
              <Input
                type="text"
                placeholder={t("students.searchPlaceholder")}
                value={searchQuery}
                onChange={handleSearchChange}
                className="pl-10 pr-10 bg-white/10 border-white/20 text-white placeholder:text-blue-200 focus:bg-white/20 focus:border-white/40"
              />
              {searchQuery && (
                <Button
                  variant="ghost"
                  size="sm"
                  className="absolute right-1 top-1/2 -translate-y-1/2 h-7 w-7 p-0 text-white hover:bg-white/20"
                  onClick={clearSearch}
                >
                  <X className="h-4 w-4" />
                </Button>
              )}
            </div>
            {searchQuery && (
              <p className="text-sm text-blue-200 mt-2">
                {t("students.searchResults").replace("{count}", totalFiltered.toString())}
              </p>
            )}
          </MotionWrapper>
        </div>
      </section>

<section className="py-12 bg-gradient-to-r from-emerald-50 to-teal-50 dark:from-emerald-950/30 dark:to-teal-950/30">
        <div className="container mx-auto px-4">
          <MotionWrapper variant="fadeInUp">
            <h2 className="text-3xl font-bold text-center mb-8 text-emerald-900 dark:text-emerald-100">
              {t("students.teacher")}
            </h2>
          </MotionWrapper>
          <div className="max-w-md mx-auto">
            <motion.div
              initial={{ opacity: 0, y: 20 }}
              animate={{ opacity: 1, y: 0 }}
              whileHover={{ scale: 1.03, y: -5 }}
              transition={{ duration: 0.3 }}
            >
              <Card className="hover:shadow-xl transition-all border-emerald-200 dark:border-emerald-800">
                <CardHeader className="text-center">
                  <Avatar className="h-24 w-24 mx-auto mb-4">
                    <AvatarFallback className="text-2xl bg-emerald-100 text-emerald-700 dark:bg-emerald-900 dark:text-emerald-300">
                      {teacher.avatar}
                    </AvatarFallback>
                  </Avatar>
                  <CardTitle className="text-2xl">{teacher.name}</CardTitle>
                  <Badge className="mt-2 bg-gradient-to-r from-emerald-600 to-teal-600 shadow-md text-white">
                    {t("students.classTeacher")}
                  </Badge>
                </CardHeader>
                <CardContent className="text-center">
                  <a
                    href={`mailto:${teacher.email}`}
                    className="text-sm text-emerald-600 dark:text-emerald-400 hover:underline"
                  >
                    {teacher.email}
                  </a>
                </CardContent>
              </Card>
            </motion.div>
          </div>
        </div>
      </section>

<section className="py-12 bg-blue-50 dark:bg-blue-950/30 content-auto">
        <div className="container mx-auto px-4">
          <MotionWrapper variant="fadeInUp">
            <h2 className="text-3xl font-bold text-center mb-8 text-blue-900 dark:text-blue-100">
              {t("students.boys")} {searchQuery && `(${filteredBoys.length})`}
            </h2>
          </MotionWrapper>
          {filteredBoys.length > 0 ? (
            <StaggerContainer className="grid gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4" staggerDelay={0.05}>
              {filteredBoys.map((student, index) => (
                <StaggerItem key={index}>
                  <StudentCard student={student} variant="boy" />
                </StaggerItem>
              ))}
            </StaggerContainer>
          ) : (
            <p className="text-center text-muted-foreground">{t("students.noResults")}</p>
          )}
        </div>
      </section>

<section className="py-12 content-auto">
        <div className="container mx-auto px-4">
          <MotionWrapper variant="fadeInUp">
            <h2 className="text-3xl font-bold text-center mb-8 text-pink-900 dark:text-pink-100">
              {t("students.girls")} {searchQuery && `(${filteredGirls.length})`}
            </h2>
          </MotionWrapper>
          {filteredGirls.length > 0 ? (
            <StaggerContainer className="grid gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4" staggerDelay={0.05}>
              {filteredGirls.map((student, index) => (
                <StaggerItem key={index}>
                  <StudentCard student={student} variant="girl" />
                </StaggerItem>
              ))}
            </StaggerContainer>
          ) : (
            <p className="text-center text-muted-foreground">{t("students.noResults")}</p>
          )}
        </div>
      </section>
    </main>
  )
}

function StudentsLoading() {
  return (
    <main className="flex-1">
      <section className="py-12 bg-gradient-to-br from-blue-600 to-blue-800">
        <div className="container mx-auto px-4 text-center">
          <div className="h-12 w-64 bg-white/20 rounded mx-auto mb-4 animate-pulse" />
          <div className="h-6 w-96 bg-white/10 rounded mx-auto mb-6 animate-pulse" />
          <div className="h-12 w-full max-w-md mx-auto bg-white/10 rounded animate-pulse" />
        </div>
      </section>
    </main>
  )
}

export default function StudentsPage() {
  return (
    <div className="min-h-screen flex flex-col bg-background">
      <Header />
      <Suspense fallback={<StudentsLoading />}>
        <StudentsContent />
      </Suspense>
      <Footer />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/about/page.tsx" isMerged="true"
"use client"

import { Header } from "@/components/header"
import { Footer } from "@/components/footer"
import { Card, CardContent } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { motion } from "framer-motion"
import { MotionWrapper, StaggerContainer, StaggerItem } from "@/components/motion-wrapper"
import { Users, Heart, Trophy, Star, GraduationCap, Sparkles } from "lucide-react"
import { useLanguage } from "@/lib/i18n/context"
import Image from "next/image"

export default function AboutPage() {
  const { t } = useLanguage()

const stats = [
    { icon: Users, value: "27", labelKey: "about.studentsCount" },
    { icon: Heart, value: "9", labelKey: "about.yearsTogether" },
    { icon: Trophy, value: "15+", labelKey: "about.achievements" },
    { icon: Star, value: "100%", labelKey: "about.teamSpirit" },
  ]

const values = [
    { icon: Heart, titleKey: "about.friendship", descKey: "about.friendshipDesc" },
    { icon: GraduationCap, titleKey: "about.education", descKey: "about.educationDesc" },
    { icon: Sparkles, titleKey: "about.creativity", descKey: "about.creativityDesc" },
    { icon: Trophy, titleKey: "about.achievement", descKey: "about.achievementDesc" },
  ]

return (
    <div className="min-h-screen flex flex-col bg-background">
      <Header />
      <main className="flex-1">
        {/* Hero Section */}
        <section className="relative py-20 bg-gradient-to-br from-blue-600 to-blue-800 text-white overflow-hidden">
          <div className="absolute inset-0 overflow-hidden">
            {[...Array(15)].map((_, i) => (
              <motion.div
                key={i}
                className="absolute w-2 h-2 bg-white/20 rounded-full"
                initial={{
                  x: Math.random() * 100 + "%",
                  y: Math.random() * 100 + "%",
                }}
                animate={{
                  y: [Math.random() * 100 + "%", Math.random() * 100 + "%"],
                  opacity: [0.2, 0.5, 0.2],
                }}
                transition={{
                  duration: 5 + Math.random() * 5,
                  repeat: Number.POSITIVE_INFINITY,
                  ease: "easeInOut",
                }}
              />
            ))}
          </div>
          <div className="container mx-auto px-4 relative z-10">
            <MotionWrapper>
              <div className="flex items-center justify-center gap-3 mb-6">
                <motion.div
                  animate={{ rotate: [0, 10, -10, 0] }}
                  transition={{ duration: 2, repeat: Number.POSITIVE_INFINITY }}
                  className="flex h-16 w-16 items-center justify-center rounded-xl bg-white/20 backdrop-blur-sm overflow-hidden"
                >
                  <Image src="/logo.png" alt="Logo" width={64} height={64} className="object-cover" />
                </motion.div>
              </div>
              <h1 className="text-4xl md:text-6xl font-bold text-center mb-4">{t("about.title")}</h1>
              <p className="text-xl text-blue-100 text-center max-w-3xl mx-auto mb-2">{t("about.subtitle")}</p>
              <motion.div
                initial={{ opacity: 0, y: 10 }}
                animate={{ opacity: 1, y: 0 }}
                transition={{ delay: 0.5 }}
                className="mt-4 text-center"
              >
                <p className="text-2xl font-semibold text-yellow-300">
                  {t("about.bestTeacher")}
                </p>
                <p className="text-sm text-blue-200 mt-2 italic">
                  {t("about.signature")}
                </p>
              </motion.div>
            </MotionWrapper>
          </div>
        </section>

{/* Stats Section */}
        <section className="py-12 bg-muted/30">
          <div className="container mx-auto px-4">
            <StaggerContainer className="grid grid-cols-2 md:grid-cols-4 gap-6">
              {stats.map((stat, index) => (
                <StaggerItem key={index}>
                  <motion.div whileHover={{ scale: 1.05 }} transition={{ duration: 0.2 }}>
                    <Card className="text-center">
                      <CardContent className="p-6">
                        <motion.div
                          whileHover={{ rotate: 10 }}
                          className="inline-flex items-center justify-center w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 text-blue-600 dark:text-blue-400 mb-3"
                        >
                          <stat.icon className="h-6 w-6" />
                        </motion.div>
                        <motion.p
                          className="text-3xl font-bold text-foreground"
                          initial={{ scale: 0 }}
                          whileInView={{ scale: 1 }}
                          viewport={{ once: true }}
                          transition={{ type: "spring", stiffness: 200, delay: index * 0.1 }}
                        >
                          {stat.value}
                        </motion.p>
                        <p className="text-sm text-muted-foreground">{t(stat.labelKey)}</p>
                      </CardContent>
                    </Card>
                  </motion.div>
                </StaggerItem>
              ))}
            </StaggerContainer>
          </div>
        </section>

{/* About Description */}
        <section className="py-16">
          <div className="container mx-auto px-4">
            <div className="max-w-4xl mx-auto">
              <MotionWrapper className="mb-12">
                <h2 className="text-3xl font-bold text-center mb-6">{t("about.whoWeAre")}</h2>
                <Card>
                  <CardContent className="p-8">
                    <p className="text-lg text-muted-foreground leading-relaxed mb-6">{t("about.description1")}</p>
                    <p className="text-lg text-muted-foreground leading-relaxed mb-6">{t("about.description2")}</p>
                    <p className="text-lg text-muted-foreground leading-relaxed mb-6">{t("about.description3")}</p>
                    <p className="text-lg text-muted-foreground leading-relaxed mb-6">{t("about.description4")}</p>
                    <p className="text-lg text-muted-foreground leading-relaxed">{t("about.description5")}</p>
                  </CardContent>
                </Card>
              </MotionWrapper>
            </div>
          </div>
        </section>

{/* Values Section */}
        <section className="py-16 bg-muted/30">
          <div className="container mx-auto px-4">
            <MotionWrapper className="text-center mb-12">
              <h2 className="text-3xl font-bold mb-4">{t("about.ourValues")}</h2>
              <p className="text-muted-foreground max-w-2xl mx-auto">{t("about.ourValuesDesc")}</p>
            </MotionWrapper>

<StaggerContainer className="grid gap-6 md:grid-cols-2 lg:grid-cols-4">
              {values.map((value, index) => (
                <StaggerItem key={index}>
                  <motion.div whileHover={{ y: -5 }} transition={{ duration: 0.2 }}>
                    <Card className="h-full">
                      <CardContent className="p-6 text-center">
                        <motion.div
                          whileHover={{ rotate: 10, scale: 1.1 }}
                          className="inline-flex items-center justify-center w-14 h-14 rounded-full bg-blue-100 dark:bg-blue-900 text-blue-600 dark:text-blue-400 mb-4"
                        >
                          <value.icon className="h-7 w-7" />
                        </motion.div>
                        <h3 className="font-semibold text-lg mb-2">{t(value.titleKey)}</h3>
                        <p className="text-sm text-muted-foreground">{t(value.descKey)}</p>
                      </CardContent>
                    </Card>
                  </motion.div>
                </StaggerItem>
              ))}
            </StaggerContainer>
          </div>
        </section>

{/* School Info */}
        <section className="py-16">
          <div className="container mx-auto px-4">
            <MotionWrapper>
              <Card className="overflow-hidden">
                <div className="grid md:grid-cols-2">
                  <div className="p-8 flex flex-col justify-center">
                    <Badge className="w-fit mb-4 bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300">
                      {t("about.ourSchool")}
                    </Badge>
                    <h2 className="text-2xl font-bold mb-4">{t("about.schoolName")}</h2>
                    <p className="text-muted-foreground mb-4">{t("about.schoolDesc")}</p>
                    <p className="text-sm text-muted-foreground">{t("about.schoolAddress")}</p>
                  </div>
                  <div className="relative h-64 md:h-auto bg-gradient-to-br from-blue-100 to-blue-200 dark:from-blue-900/30 dark:to-blue-800/30 flex items-center justify-center">
                    <motion.div
                      animate={{ y: [0, -10, 0] }}
                      transition={{ duration: 3, repeat: Number.POSITIVE_INFINITY }}
                    >
                      <GraduationCap className="h-24 w-24 text-blue-600/50 dark:text-blue-400/50" />
                    </motion.div>
                  </div>
                </div>
              </Card>
            </MotionWrapper>
          </div>
        </section>
      </main>
      <Footer />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/aktuality/page.tsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { motion, AnimatePresence } from "framer-motion"
import { Header } from "@/components/header"
import { Footer } from "@/components/footer"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Button } from "@/components/ui/button"
import { Calendar, Bell, X, ShoppingBag, Plane, GraduationCap, Award, Music } from "lucide-react"
import { useLanguage } from "@/lib/i18n/context"
import { MotionWrapper, StaggerContainer, StaggerItem } from "@/components/motion-wrapper"

const allNews = [
  {
    id: 7,
    titleKey: "news.theaterTrip.title",
    date: "4. března 2026",
    categoryKey: "news.theaterTrip.category",
    descriptionKey: "news.theaterTrip.description",
    icon: Music,
  },
  {
    id: 6,
    titleKey: "news.dance.title",
    date: "20. února 2026",
    categoryKey: "news.dance.category",
    descriptionKey: "news.dance.description",
    icon: Music,
  },
  {
    id: 5,
    titleKey: "news.cambridge.title",
    date: "15. února 2026",
    categoryKey: "news.cambridge.category",
    descriptionKey: "news.cambridge.description",
    icon: Award,
  },
  {
    id: 4,
    titleKey: "news.merchUpdate.title",
    date: "10. února 2026",
    categoryKey: "news.merchUpdate.category",
    descriptionKey: "news.merchUpdate.description",
    icon: ShoppingBag,
  },
  {
    id: 3,
    titleKey: "news.mockExams.title",
    date: "12. ledna 2026",
    categoryKey: "news.mockExams.category",
    descriptionKey: "news.mockExams.description",
    icon: GraduationCap,
  },
  {
    id: 2,
    titleKey: "news.england.title",
    date: "10. ledna 2026",
    categoryKey: "news.england.category",
    descriptionKey: "news.england.description",
    icon: Plane,
  },
  {
    id: 1,
    titleKey: "news.merch.title",
    date: "8. ledna 2026",
    categoryKey: "news.merch.category",
    descriptionKey: "news.merch.description",
    icon: ShoppingBag,
  },
]

const categoryColors: Record<string, string> = {
  Divadlo: "bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-300",
  Theater: "bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-300",
  Výlet: "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300",
  Vzdělávání: "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300",
  Akce: "bg-purple-100 text-purple-700 dark:bg-purple-900 dark:text-purple-300",
  Oznámení: "bg-orange-100 text-orange-700 dark:bg-orange-900 dark:text-orange-300",
  Úspěch: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900 dark:text-yellow-300",
  Merch: "bg-pink-100 text-pink-700 dark:bg-pink-900 dark:text-pink-300",
  Tanec: "bg-violet-100 text-violet-700 dark:bg-violet-900 dark:text-violet-300",
  Certifikáty: "bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300",
  Trip: "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300",
  MockExams: "bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-300",
  Education: "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300",
  Dance: "bg-violet-100 text-violet-700 dark:bg-violet-900 dark:text-violet-300",
  Certificates: "bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300",
}

export default function AktualityPage() {
  const { t } = useLanguage()
  const [showNotificationPopup, setShowNotificationPopup] = useState(false)
  const [notificationStatus, setNotificationStatus] = useState<"default" | "granted" | "denied">("default")

useEffect(() => {
    // Check if notification popup was already shown
    const notificationShown = localStorage.getItem("notificationPopupShown")
    if (!notificationShown && typeof window !== "undefined" && "Notification" in window) {
      const timer = setTimeout(() => {
        setShowNotificationPopup(true)
      }, 2000)
      return () => clearTimeout(timer)
    }

// Check current notification status
    if (typeof window !== "undefined" && "Notification" in window) {
      setNotificationStatus(Notification.permission)
    }
  }, [])

const handleNotificationRequest = async () => {
    if (typeof window !== "undefined" && "Notification" in window) {
      const permission = await Notification.requestPermission()
      setNotificationStatus(permission)
      localStorage.setItem("notificationPopupShown", "true")
      setShowNotificationPopup(false)

if (permission === "granted") {
        new Notification(t("notifications.enabled"), {
          body: t("notifications.enabledDesc"),
          icon: "/logo.png",
        })
      }
    }
  }

const handleDecline = () => {
    localStorage.setItem("notificationPopupShown", "true")
    setShowNotificationPopup(false)
  }

const getCategoryColor = (categoryKey: string) => {
    const category = t(categoryKey)
    return categoryColors[category] || "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300"
  }

return (
    <div className="min-h-screen flex flex-col bg-background">
      <Header />

<AnimatePresence>
        {showNotificationPopup && (
          <motion.div
            initial={{ y: -100, opacity: 0 }}
            animate={{ y: 0, opacity: 1 }}
            exit={{ y: -100, opacity: 0 }}
            transition={{ type: "spring", stiffness: 300, damping: 30 }}
            className="fixed top-4 left-1/2 -translate-x-1/2 z-50 w-full max-w-md px-4"
          >
            <Card className="shadow-2xl border-blue-200 dark:border-blue-800">
              <CardHeader className="pb-2">
                <div className="flex items-start justify-between">
                  <div className="flex items-center gap-3">
                    <motion.div
                      animate={{ rotate: [0, 15, -15, 0] }}
                      transition={{ duration: 0.5, repeat: Number.POSITIVE_INFINITY, repeatDelay: 2 }}
                      className="flex h-10 w-10 items-center justify-center rounded-full bg-blue-100 dark:bg-blue-900"
                    >
                      <Bell className="h-5 w-5 text-blue-600 dark:text-blue-400" />
                    </motion.div>
                    <div>
                      <CardTitle className="text-lg">{t("notifications.title")}</CardTitle>
                      <CardDescription>{t("notifications.description")}</CardDescription>
                    </div>
                  </div>
                  <Button variant="ghost" size="icon" onClick={handleDecline}>
                    <X className="h-4 w-4" />
                  </Button>
                </div>
              </CardHeader>
              <CardContent className="pt-2">
                <div className="flex gap-2">
                  <Button onClick={handleNotificationRequest} className="flex-1 bg-blue-600 hover:bg-blue-700">
                    {t("notifications.allow")}
                  </Button>
                  <Button variant="outline" onClick={handleDecline} className="flex-1 bg-transparent">
                    {t("notifications.decline")}
                  </Button>
                </div>
              </CardContent>
            </Card>
          </motion.div>
        )}
      </AnimatePresence>

<main className="flex-1">
        <section className="py-12 bg-gradient-to-br from-blue-600 to-blue-800 text-white relative overflow-hidden">
          <motion.div
            initial={{ opacity: 0 }}
            animate={{ opacity: 0.1 }}
            transition={{ duration: 1 }}
            className="absolute inset-0 bg-[url('/abstract-geometric-pattern.png')]"
          />
          <div className="container mx-auto px-4 text-center relative z-10">
            <MotionWrapper variant="fadeInDown">
              <h1 className="text-4xl md:text-5xl font-bold mb-4">{t("news.title")}</h1>
            </MotionWrapper>
            <MotionWrapper variant="fadeInUp" delay={0.2}>
              <p className="text-lg text-blue-100 max-w-2xl mx-auto">{t("news.subtitle")}</p>
            </MotionWrapper>
          </div>
        </section>

<section className="py-16">
          <div className="container mx-auto px-4">
            {allNews.length > 0 ? (
              <StaggerContainer className="grid gap-6 md:grid-cols-2" staggerDelay={0.1}>
                {allNews.map((news) => {
                  const IconComponent = news.icon || ShoppingBag
                  return (
                    <StaggerItem key={news.id}>
                      <motion.div
                        whileHover={{ scale: 1.02, y: -5 }}
                        whileTap={{ scale: 0.98 }}
                        transition={{ duration: 0.2 }}
                      >
                        <Card className="hover:shadow-lg transition-all cursor-pointer h-full">
                          <CardHeader>
                            <div className="flex items-center justify-between mb-2">
                              <motion.div
                                initial={{ opacity: 0, x: -10 }}
                                animate={{ opacity: 1, x: 0 }}
                                className="flex items-center gap-2 text-sm text-muted-foreground"
                              >
                                <Calendar className="h-4 w-4" />
                                <span>{news.date}</span>
                              </motion.div>
                              <motion.div whileHover={{ scale: 1.1 }}>
                                <Badge className={getCategoryColor(news.categoryKey)}>
                                  <IconComponent className="h-3 w-3 mr-1" />
                                  {t(news.categoryKey)}
                                </Badge>
                              </motion.div>
                            </div>
                            <CardTitle className="text-xl">{t(news.titleKey)}</CardTitle>
                          </CardHeader>
                          <CardContent>
                            <CardDescription className="text-base leading-relaxed">
                              {t(news.descriptionKey)}
                            </CardDescription>
                          </CardContent>
                        </Card>
                      </motion.div>
                    </StaggerItem>
                  )
                })}
              </StaggerContainer>
            ) : (
              <div className="text-center py-16">
                <div className="inline-flex items-center justify-center w-16 h-16 rounded-full bg-muted mb-4">
                  <Calendar className="h-8 w-8 text-muted-foreground" />
                </div>
                <h3 className="text-xl font-semibold mb-2">{t("news.noNews")}</h3>
                <p className="text-muted-foreground max-w-md mx-auto">{t("news.noNewsDesc")}</p>
              </div>
            )}
          </div>
        </section>
      </main>
      <Footer />
    </div>
  )
}
[V0_FILE]typescriptreact:file="lib/auth/context.tsx" isMerged="true"
"use client"

import { createContext, useContext, useEffect, useState, type ReactNode } from "react"
import { createClient } from "@/lib/supabase/client"
import type { User } from "@supabase/supabase-js"

interface AuthContextType {
  user: User | null
  isLoading: boolean
  isSignedIn: boolean
  signOut: () => Promise<void>
}

const AuthContext = createContext<AuthContextType>({
  user: null,
  isLoading: true,
  isSignedIn: false,
  signOut: async () => {},
})

export function AuthProvider({ children }: { children: ReactNode }) {
  const [user, setUser] = useState<User | null>(null)
  const [isLoading, setIsLoading] = useState(true)
  const supabase = createClient()

useEffect(() => {
    const getUser = async () => {
      const {
        data: { user },
      } = await supabase.auth.getUser()
      setUser(user)
      setIsLoading(false)
    }

getUser()

const {
      data: { subscription },
    } = supabase.auth.onAuthStateChange((_event, session) => {
      setUser(session?.user ?? null)
      setIsLoading(false)
    })

return () => subscription.unsubscribe()
  }, [supabase.auth])

const signOut = async () => {
    await supabase.auth.signOut()
    setUser(null)
  }

return (
    <AuthContext.Provider value={{ user, isLoading, isSignedIn: !!user, signOut }}>{children}</AuthContext.Provider>
  )
}

export function useAuth() {
  const context = useContext(AuthContext)
  if (!context) {
    throw new Error("useAuth must be used within an AuthProvider")
  }
  return context
}
[V0_FILE]typescript:file="proxy.ts" isMerged="true"
import { updateSession } from "@/lib/supabase/proxy"
import { NextResponse, type NextRequest } from "next/server"

export async function proxy(request: NextRequest) {
  // Skip middleware when Supabase env vars are not present (e.g. during static prerender)
  if (!process.env.NEXT_PUBLIC_SUPABASE_URL || !process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY) {
    return NextResponse.next()
  }
  return await updateSession(request)
}

export const config = {
  matcher: ["/((?!_next/static|_next/image|favicon.ico|.*\\.(?:svg|png|jpg|jpeg|gif|webp|ico)$).*)"],
}
[V0_FILE]typescriptreact:file="components/memory-game.tsx" isMerged="true"
"use client"

import { useState, useEffect, useCallback } from "react"
import { motion, AnimatePresence } from "framer-motion"
import { Button } from "@/components/ui/button"
import { Card } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { 
  RotateCcw, 
  Trophy, 
  Clock, 
  Zap, 
  Star,
  Sparkles,
  Target,
  Flame
} from "lucide-react"
import { useLanguage } from "@/lib/i18n/context"
import confetti from "canvas-confetti"

interface GameCard {
  id: number
  emoji: string
  isFlipped: boolean
  isMatched: boolean
}

const CARD_EMOJIS = ["🚀", "🌟", "🎮", "🎯", "💎", "🔮", "🌈", "⚡"]

type Difficulty = "easy" | "medium" | "hard"

const DIFFICULTY_CONFIG = {
  easy: { pairs: 4, cols: 4, timeBonus: 2 },
  medium: { pairs: 6, cols: 4, timeBonus: 1.5 },
  hard: { pairs: 8, cols: 4, timeBonus: 1 },
}

export function MemoryGame() {
  const { t } = useLanguage()
  const [cards, setCards] = useState<GameCard[]>([])
  const [flippedCards, setFlippedCards] = useState<number[]>([])
  const [moves, setMoves] = useState(0)
  const [matches, setMatches] = useState(0)
  const [gameStarted, setGameStarted] = useState(false)
  const [gameWon, setGameWon] = useState(false)
  const [timer, setTimer] = useState(0)
  const [isChecking, setIsChecking] = useState(false)
  const [difficulty, setDifficulty] = useState<Difficulty>("medium")
  const [bestScores, setBestScores] = useState<Record<Difficulty, number | null>>({
    easy: null,
    medium: null,
    hard: null,
  })
  const [streak, setStreak] = useState(0)
  const [maxStreak, setMaxStreak] = useState(0)
  const [showCombo, setShowCombo] = useState(false)

const config = DIFFICULTY_CONFIG[difficulty]

const initializeGame = useCallback(() => {
    const selectedEmojis = CARD_EMOJIS.slice(0, config.pairs)
    const gameCards: GameCard[] = [...selectedEmojis, ...selectedEmojis]
      .sort(() => Math.random() - 0.5)
      .map((emoji, index) => ({
        id: index,
        emoji,
        isFlipped: false,
        isMatched: false,
      }))
    
    setCards(gameCards)
    setFlippedCards([])
    setMoves(0)
    setMatches(0)
    setGameStarted(false)
    setGameWon(false)
    setTimer(0)
    setStreak(0)
    setMaxStreak(0)
  }, [config.pairs])

useEffect(() => {
    initializeGame()
  }, [initializeGame])

useEffect(() => {
    let interval: NodeJS.Timeout
    if (gameStarted && !gameWon) {
      interval = setInterval(() => {
        setTimer((prev) => prev + 1)
      }, 1000)
    }
    return () => clearInterval(interval)
  }, [gameStarted, gameWon])

useEffect(() => {
    if (matches === config.pairs && gameStarted) {
      setGameWon(true)
      const score = Math.round((1000 / moves) * config.timeBonus * (100 / Math.max(timer, 1)) * 100)
      
      if (!bestScores[difficulty] || score > bestScores[difficulty]!) {
        setBestScores(prev => ({ ...prev, [difficulty]: score }))
      }
      
      // Trigger confetti
      confetti({
        particleCount: 150,
        spread: 70,
        origin: { y: 0.6 },
        colors: ['#FFD700', '#FF6B6B', '#4ECDC4', '#45B7D1', '#96CEB4']
      })
    }
  }, [matches, config.pairs, config.timeBonus, gameStarted, moves, timer, difficulty, bestScores])

const handleCardClick = (cardId: number) => {
    if (isChecking) return
    if (flippedCards.length === 2) return
    if (cards[cardId].isFlipped || cards[cardId].isMatched) return

if (!gameStarted) {
      setGameStarted(true)
    }

const newCards = [...cards]
    newCards[cardId].isFlipped = true
    setCards(newCards)

const newFlipped = [...flippedCards, cardId]
    setFlippedCards(newFlipped)

if (newFlipped.length === 2) {
      setMoves((prev) => prev + 1)
      setIsChecking(true)

const [firstId, secondId] = newFlipped
      
      if (newCards[firstId].emoji === newCards[secondId].emoji) {
        // Match found
        setTimeout(() => {
          const matchedCards = [...newCards]
          matchedCards[firstId].isMatched = true
          matchedCards[secondId].isMatched = true
          setCards(matchedCards)
          setMatches((prev) => prev + 1)
          setFlippedCards([])
          setIsChecking(false)
          
          // Update streak
          const newStreak = streak + 1
          setStreak(newStreak)
          if (newStreak > maxStreak) {
            setMaxStreak(newStreak)
          }
          if (newStreak >= 2) {
            setShowCombo(true)
            setTimeout(() => setShowCombo(false), 1000)
          }
        }, 500)
      } else {
        // No match
        setTimeout(() => {
          const resetCards = [...newCards]
          resetCards[firstId].isFlipped = false
          resetCards[secondId].isFlipped = false
          setCards(resetCards)
          setFlippedCards([])
          setIsChecking(false)
          setStreak(0)
        }, 1000)
      }
    }
  }

const formatTime = (seconds: number) => {
    const mins = Math.floor(seconds / 60)
    const secs = seconds % 60
    return `${mins}:${secs.toString().padStart(2, "0")}`
  }

const calculateScore = () => {
    if (moves === 0) return 0
    return Math.round((1000 / moves) * config.timeBonus * (100 / Math.max(timer, 1)) * 100)
  }

return (
    <div className="w-full max-w-2xl mx-auto">
      {/* Difficulty Selection */}
      {!gameStarted && (
        <motion.div
          initial={{ opacity: 0, y: -20 }}
          animate={{ opacity: 1, y: 0 }}
          className="flex flex-wrap justify-center gap-2 mb-6"
        >
          {(["easy", "medium", "hard"] as Difficulty[]).map((diff) => (
            <Button
              key={diff}
              variant={difficulty === diff ? "default" : "outline"}
              size="sm"
              onClick={() => {
                setDifficulty(diff)
              }}
              className="min-w-[80px]"
            >
              {diff === "easy" && <Star className="h-4 w-4 mr-1" />}
              {diff === "medium" && <Target className="h-4 w-4 mr-1" />}
              {diff === "hard" && <Flame className="h-4 w-4 mr-1" />}
              {t(`game.${diff}`)}
            </Button>
          ))}
        </motion.div>
      )}

{/* Game Stats */}
      <motion.div
        initial={{ opacity: 0, y: -20 }}
        animate={{ opacity: 1, y: 0 }}
        className="flex flex-wrap justify-center gap-3 mb-6"
      >
        <Badge variant="secondary" className="px-3 py-1.5 text-sm gap-1.5">
          <Zap className="h-4 w-4 text-yellow-500" />
          {t("game.moves")}: {moves}
        </Badge>
        <Badge variant="secondary" className="px-3 py-1.5 text-sm gap-1.5">
          <Clock className="h-4 w-4 text-blue-500" />
          {formatTime(timer)}
        </Badge>
        <Badge variant="secondary" className="px-3 py-1.5 text-sm gap-1.5">
          <Trophy className="h-4 w-4 text-amber-500" />
          {matches}/{config.pairs}
        </Badge>
        {streak >= 2 && (
          <motion.div
            initial={{ scale: 0 }}
            animate={{ scale: 1 }}
            exit={{ scale: 0 }}
          >
            <Badge className="px-3 py-1.5 text-sm gap-1.5 bg-gradient-to-r from-orange-500 to-red-500 text-white border-0">
              <Flame className="h-4 w-4" />
              x{streak}
            </Badge>
          </motion.div>
        )}
      </motion.div>

{/* Combo Animation */}
      <AnimatePresence>
        {showCombo && (
          <motion.div
            initial={{ scale: 0, opacity: 0 }}
            animate={{ scale: 1.2, opacity: 1 }}
            exit={{ scale: 0, opacity: 0 }}
            className="fixed inset-0 flex items-center justify-center pointer-events-none z-50"
          >
            <div className="text-6xl font-black text-transparent bg-clip-text bg-gradient-to-r from-orange-500 via-red-500 to-pink-500">
              COMBO x{streak}!
            </div>
          </motion.div>
        )}
      </AnimatePresence>

{/* Game Board */}
      <motion.div
        className={`grid gap-3 mb-6 ${
          config.cols === 4 ? "grid-cols-4" : "grid-cols-4"
        }`}
        initial={{ opacity: 0, scale: 0.9 }}
        animate={{ opacity: 1, scale: 1 }}
        transition={{ duration: 0.3 }}
      >
        {cards.map((card) => (
          <motion.div
            key={card.id}
            initial={{ rotateY: 0 }}
            animate={{ 
              rotateY: card.isFlipped || card.isMatched ? 180 : 0,
              scale: card.isMatched ? 0.95 : 1
            }}
            transition={{ duration: 0.4, type: "spring", stiffness: 300 }}
            className="perspective-1000"
          >
            <Card
              onClick={() => handleCardClick(card.id)}
              className={`
                aspect-square flex items-center justify-center cursor-pointer
                transition-all duration-300 transform-style-3d
                ${card.isMatched 
                  ? "bg-gradient-to-br from-green-400/20 to-emerald-500/20 border-green-500/50 shadow-lg shadow-green-500/20" 
                  : card.isFlipped 
                    ? "bg-gradient-to-br from-blue-500/20 to-purple-500/20 border-blue-500/50" 
                    : "bg-gradient-to-br from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-900 hover:from-slate-200 hover:to-slate-300 dark:hover:from-slate-700 dark:hover:to-slate-800 hover:shadow-lg hover:scale-105"
                }
                ${!card.isFlipped && !card.isMatched ? "hover:border-blue-400/50" : ""}
              `}
            >
              <AnimatePresence mode="wait">
                {card.isFlipped || card.isMatched ? (
                  <motion.span
                    key="emoji"
                    initial={{ opacity: 0, rotateY: 180 }}
                    animate={{ opacity: 1, rotateY: 180 }}
                    exit={{ opacity: 0 }}
                    className="text-3xl md:text-4xl select-none"
                    style={{ transform: "rotateY(180deg)" }}
                  >
                    {card.emoji}
                  </motion.span>
                ) : (
                  <motion.div
                    key="back"
                    initial={{ opacity: 0 }}
                    animate={{ opacity: 1 }}
                    exit={{ opacity: 0 }}
                    className="text-2xl text-muted-foreground"
                  >
                    <Sparkles className="h-6 w-6 md:h-8 md:w-8" />
                  </motion.div>
                )}
              </AnimatePresence>
            </Card>
          </motion.div>
        ))}
      </motion.div>

{/* Win Screen */}
      <AnimatePresence>
        {gameWon && (
          <motion.div
            initial={{ opacity: 0, scale: 0.8 }}
            animate={{ opacity: 1, scale: 1 }}
            exit={{ opacity: 0, scale: 0.8 }}
            className="fixed inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm z-50 p-4"
          >
            <motion.div
              initial={{ y: 50 }}
              animate={{ y: 0 }}
              className="bg-card border border-border rounded-2xl p-8 max-w-md w-full text-center shadow-2xl"
            >
              <motion.div
                initial={{ scale: 0 }}
                animate={{ scale: 1 }}
                transition={{ delay: 0.2, type: "spring", stiffness: 200 }}
                className="mb-4"
              >
                <Trophy className="h-20 w-20 mx-auto text-yellow-500" />
              </motion.div>
              
              <motion.h2
                initial={{ opacity: 0 }}
                animate={{ opacity: 1 }}
                transition={{ delay: 0.3 }}
                className="text-3xl font-bold mb-2 text-foreground"
              >
                {t("game.congratulations")}
              </motion.h2>
              
              <motion.p
                initial={{ opacity: 0 }}
                animate={{ opacity: 1 }}
                transition={{ delay: 0.4 }}
                className="text-muted-foreground mb-6"
              >
                {t("game.youWon")}
              </motion.p>
              
              <motion.div
                initial={{ opacity: 0 }}
                animate={{ opacity: 1 }}
                transition={{ delay: 0.5 }}
                className="grid grid-cols-2 gap-4 mb-6"
              >
                <div className="bg-muted rounded-xl p-4">
                  <p className="text-sm text-muted-foreground">{t("game.moves")}</p>
                  <p className="text-2xl font-bold text-foreground">{moves}</p>
                </div>
                <div className="bg-muted rounded-xl p-4">
                  <p className="text-sm text-muted-foreground">{t("game.time")}</p>
                  <p className="text-2xl font-bold text-foreground">{formatTime(timer)}</p>
                </div>
                <div className="bg-muted rounded-xl p-4">
                  <p className="text-sm text-muted-foreground">{t("game.score")}</p>
                  <p className="text-2xl font-bold text-foreground">{calculateScore()}</p>
                </div>
                <div className="bg-muted rounded-xl p-4">
                  <p className="text-sm text-muted-foreground">{t("game.bestStreak")}</p>
                  <p className="text-2xl font-bold text-foreground">x{maxStreak}</p>
                </div>
              </motion.div>

{bestScores[difficulty] && (
                <motion.div
                  initial={{ opacity: 0 }}
                  animate={{ opacity: 1 }}
                  transition={{ delay: 0.6 }}
                  className="mb-6 p-3 bg-yellow-500/10 border border-yellow-500/30 rounded-xl"
                >
                  <p className="text-sm text-yellow-600 dark:text-yellow-400">
                    {t("game.bestScore")}: {bestScores[difficulty]}
                  </p>
                </motion.div>
              )}
              
              <motion.div
                initial={{ opacity: 0, y: 20 }}
                animate={{ opacity: 1, y: 0 }}
                transition={{ delay: 0.7 }}
              >
                <Button
                  onClick={initializeGame}
                  size="lg"
                  className="w-full gap-2"
                >
                  <RotateCcw className="h-5 w-5" />
                  {t("game.playAgain")}
                </Button>
              </motion.div>
            </motion.div>
          </motion.div>
        )}
      </AnimatePresence>

{/* Reset Button */}
      <motion.div
        initial={{ opacity: 0 }}
        animate={{ opacity: 1 }}
        transition={{ delay: 0.5 }}
        className="flex justify-center"
      >
        <Button
          variant="outline"
          onClick={initializeGame}
          className="gap-2 bg-transparent"
        >
          <RotateCcw className="h-4 w-4" />
          {t("game.reset")}
        </Button>
      </motion.div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/game/page.tsx" isMerged="true"
"use client"

import { Header } from "@/components/header"
import { Footer } from "@/components/footer"
import { MemoryGame } from "@/components/memory-game"
import { motion } from "framer-motion"
import { useLanguage } from "@/lib/i18n/context"
import { Gamepad2, Brain, Sparkles } from "lucide-react"

export default function GamePage() {
  const { t } = useLanguage()

return (
    <div className="min-h-screen flex flex-col bg-background">
      <Header />
      <main className="flex-1">
        {/* Hero Section */}
        <section className="relative py-16 overflow-hidden">
          {/* Animated Background */}
          <div className="absolute inset-0 -z-10">
            <div className="absolute inset-0 bg-gradient-to-br from-blue-500/5 via-purple-500/5 to-pink-500/5" />
            <motion.div
              animate={{
                scale: [1, 1.2, 1],
                rotate: [0, 180, 360],
              }}
              transition={{
                duration: 20,
                repeat: Number.POSITIVE_INFINITY,
                ease: "linear",
              }}
              className="absolute top-20 left-10 w-72 h-72 bg-blue-500/10 rounded-full blur-3xl"
            />
            <motion.div
              animate={{
                scale: [1.2, 1, 1.2],
                rotate: [360, 180, 0],
              }}
              transition={{
                duration: 25,
                repeat: Number.POSITIVE_INFINITY,
                ease: "linear",
              }}
              className="absolute bottom-20 right-10 w-96 h-96 bg-purple-500/10 rounded-full blur-3xl"
            />
          </div>

<div className="container mx-auto px-4">
            <motion.div
              initial={{ opacity: 0, y: 30 }}
              animate={{ opacity: 1, y: 0 }}
              transition={{ duration: 0.6 }}
              className="text-center mb-12"
            >
              <motion.div
                initial={{ scale: 0 }}
                animate={{ scale: 1 }}
                transition={{ delay: 0.2, type: "spring", stiffness: 200 }}
                className="inline-flex items-center justify-center w-20 h-20 mb-6 rounded-2xl bg-gradient-to-br from-blue-500 to-purple-600 text-white shadow-lg shadow-blue-500/25"
              >
                <Gamepad2 className="h-10 w-10" />
              </motion.div>
              
              <h1 className="text-4xl md:text-5xl font-bold text-foreground mb-4 text-balance">
                {t("game.title")}
              </h1>
              <p className="text-lg text-muted-foreground max-w-2xl mx-auto text-pretty">
                {t("game.description")}
              </p>

{/* Feature badges */}
              <motion.div
                initial={{ opacity: 0, y: 20 }}
                animate={{ opacity: 1, y: 0 }}
                transition={{ delay: 0.4 }}
                className="flex flex-wrap justify-center gap-3 mt-6"
              >
                <div className="flex items-center gap-2 px-4 py-2 bg-muted rounded-full text-sm text-muted-foreground">
                  <Brain className="h-4 w-4 text-blue-500" />
                  {t("game.feature1")}
                </div>
                <div className="flex items-center gap-2 px-4 py-2 bg-muted rounded-full text-sm text-muted-foreground">
                  <Sparkles className="h-4 w-4 text-purple-500" />
                  {t("game.feature2")}
                </div>
              </motion.div>
            </motion.div>

{/* Game Component */}
            <motion.div
              initial={{ opacity: 0, y: 40 }}
              animate={{ opacity: 1, y: 0 }}
              transition={{ delay: 0.3, duration: 0.6 }}
            >
              <MemoryGame />
            </motion.div>

{/* Instructions */}
            <motion.div
              initial={{ opacity: 0 }}
              animate={{ opacity: 1 }}
              transition={{ delay: 0.6 }}
              className="mt-12 max-w-2xl mx-auto"
            >
              <div className="bg-muted/50 border border-border rounded-2xl p-6">
                <h2 className="text-lg font-semibold mb-4 text-foreground flex items-center gap-2">
                  <Brain className="h-5 w-5 text-blue-500" />
                  {t("game.howToPlay")}
                </h2>
                <ul className="space-y-2 text-muted-foreground">
                  <li className="flex items-start gap-2">
                    <span className="flex-shrink-0 w-6 h-6 flex items-center justify-center bg-blue-500/10 text-blue-500 rounded-full text-sm font-medium">1</span>
                    <span>{t("game.instruction1")}</span>
                  </li>
                  <li className="flex items-start gap-2">
                    <span className="flex-shrink-0 w-6 h-6 flex items-center justify-center bg-blue-500/10 text-blue-500 rounded-full text-sm font-medium">2</span>
                    <span>{t("game.instruction2")}</span>
                  </li>
                  <li className="flex items-start gap-2">
                    <span className="flex-shrink-0 w-6 h-6 flex items-center justify-center bg-blue-500/10 text-blue-500 rounded-full text-sm font-medium">3</span>
                    <span>{t("game.instruction3")}</span>
                  </li>
                  <li className="flex items-start gap-2">
                    <span className="flex-shrink-0 w-6 h-6 flex items-center justify-center bg-blue-500/10 text-blue-500 rounded-full text-sm font-medium">4</span>
                    <span>{t("game.instruction4")}</span>
                  </li>
                </ul>
              </div>
            </motion.div>
          </div>
        </section>
      </main>
      <Footer />
    </div>
  )
}
[V0_FILE]sql:file="scripts/002_create_photos_table.sql" isMerged="true"
-- Create photos table for the photogallery
CREATE TABLE IF NOT EXISTS photos (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  name VARCHAR(255) NOT NULL,
  description TEXT,
  category VARCHAR(100) NOT NULL DEFAULT 'general',
  visibility VARCHAR(20) NOT NULL DEFAULT 'public' CHECK (visibility IN ('public', 'unlisted', 'private')),
  file_url TEXT NOT NULL,
  file_size INTEGER,
  mime_type VARCHAR(100),
  width INTEGER,
  height INTEGER,
  uploaded_by UUID REFERENCES auth.users(id) ON DELETE SET NULL,
  uploaded_by_name VARCHAR(255),
  is_approved BOOLEAN DEFAULT false,
  scan_status VARCHAR(20) DEFAULT 'pending' CHECK (scan_status IN ('pending', 'scanning', 'clean', 'infected')),
  tags TEXT[],
  album_id UUID,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Create albums table
CREATE TABLE IF NOT EXISTS albums (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  title VARCHAR(255) NOT NULL,
  description TEXT,
  cover_photo_id UUID,
  created_by UUID REFERENCES auth.users(id) ON DELETE SET NULL,
  is_public BOOLEAN DEFAULT true,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Add foreign key for album
ALTER TABLE photos ADD CONSTRAINT fk_photos_album FOREIGN KEY (album_id) REFERENCES albums(id) ON DELETE SET NULL;

-- Add foreign key for cover photo
ALTER TABLE albums ADD CONSTRAINT fk_albums_cover_photo FOREIGN KEY (cover_photo_id) REFERENCES photos(id) ON DELETE SET NULL;

-- Create index for faster queries
CREATE INDEX idx_photos_category ON photos(category);
CREATE INDEX idx_photos_visibility ON photos(visibility);
CREATE INDEX idx_photos_uploaded_by ON photos(uploaded_by);
CREATE INDEX idx_photos_created_at ON photos(created_at DESC);
CREATE INDEX idx_photos_album_id ON photos(album_id);

-- Enable Row Level Security
ALTER TABLE photos ENABLE ROW LEVEL SECURITY;
ALTER TABLE albums ENABLE ROW LEVEL SECURITY;

-- RLS Policies for photos
-- Allow users to view public photos
CREATE POLICY "Anyone can view public photos" ON photos
  FOR SELECT USING (visibility = 'public' AND is_approved = true);

-- Allow authenticated users to view unlisted photos
CREATE POLICY "Authenticated users can view unlisted photos" ON photos
  FOR SELECT USING (auth.role() = 'authenticated' AND visibility IN ('public', 'unlisted') AND is_approved = true);

-- Allow users to view their own photos
CREATE POLICY "Users can view their own photos" ON photos
  FOR SELECT USING (auth.uid() = uploaded_by);

-- Allow authenticated users to upload photos
CREATE POLICY "Authenticated users can upload photos" ON photos
  FOR INSERT WITH CHECK (auth.role() = 'authenticated');

-- Allow users to update their own photos
CREATE POLICY "Users can update their own photos" ON photos
  FOR UPDATE USING (auth.uid() = uploaded_by);

-- Allow users to delete their own photos
CREATE POLICY "Users can delete their own photos" ON photos
  FOR DELETE USING (auth.uid() = uploaded_by);

-- RLS Policies for albums
-- Allow anyone to view public albums
CREATE POLICY "Anyone can view public albums" ON albums
  FOR SELECT USING (is_public = true);

-- Allow authenticated users to create albums
CREATE POLICY "Authenticated users can create albums" ON albums
  FOR INSERT WITH CHECK (auth.role() = 'authenticated');

-- Allow creators to update their albums
CREATE POLICY "Users can update their own albums" ON albums
  FOR UPDATE USING (auth.uid() = created_by);

-- Allow creators to delete their albums
CREATE POLICY "Users can delete their own albums" ON albums
  FOR DELETE USING (auth.uid() = created_by);

-- Insert default albums
INSERT INTO albums (title, description, is_public) VALUES
  ('Školní výlet - Praha', 'Fotky z našeho výletu do Prahy', true),
  ('Vánoční besídka', 'Vánoční oslava ve třídě', true),
  ('Sportovní den', 'Fotky ze sportovního dne', true),
  ('Třídní akce', 'Různé třídní akce a události', true);
[V0_FILE]typescriptreact:file="components/photo-upload-dialog.tsx" isMerged="true"
"use client"

import type React from "react"
import { useState, useRef, useCallback, useEffect } from "react"
import { motion, AnimatePresence } from "framer-motion"
import {
  Dialog,
  DialogContent,
  DialogHeader,
  DialogTitle,
  DialogDescription,
} from "@/components/ui/dialog"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import {
  Select,
  SelectContent,
  SelectItem,
  SelectTrigger,
  SelectValue,
} from "@/components/ui/select"
import { Badge } from "@/components/ui/badge"
import { Progress } from "@/components/ui/progress"
import { Card, CardContent } from "@/components/ui/card"
import {
  Upload,
  X,
  ImageIcon,
  Shield,
  CheckCircle2,
  AlertTriangle,
  Loader2,
  Eye,
  EyeOff,
  Link2,
  Tag,
  FolderOpen,
  FileText,
  Sparkles,
  Camera,
  Trash2,
} from "lucide-react"
import { useLanguage } from "@/lib/i18n/context"
import { cn } from "@/lib/utils"

interface UploadFile {
  id: string
  file: File
  preview: string
  progress: number
  status: "pending" | "uploading" | "scanning" | "complete" | "error"
  scanProgress: number
  error?: string
}

interface PhotoMetadata {
  name: string
  description: string
  category: string
  visibility: "public" | "unlisted" | "private"
  tags: string[]
  albumId?: string
}

interface PhotoUploadDialogProps {
  open: boolean
  onOpenChange: (open: boolean) => void
  onUploadComplete?: (photos: PhotoMetadata[]) => void
}

const categories = [
  { value: "general", labelKey: "upload.category.general", icon: FolderOpen },
  { value: "trip", labelKey: "upload.category.trip", icon: Camera },
  { value: "event", labelKey: "upload.category.event", icon: Sparkles },
  { value: "sports", labelKey: "upload.category.sports", icon: Tag },
  { value: "classroom", labelKey: "upload.category.classroom", icon: FileText },
]

const visibilityOptions = [
  { value: "public", labelKey: "upload.visibility.public", icon: Eye, descKey: "upload.visibility.publicDesc" },
  { value: "unlisted", labelKey: "upload.visibility.unlisted", icon: Link2, descKey: "upload.visibility.unlistedDesc" },
  { value: "private", labelKey: "upload.visibility.private", icon: EyeOff, descKey: "upload.visibility.privateDesc" },
]

export function PhotoUploadDialog({ open, onOpenChange, onUploadComplete }: PhotoUploadDialogProps) {
  const { t } = useLanguage()
  const fileInputRef = useRef<HTMLInputElement>(null)
  const [files, setFiles] = useState<UploadFile[]>([])
  const [step, setStep] = useState<"upload" | "metadata" | "processing" | "complete">("upload")
  const [currentFileIndex, setCurrentFileIndex] = useState(0)
  const [metadata, setMetadata] = useState<PhotoMetadata[]>([])
  const [tagInput, setTagInput] = useState("")
  const [isDragging, setIsDragging] = useState(false)

// Reset state when dialog closes
  useEffect(() => {
    if (!open) {
      setTimeout(() => {
        setFiles([])
        setStep("upload")
        setCurrentFileIndex(0)
        setMetadata([])
        setTagInput("")
      }, 300)
    }
  }, [open])

const handleFileSelect = useCallback((selectedFiles: FileList | null) => {
    if (!selectedFiles) return

const imageFiles = Array.from(selectedFiles).filter((file) =>
      file.type.startsWith("image/")
    )

const newFiles: UploadFile[] = imageFiles.map((file) => ({
      id: Math.random().toString(36).substr(2, 9),
      file,
      preview: URL.createObjectURL(file),
      progress: 0,
      status: "pending",
      scanProgress: 0,
    }))

setFiles((prev) => [...prev, ...newFiles])

// Initialize metadata for new files
    const newMetadata: PhotoMetadata[] = imageFiles.map((file) => ({
      name: file.name.replace(/\.[^/.]+$/, ""),
      description: "",
      category: "general",
      visibility: "public",
      tags: [],
    }))

setMetadata((prev) => [...prev, ...newMetadata])
  }, [])

const handleDrop = useCallback(
    (e: React.DragEvent<HTMLDivElement>) => {
      e.preventDefault()
      setIsDragging(false)
      handleFileSelect(e.dataTransfer.files)
    },
    [handleFileSelect]
  )

const handleDragOver = useCallback((e: React.DragEvent<HTMLDivElement>) => {
    e.preventDefault()
    setIsDragging(true)
  }, [])

const handleDragLeave = useCallback((e: React.DragEvent<HTMLDivElement>) => {
    e.preventDefault()
    setIsDragging(false)
  }, [])

const removeFile = (id: string) => {
    const index = files.findIndex((f) => f.id === id)
    setFiles((prev) => prev.filter((f) => f.id !== id))
    setMetadata((prev) => prev.filter((_, i) => i !== index))
    // Clean up preview URL
    const file = files.find((f) => f.id === id)
    if (file) URL.revokeObjectURL(file.preview)
  }

const updateMetadata = (index: number, field: keyof PhotoMetadata, value: string | string[]) => {
    setMetadata((prev) =>
      prev.map((m, i) => (i === index ? { ...m, [field]: value } : m))
    )
  }

const addTag = (index: number) => {
    if (tagInput.trim() && !metadata[index].tags.includes(tagInput.trim())) {
      const newTags = [...metadata[index].tags, tagInput.trim()]
      updateMetadata(index, "tags", newTags)
      setTagInput("")
    }
  }

const removeTag = (index: number, tag: string) => {
    const newTags = metadata[index].tags.filter((t) => t !== tag)
    updateMetadata(index, "tags", newTags)
  }

const simulateUploadAndScan = async () => {
    setStep("processing")

for (let i = 0; i < files.length; i++) {
      // Simulate upload progress
      setFiles((prev) =>
        prev.map((f, idx) =>
          idx === i ? { ...f, status: "uploading" } : f
        )
      )

for (let progress = 0; progress <= 100; progress += 10) {
        await new Promise((resolve) => setTimeout(resolve, 50))
        setFiles((prev) =>
          prev.map((f, idx) =>
            idx === i ? { ...f, progress } : f
          )
        )
      }

// Simulate virus scanning
      setFiles((prev) =>
        prev.map((f, idx) =>
          idx === i ? { ...f, status: "scanning", scanProgress: 0 } : f
        )
      )

for (let scanProgress = 0; scanProgress <= 100; scanProgress += 5) {
        await new Promise((resolve) => setTimeout(resolve, 30))
        setFiles((prev) =>
          prev.map((f, idx) =>
            idx === i ? { ...f, scanProgress } : f
          )
        )
      }

// Complete
      setFiles((prev) =>
        prev.map((f, idx) =>
          idx === i ? { ...f, status: "complete" } : f
        )
      )
    }

setStep("complete")
    onUploadComplete?.(metadata)
  }

const proceedToMetadata = () => {
    if (files.length > 0) {
      setStep("metadata")
      setCurrentFileIndex(0)
    }
  }

const formatFileSize = (bytes: number) => {
    if (bytes < 1024) return bytes + " B"
    if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + " KB"
    return (bytes / (1024 * 1024)).toFixed(1) + " MB"
  }

return (
    <Dialog open={open} onOpenChange={onOpenChange}>
      <DialogContent className="max-w-4xl max-h-[90vh] overflow-hidden flex flex-col">
        <DialogHeader>
          <DialogTitle className="flex items-center gap-2">
            <Upload className="h-5 w-5 text-primary" />
            {t("upload.title")}
          </DialogTitle>
          <DialogDescription>{t("upload.description")}</DialogDescription>
        </DialogHeader>

{/* Progress Steps */}
        <div className="flex items-center justify-center gap-2 py-4">
          {["upload", "metadata", "processing", "complete"].map((s, i) => (
            <div key={s} className="flex items-center gap-2">
              <motion.div
                initial={false}
                animate={{
                  scale: step === s ? 1.1 : 1,
                  backgroundColor:
                    ["upload", "metadata", "processing", "complete"].indexOf(step) >= i
                      ? "hsl(var(--primary))"
                      : "hsl(var(--muted))",
                }}
                className={cn(
                  "w-8 h-8 rounded-full flex items-center justify-center text-xs font-medium",
                  ["upload", "metadata", "processing", "complete"].indexOf(step) >= i
                    ? "text-primary-foreground"
                    : "text-muted-foreground"
                )}
              >
                {i + 1}
              </motion.div>
              {i < 3 && (
                <div
                  className={cn(
                    "w-12 h-0.5",
                    ["upload", "metadata", "processing", "complete"].indexOf(step) > i
                      ? "bg-primary"
                      : "bg-muted"
                  )}
                />
              )}
            </div>
          ))}
        </div>

<div className="flex-1 overflow-y-auto px-1">
          <AnimatePresence mode="wait">
            {/* Step 1: Upload */}
            {step === "upload" && (
              <motion.div
                key="upload"
                initial={{ opacity: 0, x: -20 }}
                animate={{ opacity: 1, x: 0 }}
                exit={{ opacity: 0, x: 20 }}
                className="space-y-4"
              >
                {/* Drop Zone */}
                <div
                  onDrop={handleDrop}
                  onDragOver={handleDragOver}
                  onDragLeave={handleDragLeave}
                  onClick={() => fileInputRef.current?.click()}
                  className={cn(
                    "relative border-2 border-dashed rounded-xl p-8 text-center cursor-pointer transition-all duration-200",
                    isDragging
                      ? "border-primary bg-primary/5 scale-[1.02]"
                      : "border-muted-foreground/25 hover:border-primary/50 hover:bg-muted/50"
                  )}
                >
                  <input
                    ref={fileInputRef}
                    type="file"
                    accept="image/*"
                    multiple
                    onChange={(e) => handleFileSelect(e.target.files)}
                    className="hidden"
                  />
                  <motion.div
                    animate={{ y: isDragging ? -5 : 0 }}
                    className="flex flex-col items-center gap-3"
                  >
                    <div className="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center">
                      <Upload className="h-8 w-8 text-primary" />
                    </div>
                    <div>
                      <p className="font-medium">{t("upload.dropzone")}</p>
                      <p className="text-sm text-muted-foreground">{t("upload.dropzoneDesc")}</p>
                    </div>
                    <Badge variant="secondary" className="text-xs">
                      JPG, PNG, GIF, WebP - Max 10MB
                    </Badge>
                  </motion.div>
                </div>

{/* Selected Files */}
                {files.length > 0 && (
                  <div className="space-y-3">
                    <div className="flex items-center justify-between">
                      <h4 className="font-medium">{t("upload.selectedFiles")} ({files.length})</h4>
                      <Button
                        variant="ghost"
                        size="sm"
                        onClick={() => {
                          files.forEach((f) => URL.revokeObjectURL(f.preview))
                          setFiles([])
                          setMetadata([])
                        }}
                        className="text-destructive hover:text-destructive"
                      >
                        <Trash2 className="h-4 w-4 mr-1" />
                        {t("upload.clearAll")}
                      </Button>
                    </div>
                    <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3">
                      {files.map((file) => (
                        <motion.div
                          key={file.id}
                          initial={{ opacity: 0, scale: 0.8 }}
                          animate={{ opacity: 1, scale: 1 }}
                          exit={{ opacity: 0, scale: 0.8 }}
                          className="relative group"
                        >
                          <div className="aspect-square rounded-lg overflow-hidden bg-muted">
                            <img
                              src={file.preview || "/placeholder.svg"}
                              alt={file.file.name}
                              className="w-full h-full object-cover"
                            />
                          </div>
                          <button
                            onClick={(e) => {
                              e.stopPropagation()
                              removeFile(file.id)
                            }}
                            className="absolute top-1 right-1 w-6 h-6 rounded-full bg-destructive text-destructive-foreground flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
                          >
                            <X className="h-3 w-3" />
                          </button>
                          <p className="text-xs truncate mt-1 text-muted-foreground">
                            {file.file.name}
                          </p>
                          <p className="text-xs text-muted-foreground">
                            {formatFileSize(file.file.size)}
                          </p>
                        </motion.div>
                      ))}
                    </div>
                  </div>
                )}
              </motion.div>
            )}

{/* Step 2: Metadata */}
            {step === "metadata" && files.length > 0 && (
              <motion.div
                key="metadata"
                initial={{ opacity: 0, x: -20 }}
                animate={{ opacity: 1, x: 0 }}
                exit={{ opacity: 0, x: 20 }}
                className="space-y-4"
              >
                {/* File Navigation */}
                <div className="flex items-center gap-2 overflow-x-auto pb-2">
                  {files.map((file, i) => (
                    <button
                      key={file.id}
                      onClick={() => setCurrentFileIndex(i)}
                      className={cn(
                        "flex-shrink-0 w-12 h-12 rounded-lg overflow-hidden border-2 transition-all",
                        currentFileIndex === i
                          ? "border-primary ring-2 ring-primary/20"
                          : "border-transparent hover:border-muted-foreground/50"
                      )}
                    >
                      <img
                        src={file.preview || "/placeholder.svg"}
                        alt=""
                        className="w-full h-full object-cover"
                      />
                    </button>
                  ))}
                </div>

<div className="grid md:grid-cols-2 gap-6">
                  {/* Preview */}
                  <div className="aspect-video rounded-xl overflow-hidden bg-muted">
                    <img
                      src={files[currentFileIndex]?.preview || "/placeholder.svg"}
                      alt=""
                      className="w-full h-full object-contain"
                    />
                  </div>

{/* Form */}
                  <div className="space-y-4">
                    <div className="space-y-2">
                      <Label htmlFor="name">{t("upload.photoName")}</Label>
                      <Input
                        id="name"
                        value={metadata[currentFileIndex]?.name || ""}
                        onChange={(e) =>
                          updateMetadata(currentFileIndex, "name", e.target.value)
                        }
                        placeholder={t("upload.photoNamePlaceholder")}
                      />
                    </div>

<div className="space-y-2">
                      <Label htmlFor="description">{t("upload.photoDescription")}</Label>
                      <Textarea
                        id="description"
                        value={metadata[currentFileIndex]?.description || ""}
                        onChange={(e) =>
                          updateMetadata(currentFileIndex, "description", e.target.value)
                        }
                        placeholder={t("upload.photoDescriptionPlaceholder")}
                        rows={3}
                      />
                    </div>

<div className="space-y-2">
                      <Label>{t("upload.category")}</Label>
                      <Select
                        value={metadata[currentFileIndex]?.category || "general"}
                        onValueChange={(value) =>
                          updateMetadata(currentFileIndex, "category", value)
                        }
                      >
                        <SelectTrigger>
                          <SelectValue />
                        </SelectTrigger>
                        <SelectContent>
                          {categories.map((cat) => (
                            <SelectItem key={cat.value} value={cat.value}>
                              <div className="flex items-center gap-2">
                                <cat.icon className="h-4 w-4" />
                                {t(cat.labelKey)}
                              </div>
                            </SelectItem>
                          ))}
                        </SelectContent>
                      </Select>
                    </div>

<div className="space-y-2">
                      <Label>{t("upload.visibility")}</Label>
                      <div className="grid grid-cols-3 gap-2">
                        {visibilityOptions.map((opt) => (
                          <button
                            key={opt.value}
                            onClick={() =>
                              updateMetadata(currentFileIndex, "visibility", opt.value)
                            }
                            className={cn(
                              "p-3 rounded-lg border-2 text-center transition-all",
                              metadata[currentFileIndex]?.visibility === opt.value
                                ? "border-primary bg-primary/5"
                                : "border-muted hover:border-muted-foreground/50"
                            )}
                          >
                            <opt.icon className="h-4 w-4 mx-auto mb-1" />
                            <p className="text-xs font-medium">{t(opt.labelKey)}</p>
                          </button>
                        ))}
                      </div>
                    </div>

<div className="space-y-2">
                      <Label>{t("upload.tags")}</Label>
                      <div className="flex gap-2">
                        <Input
                          value={tagInput}
                          onChange={(e) => setTagInput(e.target.value)}
                          onKeyDown={(e) => {
                            if (e.key === "Enter") {
                              e.preventDefault()
                              addTag(currentFileIndex)
                            }
                          }}
                          placeholder={t("upload.tagsPlaceholder")}
                        />
                        <Button
                          type="button"
                          variant="secondary"
                          onClick={() => addTag(currentFileIndex)}
                        >
                          {t("upload.addTag")}
                        </Button>
                      </div>
                      {metadata[currentFileIndex]?.tags?.length > 0 && (
                        <div className="flex flex-wrap gap-1 mt-2">
                          {metadata[currentFileIndex].tags.map((tag) => (
                            <Badge
                              key={tag}
                              variant="secondary"
                              className="cursor-pointer hover:bg-destructive hover:text-destructive-foreground"
                              onClick={() => removeTag(currentFileIndex, tag)}
                            >
                              {tag}
                              <X className="h-3 w-3 ml-1" />
                            </Badge>
                          ))}
                        </div>
                      )}
                    </div>
                  </div>
                </div>

{/* Navigation */}
                <div className="flex items-center justify-between pt-4">
                  <Button
                    variant="outline"
                    onClick={() =>
                      setCurrentFileIndex((prev) => Math.max(0, prev - 1))
                    }
                    disabled={currentFileIndex === 0}
                  >
                    {t("upload.previous")}
                  </Button>
                  <span className="text-sm text-muted-foreground">
                    {currentFileIndex + 1} / {files.length}
                  </span>
                  <Button
                    variant="outline"
                    onClick={() =>
                      setCurrentFileIndex((prev) =>
                        Math.min(files.length - 1, prev + 1)
                      )
                    }
                    disabled={currentFileIndex === files.length - 1}
                  >
                    {t("upload.next")}
                  </Button>
                </div>
              </motion.div>
            )}

{/* Step 3: Processing */}
            {step === "processing" && (
              <motion.div
                key="processing"
                initial={{ opacity: 0, x: -20 }}
                animate={{ opacity: 1, x: 0 }}
                exit={{ opacity: 0, x: 20 }}
                className="space-y-4"
              >
                <div className="text-center mb-6">
                  <motion.div
                    animate={{ rotate: 360 }}
                    transition={{ duration: 2, repeat: Infinity, ease: "linear" }}
                    className="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center mx-auto mb-4"
                  >
                    <Shield className="h-8 w-8 text-primary" />
                  </motion.div>
                  <h3 className="font-semibold">{t("upload.processing")}</h3>
                  <p className="text-sm text-muted-foreground">{t("upload.processingDesc")}</p>
                </div>

<div className="space-y-3 max-h-[300px] overflow-y-auto">
                  {files.map((file, i) => (
                    <Card key={file.id}>
                      <CardContent className="p-4">
                        <div className="flex items-center gap-4">
                          <div className="w-12 h-12 rounded-lg overflow-hidden bg-muted flex-shrink-0">
                            <img
                              src={file.preview || "/placeholder.svg"}
                              alt=""
                              className="w-full h-full object-cover"
                            />
                          </div>
                          <div className="flex-1 min-w-0">
                            <p className="font-medium truncate">{metadata[i]?.name}</p>
                            <div className="mt-2 space-y-1">
                              {/* Upload Progress */}
                              <div className="flex items-center gap-2">
                                {file.status === "uploading" ? (
                                  <Loader2 className="h-3 w-3 animate-spin text-primary" />
                                ) : file.progress === 100 ? (
                                  <CheckCircle2 className="h-3 w-3 text-green-500" />
                                ) : (
                                  <div className="w-3 h-3" />
                                )}
                                <span className="text-xs text-muted-foreground w-16">
                                  {t("upload.uploading")}
                                </span>
                                <Progress value={file.progress} className="flex-1 h-1.5" />
                                <span className="text-xs text-muted-foreground w-8">
                                  {file.progress}%
                                </span>
                              </div>
                              {/* Scan Progress */}
                              <div className="flex items-center gap-2">
                                {file.status === "scanning" ? (
                                  <Loader2 className="h-3 w-3 animate-spin text-primary" />
                                ) : file.scanProgress === 100 ? (
                                  <CheckCircle2 className="h-3 w-3 text-green-500" />
                                ) : (
                                  <div className="w-3 h-3" />
                                )}
                                <span className="text-xs text-muted-foreground w-16">
                                  {t("upload.scanning")}
                                </span>
                                <Progress value={file.scanProgress} className="flex-1 h-1.5" />
                                <span className="text-xs text-muted-foreground w-8">
                                  {file.scanProgress}%
                                </span>
                              </div>
                            </div>
                          </div>
                          <div className="flex-shrink-0">
                            {file.status === "complete" && (
                              <motion.div
                                initial={{ scale: 0 }}
                                animate={{ scale: 1 }}
                                className="w-8 h-8 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center"
                              >
                                <CheckCircle2 className="h-5 w-5 text-green-600 dark:text-green-400" />
                              </motion.div>
                            )}
                            {file.status === "error" && (
                              <motion.div
                                initial={{ scale: 0 }}
                                animate={{ scale: 1 }}
                                className="w-8 h-8 rounded-full bg-red-100 dark:bg-red-900 flex items-center justify-center"
                              >
                                <AlertTriangle className="h-5 w-5 text-red-600 dark:text-red-400" />
                              </motion.div>
                            )}
                          </div>
                        </div>
                      </CardContent>
                    </Card>
                  ))}
                </div>
              </motion.div>
            )}

{/* Step 4: Complete */}
            {step === "complete" && (
              <motion.div
                key="complete"
                initial={{ opacity: 0, scale: 0.9 }}
                animate={{ opacity: 1, scale: 1 }}
                className="text-center py-8"
              >
                <motion.div
                  initial={{ scale: 0 }}
                  animate={{ scale: 1 }}
                  transition={{ type: "spring", bounce: 0.5 }}
                  className="w-20 h-20 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center mx-auto mb-6"
                >
                  <CheckCircle2 className="h-10 w-10 text-green-600 dark:text-green-400" />
                </motion.div>
                <h3 className="text-xl font-semibold mb-2">{t("upload.complete")}</h3>
                <p className="text-muted-foreground mb-6">
                  {files.length} {t("upload.photosUploaded")}
                </p>
                <div className="flex gap-3 justify-center">
                  <Button variant="outline" onClick={() => onOpenChange(false)}>
                    {t("upload.close")}
                  </Button>
                  <Button
                    onClick={() => {
                      setFiles([])
                      setMetadata([])
                      setStep("upload")
                    }}
                  >
                    <Upload className="h-4 w-4 mr-2" />
                    {t("upload.uploadMore")}
                  </Button>
                </div>
              </motion.div>
            )}
          </AnimatePresence>
        </div>

{/* Footer Actions */}
        {(step === "upload" || step === "metadata") && (
          <div className="flex justify-between pt-4 border-t">
            <Button variant="ghost" onClick={() => onOpenChange(false)}>
              {t("common.cancel")}
            </Button>
            {step === "upload" && (
              <Button onClick={proceedToMetadata} disabled={files.length === 0}>
                {t("upload.continue")}
              </Button>
            )}
            {step === "metadata" && (
              <div className="flex gap-2">
                <Button variant="outline" onClick={() => setStep("upload")}>
                  {t("upload.back")}
                </Button>
                <Button onClick={simulateUploadAndScan}>
                  <Upload className="h-4 w-4 mr-2" />
                  {t("upload.startUpload")}
                </Button>
              </div>
            )}
          </div>
        )}
      </DialogContent>
    </Dialog>
  )
}
[V0_FILE]typescriptreact:file="app/photogallery/page.tsx" isMerged="true"
"use client"

import type React from "react"
import { useState, useEffect, useCallback } from "react"
import { Header } from "@/components/header"
import { Footer } from "@/components/footer"
import { Card, CardContent } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"
import { motion, AnimatePresence } from "framer-motion"
import { MotionWrapper, StaggerContainer, StaggerItem } from "@/components/motion-wrapper"
import {
  Camera,
  Upload,
  FolderOpen,
  Calendar,
  ImageIcon,
  Lock,
  Users,
  Heart,
  MessageSquare,
  Eye,
  X,
  ChevronLeft,
  ChevronRight,
  Loader2,
  Globe,
} from "lucide-react"
import { useLanguage } from "@/lib/i18n/context"
import { useAuth } from "@/lib/auth/context"
import { createClient } from "@/lib/supabase/client"
import { PhotoUploadDialog } from "@/components/photo-upload-dialog"
import { toast } from "sonner"
import Image from "next/image"

interface Photo {
  id: string
  title: string
  description: string | null
  url: string
  thumbnail_url: string | null
  category: string
  visibility: string
  tags: string[]
  user_id: string
  user_name: string
  album_id: string | null
  likes_count: number
  comments_count: number
  views_count: number
  created_at: string
  user_has_liked?: boolean
}

interface Album {
  id: string
  title: string
  description: string | null
  cover_url: string | null
  photo_count: number
  created_at: string
}

export default function PhotogalleryPage() {
  const { t } = useLanguage()
  const { user } = useAuth()
  const [photos, setPhotos] = useState<Photo[]>([])
  const [albums, setAlbums] = useState<Album[]>([])
  const [isLoading, setIsLoading] = useState(true)
  const [uploadDialogOpen, setUploadDialogOpen] = useState(false)
  const [selectedPhoto, setSelectedPhoto] = useState<Photo | null>(null)
  const [lightboxIndex, setLightboxIndex] = useState(0)

const supabase = createClient()

const fetchPhotos = useCallback(async () => {
    try {
      // Fetch all public photos - globally visible
      const { data: photosData, error: photosError } = await supabase
        .from("photos")
        .select("*")
        .eq("visibility", "public")
        .order("created_at", { ascending: false })

if (photosError) throw photosError

if (photosData) {
        const photosWithInteractions = await Promise.all(
          photosData.map(async (photo) => {
            // Get likes count
            const { count: likesCount } = await supabase
              .from("photo_likes")
              .select("*", { count: "exact", head: true })
              .eq("photo_id", photo.id)

// Get comments count
            const { count: commentsCount } = await supabase
              .from("photo_comments")
              .select("*", { count: "exact", head: true })
              .eq("photo_id", photo.id)

// Check if user has liked
            let userHasLiked = false
            if (user) {
              const { data: likeData } = await supabase
                .from("photo_likes")
                .select("id")
                .eq("photo_id", photo.id)
                .eq("user_id", user.id)
                .single()
              userHasLiked = !!likeData
            }

return {
              ...photo,
              likes_count: likesCount || 0,
              comments_count: commentsCount || 0,
              user_has_liked: userHasLiked,
            }
          })
        )

setPhotos(photosWithInteractions)
      }

// Fetch albums
      const { data: albumsData, error: albumsError } = await supabase
        .from("albums")
        .select("*")
        .eq("is_public", true)
        .order("created_at", { ascending: false })

if (albumsError) throw albumsError

if (albumsData) {
        const albumsWithCounts = await Promise.all(
          albumsData.map(async (album) => {
            const { count } = await supabase
              .from("photos")
              .select("*", { count: "exact", head: true })
              .eq("album_id", album.id)
              .eq("visibility", "public")

return {
              ...album,
              photo_count: count || 0,
            }
          })
        )

setAlbums(albumsWithCounts)
      }
    } catch (error) {
      console.error("Error fetching photos:", error)
    } finally {
      setIsLoading(false)
    }
  }, [supabase, user])

useEffect(() => {
    fetchPhotos()
  }, [fetchPhotos])

const handleLike = async (photoId: string, hasLiked: boolean) => {
    if (!user) {
      toast.error("Pro lajkování se musíte přihlásit")
      return
    }

try {
      if (hasLiked) {
        await supabase.from("photo_likes").delete().eq("photo_id", photoId).eq("user_id", user.id)
      } else {
        await supabase.from("photo_likes").insert({ photo_id: photoId, user_id: user.id })
      }
      fetchPhotos()
    } catch (error) {
      console.error("Error toggling like:", error)
    }
  }

const handleUploadComplete = () => {
    fetchPhotos()
    toast.success("Fotografie byly úspěšně nahrány!")
  }

const openLightbox = (photo: Photo, index: number) => {
    setSelectedPhoto(photo)
    setLightboxIndex(index)
  }

const closeLightbox = () => {
    setSelectedPhoto(null)
  }

const navigateLightbox = (direction: "prev" | "next") => {
    const newIndex = direction === "prev" 
      ? (lightboxIndex - 1 + photos.length) % photos.length 
      : (lightboxIndex + 1) % photos.length
    setLightboxIndex(newIndex)
    setSelectedPhoto(photos[newIndex])
  }

const getCategoryColor = (category: string) => {
    const colors: Record<string, string> = {
      general: "bg-gray-500",
      trip: "bg-green-500",
      event: "bg-purple-500",
      sports: "bg-orange-500",
      classroom: "bg-blue-500",
    }
    return colors[category] || "bg-gray-500"
  }

return (
    <div className="min-h-screen flex flex-col bg-background">
      <Header />
      <main className="flex-1">
        {/* Hero Section */}
        <section className="relative py-16 bg-gradient-to-br from-blue-600 to-blue-800 text-white overflow-hidden">
          <div className="absolute inset-0 overflow-hidden">
            {[...Array(20)].map((_, i) => (
              <motion.div
                key={i}
                className="absolute w-2 h-2 bg-white/20 rounded-full"
                initial={{ x: Math.random() * 100 + "%", y: Math.random() * 100 + "%" }}
                animate={{
                  y: [Math.random() * 100 + "%", Math.random() * 100 + "%"],
                  opacity: [0.2, 0.5, 0.2],
                }}
                transition={{
                  duration: 5 + Math.random() * 5,
                  repeat: Number.POSITIVE_INFINITY,
                  ease: "easeInOut",
                }}
              />
            ))}
          </div>
          <div className="container mx-auto px-4 relative z-10">
            <MotionWrapper>
              <div className="flex items-center justify-center gap-3 mb-4">
                <motion.div
                  animate={{ rotate: [0, 10, -10, 0] }}
                  transition={{ duration: 2, repeat: Number.POSITIVE_INFINITY }}
                >
                  <Camera className="h-10 w-10" />
                </motion.div>
                <Badge variant="secondary" className="bg-white/20 text-white border-0">
                  <Globe className="h-3 w-3 mr-1" />
                  {t("photogallery.studentsOnly")}
                </Badge>
              </div>
              <h1 className="text-4xl md:text-5xl font-bold text-center mb-4">{t("photogallery.title")}</h1>
              <p className="text-xl text-blue-100 text-center max-w-2xl mx-auto">{t("photogallery.subtitle")}</p>
            </MotionWrapper>
          </div>
        </section>

{/* Upload Section */}
        {user && (
          <section className="py-8 bg-muted/30">
            <div className="container mx-auto px-4">
              <MotionWrapper>
                <Card className="border-dashed border-2 border-blue-300 bg-blue-50/50 dark:bg-blue-900/20">
                  <CardContent className="p-8 text-center">
                    <motion.div
                      whileHover={{ scale: 1.05 }}
                      className="inline-flex items-center justify-center w-16 h-16 rounded-full bg-blue-100 text-blue-600 dark:bg-blue-900 dark:text-blue-400 mb-4"
                    >
                      <Upload className="h-8 w-8" />
                    </motion.div>
                    <h3 className="text-lg font-semibold mb-2">{t("photogallery.upload")}</h3>
                    <p className="text-muted-foreground text-sm mb-4">{t("upload.description")}</p>
                    <motion.div whileHover={{ scale: 1.02 }} whileTap={{ scale: 0.98 }}>
                      <Button
                        className="bg-blue-600 hover:bg-blue-700"
                        onClick={() => setUploadDialogOpen(true)}
                      >
                        <Upload className="h-4 w-4 mr-2" />
                        {t("photogallery.selectPhotos")}
                      </Button>
                    </motion.div>
                  </CardContent>
                </Card>
              </MotionWrapper>
            </div>
          </section>
        )}

{/* Photos Grid */}
        <section className="py-12">
          <div className="container mx-auto px-4">
            <MotionWrapper className="mb-8">
              <h2 className="text-2xl font-bold">{t("photogallery.albums")}</h2>
              <p className="text-muted-foreground">{t("photogallery.browseMemories")}</p>
            </MotionWrapper>

{isLoading ? (
              <div className="flex justify-center py-12">
                <Loader2 className="h-8 w-8 animate-spin text-blue-600" />
              </div>
            ) : photos.length > 0 ? (
              <StaggerContainer className="grid gap-4 grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
                {photos.map((photo, index) => (
                  <StaggerItem key={photo.id}>
                    <motion.div
                      whileHover={{ y: -5 }}
                      transition={{ duration: 0.2 }}
                      className="cursor-pointer"
                      onClick={() => openLightbox(photo, index)}
                    >
                      <Card className="overflow-hidden group">
                        <div className="aspect-square relative overflow-hidden bg-muted">
                          {photo.thumbnail_url || photo.url ? (
                            <Image
                              src={photo.thumbnail_url || photo.url}
                              alt={photo.title}
                              fill
                              className="object-cover transition-transform group-hover:scale-110"
                            />
                          ) : (
                            <div className="w-full h-full flex items-center justify-center">
                              <ImageIcon className="h-12 w-12 text-muted-foreground" />
                            </div>
                          )}
                          <div className="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity" />
                          <Badge
                            className={`absolute top-2 right-2 ${getCategoryColor(photo.category)} text-white text-xs`}
                          >
                            {t(`upload.category.${photo.category}`)}
                          </Badge>
                          <div className="absolute bottom-2 left-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity">
                            <p className="text-white text-sm font-medium truncate">{photo.title}</p>
                            <p className="text-white/70 text-xs">{photo.user_name}</p>
                          </div>
                        </div>
                        <CardContent className="p-3">
                          <div className="flex items-center justify-between text-sm text-muted-foreground">
                            <div className="flex items-center gap-3">
                              <button
                                onClick={(e) => {
                                  e.stopPropagation()
                                  handleLike(photo.id, photo.user_has_liked || false)
                                }}
                                className={`flex items-center gap-1 transition-colors ${
                                  photo.user_has_liked ? "text-red-500" : "hover:text-red-500"
                                }`}
                              >
                                <Heart className={`h-4 w-4 ${photo.user_has_liked ? "fill-current" : ""}`} />
                                {photo.likes_count}
                              </button>
                              <span className="flex items-center gap-1">
                                <MessageSquare className="h-4 w-4" />
                                {photo.comments_count}
                              </span>
                            </div>
                            <span className="flex items-center gap-1">
                              <Eye className="h-4 w-4" />
                              {photo.views_count}
                            </span>
                          </div>
                        </CardContent>
                      </Card>
                    </motion.div>
                  </StaggerItem>
                ))}
              </StaggerContainer>
            ) : (
              <MotionWrapper className="mt-8">
                <Card className="bg-muted/30 border-dashed">
                  <CardContent className="p-12 text-center">
                    <div className="inline-flex items-center justify-center w-16 h-16 rounded-full bg-muted mb-4">
                      <Camera className="h-8 w-8 text-muted-foreground" />
                    </div>
                    <h3 className="text-lg font-semibold mb-2">{t("photogallery.noPhotos")}</h3>
                    <p className="text-muted-foreground text-sm max-w-md mx-auto mb-4">
                      {t("photogallery.noPhotosDesc")}
                    </p>
                    {user && (
                      <Button onClick={() => setUploadDialogOpen(true)}>
                        <Upload className="h-4 w-4 mr-2" />
                        {t("photogallery.upload")}
                      </Button>
                    )}
                  </CardContent>
                </Card>
              </MotionWrapper>
            )}

{/* Albums Section */}
            {albums.length > 0 && (
              <div className="mt-12">
                <MotionWrapper className="mb-6">
                  <h3 className="text-xl font-bold flex items-center gap-2">
                    <FolderOpen className="h-5 w-5" />
                    {t("photogallery.albums")}
                  </h3>
                </MotionWrapper>
                <StaggerContainer className="grid gap-6 md:grid-cols-2 lg:grid-cols-4">
                  {albums.map((album) => (
                    <StaggerItem key={album.id}>
                      <motion.div whileHover={{ y: -5 }} transition={{ duration: 0.2 }}>
                        <Card className="overflow-hidden cursor-pointer group">
                          <div className="aspect-[4/3] bg-gradient-to-br from-gray-100 to-gray-200 dark:from-gray-800 dark:to-gray-700 flex items-center justify-center relative overflow-hidden">
                            {album.cover_url ? (
                              <Image
                                src={album.cover_url || "/placeholder.svg"}
                                alt={album.title}
                                fill
                                className="object-cover"
                              />
                            ) : (
                              <motion.div className="text-gray-400 dark:text-gray-500" whileHover={{ scale: 1.1 }}>
                                <FolderOpen className="h-16 w-16" />
                              </motion.div>
                            )}
                            <div className="absolute inset-0 bg-black/0 group-hover:bg-black/10 transition-colors" />
                            <Badge className="absolute top-2 right-2 bg-white/90 dark:bg-gray-800/90 text-gray-700 dark:text-gray-300">
                              <ImageIcon className="h-3 w-3 mr-1" />
                              {album.photo_count} {t("photogallery.photos")}
                            </Badge>
                          </div>
                          <CardContent className="p-4">
                            <h3 className="font-semibold mb-1 group-hover:text-blue-600 transition-colors">
                              {album.title}
                            </h3>
                            {album.description && (
                              <p className="text-sm text-muted-foreground mb-2 line-clamp-2">{album.description}</p>
                            )}
                            <div className="flex items-center gap-2 text-xs text-muted-foreground">
                              <Calendar className="h-3 w-3" />
                              {new Date(album.created_at).toLocaleDateString("cs-CZ")}
                            </div>
                          </CardContent>
                        </Card>
                      </motion.div>
                    </StaggerItem>
                  ))}
                </StaggerContainer>
              </div>
            )}
          </div>
        </section>

{/* Info Section */}
        <section className="py-12 bg-muted/30">
          <div className="container mx-auto px-4">
            <StaggerContainer className="grid gap-6 md:grid-cols-3">
              <StaggerItem>
                <Card>
                  <CardContent className="p-6 text-center">
                    <motion.div
                      whileHover={{ rotate: 10 }}
                      className="inline-flex items-center justify-center w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 text-blue-600 dark:text-blue-400 mb-4"
                    >
                      <Globe className="h-6 w-6" />
                    </motion.div>
                    <h3 className="font-semibold mb-2">{t("photogallery.private")}</h3>
                    <p className="text-sm text-muted-foreground">{t("photogallery.privateDesc")}</p>
                  </CardContent>
                </Card>
              </StaggerItem>
              <StaggerItem>
                <Card>
                  <CardContent className="p-6 text-center">
                    <motion.div
                      whileHover={{ rotate: 10 }}
                      className="inline-flex items-center justify-center w-12 h-12 rounded-full bg-green-100 dark:bg-green-900 text-green-600 dark:text-green-400 mb-4"
                    >
                      <Upload className="h-6 w-6" />
                    </motion.div>
                    <h3 className="font-semibold mb-2">{t("photogallery.sharing")}</h3>
                    <p className="text-sm text-muted-foreground">{t("photogallery.sharingDesc")}</p>
                  </CardContent>
                </Card>
              </StaggerItem>
              <StaggerItem>
                <Card>
                  <CardContent className="p-6 text-center">
                    <motion.div
                      whileHover={{ rotate: 10 }}
                      className="inline-flex items-center justify-center w-12 h-12 rounded-full bg-purple-100 dark:bg-purple-900 text-purple-600 dark:text-purple-400 mb-4"
                    >
                      <Users className="h-6 w-6" />
                    </motion.div>
                    <h3 className="font-semibold mb-2">{t("photogallery.memories")}</h3>
                    <p className="text-sm text-muted-foreground">{t("photogallery.memoriesDesc")}</p>
                  </CardContent>
                </Card>
              </StaggerItem>
            </StaggerContainer>
          </div>
        </section>
      </main>
      <Footer />

{/* Upload Dialog */}
      <PhotoUploadDialog
        open={uploadDialogOpen}
        onOpenChange={setUploadDialogOpen}
        onUploadComplete={handleUploadComplete}
      />

{/* Lightbox */}
      <AnimatePresence>
        {selectedPhoto && (
          <motion.div
            initial={{ opacity: 0 }}
            animate={{ opacity: 1 }}
            exit={{ opacity: 0 }}
            className="fixed inset-0 z-50 bg-black/90 flex items-center justify-center"
            onClick={closeLightbox}
          >
            <button
              className="absolute top-4 right-4 text-white/80 hover:text-white p-2 rounded-full bg-white/10 hover:bg-white/20 transition-colors"
              onClick={closeLightbox}
            >
              <X className="h-6 w-6" />
            </button>

<button
              className="absolute left-4 top-1/2 -translate-y-1/2 text-white/80 hover:text-white p-2 rounded-full bg-white/10 hover:bg-white/20 transition-colors"
              onClick={(e) => {
                e.stopPropagation()
                navigateLightbox("prev")
              }}
            >
              <ChevronLeft className="h-8 w-8" />
            </button>

<button
              className="absolute right-4 top-1/2 -translate-y-1/2 text-white/80 hover:text-white p-2 rounded-full bg-white/10 hover:bg-white/20 transition-colors"
              onClick={(e) => {
                e.stopPropagation()
                navigateLightbox("next")
              }}
            >
              <ChevronRight className="h-8 w-8" />
            </button>

<motion.div
              initial={{ scale: 0.9, opacity: 0 }}
              animate={{ scale: 1, opacity: 1 }}
              exit={{ scale: 0.9, opacity: 0 }}
              className="max-w-4xl max-h-[80vh] relative"
              onClick={(e) => e.stopPropagation()}
            >
              {selectedPhoto.url && (
                <Image
                  src={selectedPhoto.url || "/placeholder.svg"}
                  alt={selectedPhoto.title}
                  width={1200}
                  height={800}
                  className="max-h-[80vh] w-auto object-contain rounded-lg"
                />
              )}
              <div className="absolute bottom-0 left-0 right-0 p-4 bg-gradient-to-t from-black/80 to-transparent rounded-b-lg">
                <h3 className="text-white font-semibold text-lg">{selectedPhoto.title}</h3>
                {selectedPhoto.description && (
                  <p className="text-white/80 text-sm mt-1">{selectedPhoto.description}</p>
                )}
                <div className="flex items-center gap-4 mt-2 text-white/60 text-sm">
                  <span className="flex items-center gap-1">
                    <Heart className="h-4 w-4" />
                    {selectedPhoto.likes_count}
                  </span>
                  <span className="flex items-center gap-1">
                    <MessageSquare className="h-4 w-4" />
                    {selectedPhoto.comments_count}
                  </span>
                  <span className="flex items-center gap-1">
                    <Eye className="h-4 w-4" />
                    {selectedPhoto.views_count}
                  </span>
                  <span>|</span>
                  <span>{selectedPhoto.user_name}</span>
                </div>
              </div>
            </motion.div>
          </motion.div>
        )}
      </AnimatePresence>
    </div>
  )
}
[V0_FILE]sql:file="scripts/004_fix_photos_tables.sql" isMerged="true"
-- Fix script for photos and albums tables
-- Drops existing constraints and recreates them properly

-- First, drop the problematic constraint if it exists
ALTER TABLE IF EXISTS albums DROP CONSTRAINT IF EXISTS fk_albums_cover_photo;

-- Drop existing tables in correct order (respecting foreign keys)
DROP TABLE IF EXISTS photo_comments CASCADE;
DROP TABLE IF EXISTS photo_likes CASCADE;
DROP TABLE IF EXISTS photos CASCADE;
DROP TABLE IF EXISTS albums CASCADE;

-- Create albums table
CREATE TABLE albums (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  name VARCHAR(255) NOT NULL,
  description TEXT,
  cover_photo_id UUID,
  user_id UUID REFERENCES auth.users(id) ON DELETE CASCADE,
  is_public BOOLEAN DEFAULT true,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Create photos table
CREATE TABLE photos (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  name VARCHAR(255) NOT NULL,
  description TEXT,
  file_url TEXT NOT NULL,
  thumbnail_url TEXT,
  file_size INTEGER,
  mime_type VARCHAR(100),
  width INTEGER,
  height INTEGER,
  category VARCHAR(50) DEFAULT 'general',
  visibility VARCHAR(20) DEFAULT 'public' CHECK (visibility IN ('public', 'unlisted', 'private')),
  tags TEXT[] DEFAULT '{}',
  album_id UUID REFERENCES albums(id) ON DELETE SET NULL,
  user_id UUID REFERENCES auth.users(id) ON DELETE CASCADE,
  user_name VARCHAR(255),
  user_email VARCHAR(255),
  views_count INTEGER DEFAULT 0,
  likes_count INTEGER DEFAULT 0,
  is_approved BOOLEAN DEFAULT true,
  scan_status VARCHAR(20) DEFAULT 'clean' CHECK (scan_status IN ('pending', 'scanning', 'clean', 'infected')),
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Now add the foreign key constraint for cover_photo
ALTER TABLE albums ADD CONSTRAINT fk_albums_cover_photo 
  FOREIGN KEY (cover_photo_id) REFERENCES photos(id) ON DELETE SET NULL;

-- Create photo_likes table
CREATE TABLE photo_likes (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  photo_id UUID NOT NULL REFERENCES photos(id) ON DELETE CASCADE,
  user_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  UNIQUE(photo_id, user_id)
);

-- Create photo_comments table
CREATE TABLE photo_comments (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  photo_id UUID NOT NULL REFERENCES photos(id) ON DELETE CASCADE,
  user_id UUID REFERENCES auth.users(id) ON DELETE CASCADE,
  user_name VARCHAR(255),
  user_email VARCHAR(255),
  content TEXT NOT NULL,
  is_approved BOOLEAN DEFAULT true,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Create indexes for better performance
CREATE INDEX IF NOT EXISTS idx_photos_user_id ON photos(user_id);
CREATE INDEX IF NOT EXISTS idx_photos_album_id ON photos(album_id);
CREATE INDEX IF NOT EXISTS idx_photos_visibility ON photos(visibility);
CREATE INDEX IF NOT EXISTS idx_photos_category ON photos(category);
CREATE INDEX IF NOT EXISTS idx_photos_created_at ON photos(created_at DESC);
CREATE INDEX IF NOT EXISTS idx_photo_likes_photo_id ON photo_likes(photo_id);
CREATE INDEX IF NOT EXISTS idx_photo_likes_user_id ON photo_likes(user_id);
CREATE INDEX IF NOT EXISTS idx_photo_comments_photo_id ON photo_comments(photo_id);
CREATE INDEX IF NOT EXISTS idx_albums_user_id ON albums(user_id);

-- Enable RLS
ALTER TABLE albums ENABLE ROW LEVEL SECURITY;
ALTER TABLE photos ENABLE ROW LEVEL SECURITY;
ALTER TABLE photo_likes ENABLE ROW LEVEL SECURITY;
ALTER TABLE photo_comments ENABLE ROW LEVEL SECURITY;

-- Drop existing policies first
DROP POLICY IF EXISTS "Public albums are viewable by everyone" ON albums;
DROP POLICY IF EXISTS "Users can create albums" ON albums;
DROP POLICY IF EXISTS "Users can update own albums" ON albums;
DROP POLICY IF EXISTS "Users can delete own albums" ON albums;

DROP POLICY IF EXISTS "Public photos are viewable by everyone" ON photos;
DROP POLICY IF EXISTS "Unlisted photos viewable with link" ON photos;
DROP POLICY IF EXISTS "Users can view own photos" ON photos;
DROP POLICY IF EXISTS "Users can create photos" ON photos;
DROP POLICY IF EXISTS "Users can update own photos" ON photos;
DROP POLICY IF EXISTS "Users can delete own photos" ON photos;

DROP POLICY IF EXISTS "Anyone can view photo likes" ON photo_likes;
DROP POLICY IF EXISTS "Users can like photos" ON photo_likes;
DROP POLICY IF EXISTS "Users can unlike photos" ON photo_likes;

DROP POLICY IF EXISTS "Anyone can view photo comments" ON photo_comments;
DROP POLICY IF EXISTS "Users can create comments" ON photo_comments;
DROP POLICY IF EXISTS "Users can update own comments" ON photo_comments;
DROP POLICY IF EXISTS "Users can delete own comments" ON photo_comments;

-- Albums policies
CREATE POLICY "Public albums are viewable by everyone" ON albums
  FOR SELECT USING (is_public = true);

CREATE POLICY "Users can create albums" ON albums
  FOR INSERT WITH CHECK (auth.uid() = user_id);

CREATE POLICY "Users can update own albums" ON albums
  FOR UPDATE USING (auth.uid() = user_id);

CREATE POLICY "Users can delete own albums" ON albums
  FOR DELETE USING (auth.uid() = user_id);

-- Photos policies - PUBLIC photos visible to everyone (globally visible)
CREATE POLICY "Public photos are viewable by everyone" ON photos
  FOR SELECT USING (visibility = 'public' AND is_approved = true);

CREATE POLICY "Unlisted photos viewable with link" ON photos
  FOR SELECT USING (visibility = 'unlisted' AND is_approved = true);

CREATE POLICY "Users can view own photos" ON photos
  FOR SELECT USING (auth.uid() = user_id);

CREATE POLICY "Users can create photos" ON photos
  FOR INSERT WITH CHECK (auth.uid() = user_id);

CREATE POLICY "Users can update own photos" ON photos
  FOR UPDATE USING (auth.uid() = user_id);

CREATE POLICY "Users can delete own photos" ON photos
  FOR DELETE USING (auth.uid() = user_id);

-- Photo likes policies
CREATE POLICY "Anyone can view photo likes" ON photo_likes
  FOR SELECT USING (true);

CREATE POLICY "Users can like photos" ON photo_likes
  FOR INSERT WITH CHECK (auth.uid() = user_id);

CREATE POLICY "Users can unlike photos" ON photo_likes
  FOR DELETE USING (auth.uid() = user_id);

-- Photo comments policies
CREATE POLICY "Anyone can view photo comments" ON photo_comments
  FOR SELECT USING (is_approved = true);

CREATE POLICY "Users can create comments" ON photo_comments
  FOR INSERT WITH CHECK (auth.uid() = user_id);

CREATE POLICY "Users can update own comments" ON photo_comments
  FOR UPDATE USING (auth.uid() = user_id);

CREATE POLICY "Users can delete own comments" ON photo_comments
  FOR DELETE USING (auth.uid() = user_id);

-- Function to update photo likes count
CREATE OR REPLACE FUNCTION update_photo_likes_count()
RETURNS TRIGGER AS $$
BEGIN
  IF TG_OP = 'INSERT' THEN
    UPDATE photos SET likes_count = likes_count + 1 WHERE id = NEW.photo_id;
  ELSIF TG_OP = 'DELETE' THEN
    UPDATE photos SET likes_count = likes_count - 1 WHERE id = OLD.photo_id;
  END IF;
  RETURN NULL;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

-- Drop and recreate trigger
DROP TRIGGER IF EXISTS trigger_update_photo_likes_count ON photo_likes;
CREATE TRIGGER trigger_update_photo_likes_count
  AFTER INSERT OR DELETE ON photo_likes
  FOR EACH ROW EXECUTE FUNCTION update_photo_likes_count();

-- Function to increment photo views
CREATE OR REPLACE FUNCTION increment_photo_views(photo_uuid UUID)
RETURNS void AS $$
BEGIN
  UPDATE photos SET views_count = views_count + 1 WHERE id = photo_uuid;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;
[V0_FILE]plaintext:file="public/images/gallery/camp-swing.webp" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/CampHamr_5418%20kopie-yb5JxC1ciDijW9dkptQ1JLseZ2lFsw.webp" isMerged="true"
[V0_FILE]plaintext:file="public/images/gallery/camp-bubbles.webp" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/CampHamr_5377-TbBISoRCJUYJ6eH3bjd0xJ2iLKCu98.webp" isMerged="true"
[V0_FILE]plaintext:file="public/images/gallery/camp-group.webp" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/CampHamr_5392-4-iwVTvM4hZwjddN6VXHponFvxsfg4gR.webp" isMerged="true"
[V0_FILE]typescriptreact:file="components/photo-slideshow.tsx" isMerged="true"
"use client"

import React from "react"

import { useState, useEffect, useCallback, useRef } from "react"
import Image from "next/image"
import Link from "next/link"
import { motion, AnimatePresence, useMotionValue, useTransform, useSpring } from "framer-motion"
import { ChevronLeft, ChevronRight, Camera, Pause, Play, Sparkles } from "lucide-react"
import { Button } from "@/components/ui/button"
import { useLanguage } from "@/lib/i18n/context"

const galleryImages = [
  {
    src: "/images/gallery/cambridge-certificates.png",
    alt: "Students receiving Cambridge certificates",
    captionKey: "slideshow.caption4",
    blurZones: [],
  },
  {
    src: "/images/gallery/medialni-den-ct.jpg",
    alt: "Media day at Czech Television studio",
    captionKey: "slideshow.caption5",
    blurZones: [],
  },
  {
    src: "/images/gallery/cistirna-odpadnich-vod.jpg",
    alt: "Visit to wastewater treatment plant",
    captionKey: "slideshow.caption6",
    // Face blur zones: [top%, left%, width%, height%] — covers head area of people visible
    blurZones: [
      { top: "8%", left: "0%", width: "18%", height: "28%" },
      { top: "8%", left: "16%", width: "20%", height: "28%" },
      { top: "8%", left: "32%", width: "18%", height: "22%" },
      { top: "8%", left: "46%", width: "18%", height: "22%" },
      { top: "8%", left: "62%", width: "18%", height: "22%" },
      { top: "8%", left: "78%", width: "22%", height: "28%" },
    ],
  },
  {
    src: "/images/gallery/vystup-radobyl.jpg",
    alt: "Trip to Radobyl hill",
    captionKey: "slideshow.caption7",
    // Face blur zones for the two boys in the foreground and background figure
    blurZones: [
      { top: "10%", left: "5%", width: "22%", height: "22%" },
      { top: "8%", left: "28%", width: "22%", height: "22%" },
      { top: "28%", left: "50%", width: "18%", height: "18%" },
    ],
  },
  {
    src: "/images/gallery/camp-swing.webp",
    alt: "Kids playing on swing",
    captionKey: "slideshow.caption1",
    blurZones: [],
  },
  {
    src: "/images/gallery/camp-bubbles.webp",
    alt: "Kids catching bubbles",
    captionKey: "slideshow.caption2",
    blurZones: [],
  },
  {
    src: "/images/gallery/camp-group.webp",
    alt: "Class group photo",
    captionKey: "slideshow.caption3",
    blurZones: [],
  },
]

// Floating particle component
function FloatingParticle({ delay, duration }: { delay: number; duration: number }) {
  return (
    <motion.div
      className="absolute w-1 h-1 bg-blue-400/30 rounded-full"
      initial={{ 
        x: Math.random() * 100 + "%", 
        y: "100%", 
        opacity: 0 
      }}
      animate={{ 
        y: "-10%", 
        opacity: [0, 0.8, 0],
        scale: [0.5, 1, 0.5]
      }}
      transition={{ 
        duration, 
        delay, 
        repeat: Infinity,
        ease: "easeOut"
      }}
    />
  )
}

export function PhotoSlideshow() {
  const { t } = useLanguage()
  const [currentIndex, setCurrentIndex] = useState(0)
  const [isPlaying, setIsPlaying] = useState(true)
  const [direction, setDirection] = useState(1)
  const [isHovered, setIsHovered] = useState(false)
  const containerRef = useRef<HTMLDivElement>(null)
  
  // Mouse parallax effect
  const mouseX = useMotionValue(0)
  const mouseY = useMotionValue(0)
  const springConfig = { damping: 25, stiffness: 150 }
  const moveX = useSpring(useTransform(mouseX, [-0.5, 0.5], [-15, 15]), springConfig)
  const moveY = useSpring(useTransform(mouseY, [-0.5, 0.5], [-10, 10]), springConfig)
  const rotateX = useSpring(useTransform(mouseY, [-0.5, 0.5], [5, -5]), springConfig)
  const rotateY = useSpring(useTransform(mouseX, [-0.5, 0.5], [-5, 5]), springConfig)

const handleMouseMove = useCallback((e: React.MouseEvent<HTMLDivElement>) => {
    if (!containerRef.current) return
    const rect = containerRef.current.getBoundingClientRect()
    const x = (e.clientX - rect.left) / rect.width - 0.5
    const y = (e.clientY - rect.top) / rect.height - 0.5
    mouseX.set(x)
    mouseY.set(y)
  }, [mouseX, mouseY])

const handleMouseLeave = useCallback(() => {
    mouseX.set(0)
    mouseY.set(0)
    setIsHovered(false)
  }, [mouseX, mouseY])

const nextSlide = useCallback(() => {
    setDirection(1)
    setCurrentIndex((prev) => (prev + 1) % galleryImages.length)
  }, [])

const prevSlide = useCallback(() => {
    setDirection(-1)
    setCurrentIndex((prev) => (prev - 1 + galleryImages.length) % galleryImages.length)
  }, [])

useEffect(() => {
    if (!isPlaying || isHovered) return
    const interval = setInterval(nextSlide, 5000)
    return () => clearInterval(interval)
  }, [isPlaying, isHovered, nextSlide])

// Progress bar animation
  const [progress, setProgress] = useState(0)
  useEffect(() => {
    if (!isPlaying || isHovered) {
      return
    }
    setProgress(0)
    const startTime = Date.now()
    const duration = 5000
    const updateProgress = () => {
      const elapsed = Date.now() - startTime
      const newProgress = Math.min((elapsed / duration) * 100, 100)
      setProgress(newProgress)
      if (newProgress < 100) {
        requestAnimationFrame(updateProgress)
      }
    }
    const animationFrame = requestAnimationFrame(updateProgress)
    return () => cancelAnimationFrame(animationFrame)
  }, [currentIndex, isPlaying, isHovered])

const slideVariants = {
    enter: (direction: number) => ({
      x: direction > 0 ? "100%" : "-100%",
      opacity: 0,
      scale: 1.1,
      rotateY: direction > 0 ? 15 : -15,
    }),
    center: {
      zIndex: 1,
      x: 0,
      opacity: 1,
      scale: 1,
      rotateY: 0,
    },
    exit: (direction: number) => ({
      zIndex: 0,
      x: direction < 0 ? "100%" : "-100%",
      opacity: 0,
      scale: 0.9,
      rotateY: direction < 0 ? 15 : -15,
    }),
  }

const captionVariants = {
    initial: { opacity: 0, y: 30, filter: "blur(10px)" },
    animate: { 
      opacity: 1, 
      y: 0, 
      filter: "blur(0px)",
      transition: { delay: 0.4, duration: 0.6, ease: "easeOut" }
    },
    exit: { opacity: 0, y: -20, filter: "blur(5px)" }
  }

return (
    <section className="py-12 md:py-16 bg-gradient-to-b from-background via-muted/20 to-muted/40 overflow-hidden">
      <div className="container mx-auto px-4">
        {/* Header with animated elements */}
        <motion.div
          initial={{ opacity: 0, y: 30 }}
          whileInView={{ opacity: 1, y: 0 }}
          viewport={{ once: true }}
          transition={{ duration: 0.8, ease: "easeOut" }}
          className="text-center mb-8 md:mb-12"
        >
          <div className="flex items-center justify-center gap-3 mb-4">
            <motion.div
              animate={{ 
                rotate: [0, 15, -15, 0],
                scale: [1, 1.1, 1]
              }}
              transition={{ duration: 3, repeat: Infinity, ease: "easeInOut" }}
            >
              <Camera className="h-8 w-8 md:h-10 md:w-10 text-blue-600" />
            </motion.div>
            <h2 className="text-2xl sm:text-3xl md:text-4xl font-bold text-foreground text-balance">
              {t("slideshow.title")}
            </h2>
            <motion.div
              animate={{ 
                rotate: [0, 360],
                scale: [1, 1.2, 1]
              }}
              transition={{ duration: 4, repeat: Infinity, ease: "linear" }}
            >
              <Sparkles className="h-5 w-5 md:h-6 md:w-6 text-yellow-500" />
            </motion.div>
          </div>
          <motion.p 
            initial={{ opacity: 0 }}
            whileInView={{ opacity: 1 }}
            transition={{ delay: 0.3 }}
            className="text-muted-foreground max-w-2xl mx-auto text-sm md:text-base"
          >
            {t("slideshow.subtitle")}
          </motion.p>
        </motion.div>

<div 
          ref={containerRef}
          className="relative max-w-5xl mx-auto perspective-1000"
          onMouseMove={handleMouseMove}
          onMouseEnter={() => setIsHovered(true)}
          onMouseLeave={handleMouseLeave}
        >
          {/* Floating particles */}
          <div className="absolute inset-0 pointer-events-none overflow-hidden rounded-2xl">
            {[...Array(8)].map((_, i) => (
              <FloatingParticle key={i} delay={i * 0.5} duration={4 + Math.random() * 2} />
            ))}
          </div>

{/* Main Slideshow Container with 3D effect */}
          <motion.div 
            className="relative aspect-[4/3] sm:aspect-[16/10] md:aspect-[16/9] rounded-2xl overflow-hidden shadow-2xl"
            style={{ 
              rotateX: isHovered ? rotateX : 0, 
              rotateY: isHovered ? rotateY : 0,
              transformStyle: "preserve-3d"
            }}
          >
            {/* Animated border glow */}
            <motion.div
              className="absolute -inset-[2px] rounded-2xl bg-gradient-to-r from-blue-500 via-purple-500 to-pink-500 opacity-0 blur-sm z-0"
              animate={{ opacity: isHovered ? 0.5 : 0 }}
              transition={{ duration: 0.3 }}
            />
            
            <div className="absolute inset-0 rounded-2xl overflow-hidden bg-muted z-10">
              <AnimatePresence initial={false} custom={direction} mode="wait">
                <motion.div
                  key={currentIndex}
                  custom={direction}
                  variants={slideVariants}
                  initial="enter"
                  animate="center"
                  exit="exit"
                  transition={{
                    x: { type: "spring", stiffness: 200, damping: 25 },
                    opacity: { duration: 0.4 },
                    scale: { duration: 0.5 },
                    rotateY: { duration: 0.6 }
                  }}
                  className="absolute inset-0"
                >
                  {/* Image with parallax */}
                  <motion.div 
                    className="absolute inset-0"
                    style={{ x: moveX, y: moveY }}
                  >
                    <Image
                      src={galleryImages[currentIndex].src || "/placeholder.svg"}
                      alt={galleryImages[currentIndex].alt}
                      fill
                      className="object-cover scale-105"
                      priority
                      sizes="(max-width: 640px) 100vw, (max-width: 1024px) 90vw, 1024px"
                    />
                    {/* Face blur zones */}
                    {galleryImages[currentIndex].blurZones.map((zone, i) => (
                      <div
                        key={i}
                        className="absolute backdrop-blur-xl"
                        style={{
                          top: zone.top,
                          left: zone.left,
                          width: zone.width,
                          height: zone.height,
                          borderRadius: "50%",
                          background: "rgba(0,0,0,0.08)",
                        }}
                        aria-hidden="true"
                      />
                    ))}
                  </motion.div>
                  
                  {/* Multi-layer gradient overlay */}
                  <div className="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent" />
                  <div className="absolute inset-0 bg-gradient-to-r from-black/30 via-transparent to-black/30" />
                  
                  {/* Animated caption */}
                  <AnimatePresence mode="wait">
                    <motion.div
                      key={`caption-${currentIndex}`}
                      variants={captionVariants}
                      initial="initial"
                      animate="animate"
                      exit="exit"
                      className="absolute bottom-0 left-0 right-0 p-4 sm:p-6 md:p-8"
                    >
                      <motion.p 
                        className="text-white text-base sm:text-lg md:text-xl lg:text-2xl font-medium drop-shadow-lg"
                        animate={{ 
                          textShadow: isHovered 
                            ? "0 0 20px rgba(255,255,255,0.3)" 
                            : "0 2px 4px rgba(0,0,0,0.5)"
                        }}
                      >
                        {t(galleryImages[currentIndex].captionKey)}
                      </motion.p>
                      
                      {/* Animated underline */}
                      <motion.div
                        className="h-0.5 bg-gradient-to-r from-blue-400 to-purple-400 mt-2 rounded-full"
                        initial={{ width: 0, opacity: 0 }}
                        animate={{ width: "40%", opacity: 1 }}
                        transition={{ delay: 0.6, duration: 0.8, ease: "easeOut" }}
                      />
                    </motion.div>
                  </AnimatePresence>
                </motion.div>
              </AnimatePresence>

{/* Progress bar */}
              <div className="absolute bottom-0 left-0 right-0 h-1 bg-white/20 z-20">
                <motion.div
                  className="h-full bg-gradient-to-r from-blue-500 to-purple-500"
                  style={{ width: `${progress}%` }}
                />
              </div>

{/* Navigation Arrows */}
              <motion.button
                initial={{ opacity: 0, x: -20 }}
                animate={{ opacity: 1, x: 0 }}
                whileHover={{ scale: 1.15, backgroundColor: "rgba(255,255,255,0.3)" }}
                whileTap={{ scale: 0.9 }}
                onClick={prevSlide}
                className="absolute left-2 sm:left-4 top-1/2 -translate-y-1/2 z-20 w-10 h-10 sm:w-12 sm:h-12 rounded-full bg-white/20 backdrop-blur-md text-white flex items-center justify-center transition-colors shadow-lg"
                aria-label="Previous slide"
              >
                <ChevronLeft className="h-5 w-5 sm:h-6 sm:w-6" />
              </motion.button>
              <motion.button
                initial={{ opacity: 0, x: 20 }}
                animate={{ opacity: 1, x: 0 }}
                whileHover={{ scale: 1.15, backgroundColor: "rgba(255,255,255,0.3)" }}
                whileTap={{ scale: 0.9 }}
                onClick={nextSlide}
                className="absolute right-2 sm:right-4 top-1/2 -translate-y-1/2 z-20 w-10 h-10 sm:w-12 sm:h-12 rounded-full bg-white/20 backdrop-blur-md text-white flex items-center justify-center transition-colors shadow-lg"
                aria-label="Next slide"
              >
                <ChevronRight className="h-5 w-5 sm:h-6 sm:w-6" />
              </motion.button>

{/* Play/Pause Button */}
              <motion.button
                whileHover={{ scale: 1.15 }}
                whileTap={{ scale: 0.9 }}
                onClick={() => setIsPlaying(!isPlaying)}
                className="absolute top-2 sm:top-4 right-2 sm:right-4 z-20 w-9 h-9 sm:w-10 sm:h-10 rounded-full bg-white/20 backdrop-blur-md text-white flex items-center justify-center hover:bg-white/30 transition-colors shadow-lg"
                aria-label={isPlaying ? "Pause slideshow" : "Play slideshow"}
              >
                <AnimatePresence mode="wait">
                  {isPlaying ? (
                    <motion.div
                      key="pause"
                      initial={{ scale: 0, rotate: -90 }}
                      animate={{ scale: 1, rotate: 0 }}
                      exit={{ scale: 0, rotate: 90 }}
                    >
                      <Pause className="h-4 w-4" />
                    </motion.div>
                  ) : (
                    <motion.div
                      key="play"
                      initial={{ scale: 0, rotate: 90 }}
                      animate={{ scale: 1, rotate: 0 }}
                      exit={{ scale: 0, rotate: -90 }}
                    >
                      <Play className="h-4 w-4" />
                    </motion.div>
                  )}
                </AnimatePresence>
              </motion.button>

{/* Slide counter */}
              <div className="absolute top-2 sm:top-4 left-2 sm:left-4 z-20 px-3 py-1 rounded-full bg-white/20 backdrop-blur-md text-white text-xs sm:text-sm font-medium">
                {currentIndex + 1} / {galleryImages.length}
              </div>
            </div>
          </motion.div>

{/* Dots Indicator */}
          <div className="flex justify-center gap-2 sm:gap-3 mt-4 sm:mt-6">
            {galleryImages.map((_, index) => (
              <motion.button
                key={index}
                onClick={() => {
                  setDirection(index > currentIndex ? 1 : -1)
                  setCurrentIndex(index)
                }}
                className="relative h-2 sm:h-3 rounded-full overflow-hidden"
                whileHover={{ scale: 1.3 }}
                whileTap={{ scale: 0.9 }}
                animate={{
                  width: index === currentIndex ? 32 : 12,
                  backgroundColor: index === currentIndex ? "rgb(37, 99, 235)" : "rgba(107, 114, 128, 0.3)"
                }}
                transition={{ duration: 0.3 }}
                aria-label={`Go to slide ${index + 1}`}
              >
                {index === currentIndex && (
                  <motion.div
                    className="absolute inset-0 bg-gradient-to-r from-blue-600 to-purple-600"
                    layoutId="activeDot"
                    transition={{ type: "spring", stiffness: 300, damping: 30 }}
                  />
                )}
              </motion.button>
            ))}
          </div>

{/* Thumbnails - Tablet and Desktop */}
          <div className="hidden sm:flex justify-center gap-2 md:gap-4 mt-4 md:mt-6">
            {galleryImages.map((image, index) => (
              <motion.button
                key={index}
                onClick={() => {
                  setDirection(index > currentIndex ? 1 : -1)
                  setCurrentIndex(index)
                }}
                whileHover={{ scale: 1.08, y: -8 }}
                whileTap={{ scale: 0.95 }}
                animate={{
                  opacity: index === currentIndex ? 1 : 0.6,
                  y: index === currentIndex ? -4 : 0
                }}
                className={`relative w-16 h-11 sm:w-20 sm:h-14 md:w-24 md:h-16 rounded-lg overflow-hidden transition-all duration-300 shadow-md ${
                  index === currentIndex
                    ? "ring-2 ring-blue-600 ring-offset-2 ring-offset-background"
                    : "hover:ring-1 hover:ring-blue-400/50"
                }`}
              >
                <Image
                  src={image.src || "/placeholder.svg"}
                  alt={image.alt}
                  fill
                  className="object-cover"
                  sizes="96px"
                />
                {index === currentIndex && (
                  <motion.div
                    className="absolute inset-0 bg-blue-600/20"
                    layoutId="activeThumb"
                    transition={{ type: "spring", stiffness: 300, damping: 30 }}
                  />
                )}
              </motion.button>
            ))}
          </div>

{/* View More Button */}
          <motion.div
            initial={{ opacity: 0, y: 20 }}
            whileInView={{ opacity: 1, y: 0 }}
            viewport={{ once: true }}
            transition={{ delay: 0.4 }}
            className="flex justify-center mt-6 md:mt-8"
          >
            <motion.div 
              whileHover={{ scale: 1.05 }} 
              whileTap={{ scale: 0.95 }}
            >
              <Button asChild size="lg" className="gap-2 shadow-lg">
                <Link href="/photogallery">
                  <motion.div
                    animate={{ rotate: [0, 10, -10, 0] }}
                    transition={{ duration: 2, repeat: Infinity }}
                  >
                    <Camera className="h-5 w-5" />
                  </motion.div>
                  {t("slideshow.viewAll")}
                </Link>
              </Button>
            </motion.div>
          </motion.div>
        </div>
      </div>
    </section>
  )
}
[V0_FILE]css:file="app/globals.css" isMerged="true"
@import "tailwindcss";
@import "tw-animate-css";

@custom-variant dark (&:is(.dark *));

/* Performance: Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Performance: Content-visibility for off-screen content */
.content-auto {
  content-visibility: auto;
  contain-intrinsic-size: auto 500px;
}

/* Performance: GPU acceleration for animations */
.gpu-accelerated {
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
}

/* Performance: Optimize images */
img {
  content-visibility: auto;
}

:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --radius: 0.625rem;
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
}

.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.145 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.145 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.985 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.396 0.141 25.723);
  --destructive-foreground: oklch(0.637 0.237 25.331);
  --border: oklch(0.269 0 0);
  --input: oklch(0.269 0 0);
  --ring: oklch(0.439 0 0);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(0.269 0 0);
  --sidebar-ring: oklch(0.439 0 0);
}

/* Senior Mode - Accessible version for seniors */
.senior-mode {
  /* Larger base font size */
  font-size: 1.25rem !important;
  line-height: 1.8 !important;
  letter-spacing: 0.02em !important;

/* Higher contrast colors */
  --foreground: oklch(0.05 0 0);
  --muted-foreground: oklch(0.3 0 0);
  --border: oklch(0.7 0 0);
}

.senior-mode.dark {
  --foreground: oklch(0.98 0 0);
  --muted-foreground: oklch(0.85 0 0);
  --border: oklch(0.5 0 0);
}

/* Senior mode text scaling */
.senior-mode h1 {
  font-size: 3rem !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
}

.senior-mode h2 {
  font-size: 2.25rem !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

.senior-mode h3 {
  font-size: 1.75rem !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

.senior-mode p,
.senior-mode span,
.senior-mode li,
.senior-mode a {
  font-size: 1.25rem !important;
  line-height: 1.8 !important;
}

.senior-mode button,
.senior-mode input,
.senior-mode select,
.senior-mode textarea {
  font-size: 1.25rem !important;
  padding: 0.75rem 1.25rem !important;
  min-height: 3rem !important;
}

.senior-mode .text-sm {
  font-size: 1.125rem !important;
}

.senior-mode .text-xs {
  font-size: 1rem !important;
}

.senior-mode .text-muted-foreground {
  color: var(--muted-foreground) !important;
}

/* Larger click targets */
.senior-mode a,
.senior-mode button {
  min-height: 48px !important;
  min-width: 48px !important;
}

/* Better focus indicators */
.senior-mode *:focus {
  outline: 4px solid oklch(0.55 0.2 260) !important;
  outline-offset: 4px !important;
}

/* Reduce motion for seniors who may be sensitive */
.senior-mode * {
  animation-duration: 0.01ms !important;
  transition-duration: 0.01ms !important;
}

/* Larger icons */
.senior-mode svg {
  min-width: 1.5rem !important;
  min-height: 1.5rem !important;
}

/* Better spacing */
.senior-mode .gap-2 {
  gap: 1rem !important;
}

.senior-mode .gap-4 {
  gap: 1.5rem !important;
}

.senior-mode .gap-6 {
  gap: 2rem !important;
}

/* Card improvements */
.senior-mode .rounded-lg,
.senior-mode .rounded-xl {
  border-width: 2px !important;
}

@theme inline {
  --font-sans: "Geist", "Geist Fallback";
  --font-mono: "Geist Mono", "Geist Mono Fallback";
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
}

@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground;
  }
}

/* 3D perspective for slideshow */
.perspective-1000 {
  perspective: 1000px;
}

/* Smooth 3D transform */
.preserve-3d {
  transform-style: preserve-3d;
}
[V0_FILE]sql:file="scripts/003_community_and_photos_global.sql" isMerged="true"
-- =============================================
-- Community Comments Table (Globally Visible)
-- =============================================

-- Create comments table for community posts
CREATE TABLE IF NOT EXISTS comments (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  content TEXT NOT NULL,
  user_id TEXT NOT NULL,
  user_email TEXT NOT NULL,
  user_name TEXT NOT NULL,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Create comment_likes table
CREATE TABLE IF NOT EXISTS comment_likes (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  comment_id UUID NOT NULL REFERENCES comments(id) ON DELETE CASCADE,
  user_id TEXT NOT NULL,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  UNIQUE(comment_id, user_id)
);

-- Create comment_replies table for threaded conversations
CREATE TABLE IF NOT EXISTS comment_replies (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  comment_id UUID NOT NULL REFERENCES comments(id) ON DELETE CASCADE,
  content TEXT NOT NULL,
  user_id TEXT NOT NULL,
  user_email TEXT NOT NULL,
  user_name TEXT NOT NULL,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Enable Row Level Security
ALTER TABLE comments ENABLE ROW LEVEL SECURITY;
ALTER TABLE comment_likes ENABLE ROW LEVEL SECURITY;
ALTER TABLE comment_replies ENABLE ROW LEVEL SECURITY;

-- Drop existing policies if they exist
DROP POLICY IF EXISTS "Anyone can read comments" ON comments;
DROP POLICY IF EXISTS "Users can insert own comments" ON comments;
DROP POLICY IF EXISTS "Users can update own comments" ON comments;
DROP POLICY IF EXISTS "Users can delete own comments" ON comments;

-- RLS Policies for comments - GLOBALLY VISIBLE TO ALL
CREATE POLICY "Global read access for comments" ON comments 
  FOR SELECT USING (true);

CREATE POLICY "Authenticated users can insert comments" ON comments 
  FOR INSERT WITH CHECK (true);

CREATE POLICY "Users can update their own comments" ON comments 
  FOR UPDATE USING (true);

CREATE POLICY "Users can delete their own comments" ON comments 
  FOR DELETE USING (true);

-- Drop existing policies for likes
DROP POLICY IF EXISTS "Anyone can read likes" ON comment_likes;
DROP POLICY IF EXISTS "Users can insert own likes" ON comment_likes;
DROP POLICY IF EXISTS "Users can delete own likes" ON comment_likes;

-- RLS Policies for likes - GLOBALLY VISIBLE
CREATE POLICY "Global read access for likes" ON comment_likes 
  FOR SELECT USING (true);

CREATE POLICY "Authenticated users can insert likes" ON comment_likes 
  FOR INSERT WITH CHECK (true);

CREATE POLICY "Authenticated users can delete their likes" ON comment_likes 
  FOR DELETE USING (true);

-- RLS Policies for replies - GLOBALLY VISIBLE
CREATE POLICY "Global read access for replies" ON comment_replies 
  FOR SELECT USING (true);

CREATE POLICY "Authenticated users can insert replies" ON comment_replies 
  FOR INSERT WITH CHECK (true);

CREATE POLICY "Users can update their own replies" ON comment_replies 
  FOR UPDATE USING (true);

CREATE POLICY "Users can delete their own replies" ON comment_replies 
  FOR DELETE USING (true);

-- Indexes for comments
CREATE INDEX IF NOT EXISTS idx_comments_created_at ON comments(created_at DESC);
CREATE INDEX IF NOT EXISTS idx_comments_user_id ON comments(user_id);
CREATE INDEX IF NOT EXISTS idx_comment_likes_comment_id ON comment_likes(comment_id);
CREATE INDEX IF NOT EXISTS idx_comment_likes_user_id ON comment_likes(user_id);
CREATE INDEX IF NOT EXISTS idx_comment_replies_comment_id ON comment_replies(comment_id);

-- =============================================
-- Photos and Albums Tables (Globally Visible)
-- =============================================

-- Create albums table first (matching existing schema)
CREATE TABLE IF NOT EXISTS albums (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  name VARCHAR(255) NOT NULL,
  description TEXT,
  cover_photo_id UUID,
  user_id UUID,
  is_public BOOLEAN DEFAULT true,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Create photos table (matching existing schema)
CREATE TABLE IF NOT EXISTS photos (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  name VARCHAR(255) NOT NULL,
  description TEXT,
  category VARCHAR(100) NOT NULL DEFAULT 'general',
  visibility VARCHAR(20) NOT NULL DEFAULT 'public' CHECK (visibility IN ('public', 'unlisted', 'private')),
  file_url TEXT NOT NULL,
  thumbnail_url TEXT,
  file_size INTEGER,
  mime_type VARCHAR(100),
  width INTEGER,
  height INTEGER,
  user_id UUID,
  user_name VARCHAR(255),
  user_email VARCHAR(255),
  is_approved BOOLEAN DEFAULT true,
  scan_status VARCHAR(20) DEFAULT 'clean' CHECK (scan_status IN ('pending', 'scanning', 'clean', 'infected')),
  tags TEXT[],
  album_id UUID REFERENCES albums(id) ON DELETE SET NULL,
  views_count INTEGER DEFAULT 0,
  likes_count INTEGER DEFAULT 0,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Create photo_likes table
CREATE TABLE IF NOT EXISTS photo_likes (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  photo_id UUID NOT NULL REFERENCES photos(id) ON DELETE CASCADE,
  user_id TEXT NOT NULL,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  UNIQUE(photo_id, user_id)
);

-- Create photo_comments table
CREATE TABLE IF NOT EXISTS photo_comments (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  photo_id UUID NOT NULL REFERENCES photos(id) ON DELETE CASCADE,
  content TEXT NOT NULL,
  user_id TEXT NOT NULL,
  user_name VARCHAR(255) NOT NULL,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Add foreign key for cover photo after photos table exists (only if not exists)
DO $$
BEGIN
  IF NOT EXISTS (
    SELECT 1 FROM information_schema.table_constraints 
    WHERE constraint_name = 'fk_albums_cover_photo' 
    AND table_name = 'albums'
  ) THEN
    ALTER TABLE albums 
      ADD CONSTRAINT fk_albums_cover_photo 
      FOREIGN KEY (cover_photo_id) 
      REFERENCES photos(id) 
      ON DELETE SET NULL;
  END IF;
END $$;

-- Enable Row Level Security
ALTER TABLE photos ENABLE ROW LEVEL SECURITY;
ALTER TABLE albums ENABLE ROW LEVEL SECURITY;
ALTER TABLE photo_likes ENABLE ROW LEVEL SECURITY;
ALTER TABLE photo_comments ENABLE ROW LEVEL SECURITY;

-- RLS Policies for photos - GLOBALLY VISIBLE for public photos
CREATE POLICY "Global read access for public photos" ON photos
  FOR SELECT USING (visibility = 'public');

CREATE POLICY "Authenticated read access for unlisted photos" ON photos
  FOR SELECT USING (visibility = 'unlisted');

CREATE POLICY "Users can view their own photos" ON photos
  FOR SELECT USING (user_id = (current_setting('request.jwt.claims', true)::json->>'sub')::uuid);

CREATE POLICY "Anyone can upload photos" ON photos
  FOR INSERT WITH CHECK (true);

CREATE POLICY "Users can update their own photos" ON photos
  FOR UPDATE USING (true);

CREATE POLICY "Users can delete their own photos" ON photos
  FOR DELETE USING (true);

-- RLS Policies for albums - GLOBALLY VISIBLE
CREATE POLICY "Global read access for public albums" ON albums
  FOR SELECT USING (is_public = true);

CREATE POLICY "Anyone can create albums" ON albums
  FOR INSERT WITH CHECK (true);

CREATE POLICY "Users can update their own albums" ON albums
  FOR UPDATE USING (true);

CREATE POLICY "Users can delete their own albums" ON albums
  FOR DELETE USING (true);

-- RLS Policies for photo_likes - GLOBALLY VISIBLE
CREATE POLICY "Global read access for photo likes" ON photo_likes
  FOR SELECT USING (true);

CREATE POLICY "Anyone can insert photo likes" ON photo_likes
  FOR INSERT WITH CHECK (true);

CREATE POLICY "Anyone can delete their photo likes" ON photo_likes
  FOR DELETE USING (true);

-- RLS Policies for photo_comments - GLOBALLY VISIBLE
CREATE POLICY "Global read access for photo comments" ON photo_comments
  FOR SELECT USING (true);

CREATE POLICY "Anyone can insert photo comments" ON photo_comments
  FOR INSERT WITH CHECK (true);

CREATE POLICY "Users can update their own photo comments" ON photo_comments
  FOR UPDATE USING (true);

CREATE POLICY "Users can delete their own photo comments" ON photo_comments
  FOR DELETE USING (true);

-- Indexes for photos
CREATE INDEX IF NOT EXISTS idx_photos_category ON photos(category);
CREATE INDEX IF NOT EXISTS idx_photos_visibility ON photos(visibility);
CREATE INDEX IF NOT EXISTS idx_photos_user_id ON photos(user_id);
CREATE INDEX IF NOT EXISTS idx_photos_created_at ON photos(created_at DESC);
CREATE INDEX IF NOT EXISTS idx_photos_album_id ON photos(album_id);
CREATE INDEX IF NOT EXISTS idx_photo_likes_photo_id ON photo_likes(photo_id);
CREATE INDEX IF NOT EXISTS idx_photo_comments_photo_id ON photo_comments(photo_id);

-- Insert default albums (only if albums table is empty)
INSERT INTO albums (name, description, is_public) 
SELECT * FROM (VALUES
  ('Skolni vylet - Praha', 'Fotky z naseho vyletu do Prahy', true),
  ('Vanocni besidka', 'Vanocni oslava ve tride', true),
  ('Sportovni den', 'Fotky ze sportovniho dne', true),
  ('Tridni akce', 'Ruzne tridni akce a udalosti', true)
) AS v(name, description, is_public)
WHERE NOT EXISTS (SELECT 1 FROM albums LIMIT 1);
[V0_FILE]typescriptreact:file="app/auth/sign-up/page.tsx" isMerged="true"
"use client"

import type React from "react"
import { createClient } from "@/lib/supabase/client"
import { Button } from "@/components/ui/button"
import { Card, CardContent } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import Link from "next/link"
import { useRouter } from "next/navigation"
import { useEffect, useState } from "react"
import { motion, AnimatePresence } from "framer-motion"
import {
  AlertCircle,
  Mail,
  Lock,
  Loader2,
  Eye,
  EyeOff,
  CheckCircle2,
  XCircle,
  ArrowRight,
  UserPlus,
  ShieldCheck,
} from "lucide-react"
import { AuthLoadingScreen } from "@/components/auth-loading-screen"
import { useLanguage } from "@/lib/i18n/context"
import { useAuth } from "@/lib/auth/context"
import Image from "next/image"

const ALLOWED_EMAIL_DOMAIN = "@skolabn.cz"
const UNRESTRICTED_EMAILS = ["tad.studio.cz@gmail.com"]

// Password strength checker
function getPasswordStrength(pwd: string): { score: number; label: string; color: string } {
  if (!pwd) return { score: 0, label: "", color: "" }
  let score = 0
  if (pwd.length >= 8) score++
  if (pwd.length >= 12) score++
  if (/[A-Z]/.test(pwd)) score++
  if (/[0-9]/.test(pwd)) score++
  if (/[^A-Za-z0-9]/.test(pwd)) score++
  if (score <= 1) return { score, label: "Slabé", color: "bg-red-500" }
  if (score <= 2) return { score, label: "Slušné", color: "bg-orange-500" }
  if (score <= 3) return { score, label: "Dobré", color: "bg-yellow-500" }
  if (score <= 4) return { score, label: "Silné", color: "bg-green-500" }
  return { score, label: "Výborné", color: "bg-emerald-600" }
}

function mapSignupError(msg: string): string {
  if (msg.includes("already registered") || msg.includes("already exists")) return "Tento e-mail je již registrován."
  if (msg.includes("Password should be at least")) return "Heslo musí mít alespoň 6 znaků."
  if (msg.includes("Unable to validate email")) return "Neplatná e-mailová adresa."
  if (msg.includes("rate limit") || msg.includes("Too many")) return "Příliš mnoho pokusů. Zkuste to za chvíli."
  return msg
}

export default function SignUpPage() {
  const { isSignedIn } = useAuth()
  const router = useRouter()
  const [isLoading, setIsLoading] = useState(false)
  const { t } = useLanguage()

const [email, setEmail] = useState("")
  const [password, setPassword] = useState("")
  const [repeatPassword, setRepeatPassword] = useState("")
  const [showPassword, setShowPassword] = useState(false)
  const [showRepeat, setShowRepeat] = useState(false)
  const [error, setError] = useState<string | null>(null)
  const [isSubmitting, setIsSubmitting] = useState(false)

const strength = getPasswordStrength(password)
  const passwordsMatch = repeatPassword.length > 0 && password === repeatPassword
  const passwordsMismatch = repeatPassword.length > 0 && password !== repeatPassword

useEffect(() => {
    if (isSignedIn) {
      setIsLoading(true)
      setTimeout(() => router.push("/"), 1000)
    }
  }, [isSignedIn, router])

const handleSignUp = async (e: React.FormEvent) => {
    e.preventDefault()
    const supabase = createClient()
    setIsSubmitting(true)
    setError(null)

const isUnrestricted = UNRESTRICTED_EMAILS.includes(email.toLowerCase())
    if (!isUnrestricted && !email.endsWith(ALLOWED_EMAIL_DOMAIN)) {
      setError(`Registrace je povolena pouze pro e-mailové adresy končící na ${ALLOWED_EMAIL_DOMAIN}`)
      setIsSubmitting(false)
      return
    }

if (password !== repeatPassword) {
      setError("Hesla se neshodují.")
      setIsSubmitting(false)
      return
    }

if (password.length < 6) {
      setError("Heslo musí mít alespoň 6 znaků.")
      setIsSubmitting(false)
      return
    }

try {
      const { error } = await supabase.auth.signUp({
        email,
        password,
        options: {
          emailRedirectTo:
            process.env.NEXT_PUBLIC_DEV_SUPABASE_REDIRECT_URL || `${window.location.origin}/auth/login`,
        },
      })
      if (error) throw error
      router.push("/auth/sign-up-success")
    } catch (err: unknown) {
      setError(mapSignupError(err instanceof Error ? err.message : "Registrace se nezdařila"))
    } finally {
      setIsSubmitting(false)
    }
  }

return (
    <>
      <AnimatePresence>{isLoading && <AuthLoadingScreen type="login" />}</AnimatePresence>

<div className="min-h-screen flex flex-col items-center justify-center p-6 bg-gradient-to-br from-blue-50 to-blue-100 dark:from-gray-900 dark:to-gray-800">
        {/* Animated background */}
        <div className="absolute inset-0 overflow-hidden pointer-events-none" aria-hidden="true">
          {[0, 1, 2, 3, 4].map((i) => (
            <motion.div
              key={i}
              className="absolute w-64 h-64 bg-blue-200/30 dark:bg-blue-500/10 rounded-full blur-3xl"
              animate={{
                x: [`${10 + i * 18}%`, `${20 + i * 15}%`, `${10 + i * 18}%`],
                y: [`${5 + i * 18}%`, `${15 + i * 12}%`, `${5 + i * 18}%`],
              }}
              transition={{ duration: 18 + i * 4, repeat: Infinity, ease: "linear" }}
            />
          ))}
        </div>

<motion.div
          initial={{ opacity: 0, y: 20 }}
          animate={{ opacity: 1, y: 0 }}
          transition={{ duration: 0.5 }}
          className="w-full max-w-md relative z-10"
        >
          {/* Logo */}
          <motion.div
            initial={{ scale: 0 }}
            animate={{ scale: 1 }}
            transition={{ delay: 0.2, type: "spring", stiffness: 200 }}
            className="flex justify-center mb-8"
          >
            <Link href="/" className="flex items-center gap-3">
              <motion.div
                whileHover={{ rotate: 10, scale: 1.1 }}
                className="flex h-14 w-14 items-center justify-center rounded-xl bg-blue-600 text-white shadow-lg overflow-hidden"
              >
                <Image src="/logo.png" alt="Logo" width={56} height={56} className="object-cover" />
              </motion.div>
              <span className="text-2xl font-bold text-foreground">Naše 9.B</span>
            </Link>
          </motion.div>

{/* Domain restriction notice */}
          <motion.div
            initial={{ opacity: 0, y: -10 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ delay: 0.25 }}
            className="mb-4 p-4 bg-blue-50 dark:bg-blue-900/30 border border-blue-200 dark:border-blue-700 rounded-xl flex items-start gap-3"
          >
            <ShieldCheck className="h-5 w-5 text-blue-600 dark:text-blue-400 mt-0.5 shrink-0" />
            <div className="text-sm">
              <p className="font-semibold text-blue-800 dark:text-blue-300">Omezení e-mailové domény</p>
              <p className="text-blue-700 dark:text-blue-400">
                Registrace je povolena pouze pro <strong>{ALLOWED_EMAIL_DOMAIN}</strong>
              </p>
            </div>
          </motion.div>

<motion.div
            initial={{ opacity: 0, y: 20 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ delay: 0.3, duration: 0.5 }}
          >
            <Card className="shadow-xl border-0 rounded-2xl">
              <CardContent className="pt-6">
                {/* Header */}
                <div className="text-center mb-6">
                  <div className="flex justify-center mb-3">
                    <div className="p-2.5 bg-blue-100 dark:bg-blue-900/30 rounded-xl">
                      <UserPlus className="h-5 w-5 text-blue-600 dark:text-blue-400" />
                    </div>
                  </div>
                  <h1 className="text-xl font-bold text-foreground">{t("auth.signup")}</h1>
                  <p className="text-sm text-muted-foreground mt-1">Vytvořte si účet pro přístup k třídním stránkám</p>
                </div>

<form onSubmit={handleSignUp} className="space-y-4">
                  {/* Email */}
                  <div className="space-y-1.5">
                    <Label htmlFor="email" className="text-sm font-medium">{t("auth.email")}</Label>
                    <div className="relative">
                      <Mail className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
                      <Input
                        id="email"
                        type="email"
                        placeholder="vas@skolabn.cz"
                        value={email}
                        onChange={(e) => setEmail(e.target.value)}
                        required
                        disabled={isSubmitting}
                        className="pl-10 h-11 rounded-xl"
                        autoComplete="email"
                      />
                    </div>
                  </div>

{/* Password */}
                  <div className="space-y-1.5">
                    <Label htmlFor="password" className="text-sm font-medium">{t("auth.password")}</Label>
                    <div className="relative">
                      <Lock className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
                      <Input
                        id="password"
                        type={showPassword ? "text" : "password"}
                        placeholder="••••••••"
                        value={password}
                        onChange={(e) => setPassword(e.target.value)}
                        required
                        disabled={isSubmitting}
                        className="pl-10 pr-10 h-11 rounded-xl"
                        autoComplete="new-password"
                      />
                      <button
                        type="button"
                        onClick={() => setShowPassword((v) => !v)}
                        className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors"
                        aria-label={showPassword ? "Skrýt heslo" : "Zobrazit heslo"}
                        tabIndex={-1}
                      >
                        {showPassword ? <EyeOff className="h-4 w-4" /> : <Eye className="h-4 w-4" />}
                      </button>
                    </div>
                    {/* Password strength bar */}
                    <AnimatePresence>
                      {password.length > 0 && (
                        <motion.div
                          initial={{ opacity: 0, height: 0 }}
                          animate={{ opacity: 1, height: "auto" }}
                          exit={{ opacity: 0, height: 0 }}
                          className="space-y-1"
                        >
                          <div className="flex gap-1">
                            {[1, 2, 3, 4, 5].map((s) => (
                              <div
                                key={s}
                                className={`h-1 flex-1 rounded-full transition-all duration-300 ${
                                  s <= strength.score ? strength.color : "bg-gray-200 dark:bg-gray-700"
                                }`}
                              />
                            ))}
                          </div>
                          <p className="text-[11px] text-muted-foreground">
                            Síla hesla: <span className="font-semibold">{strength.label}</span>
                          </p>
                        </motion.div>
                      )}
                    </AnimatePresence>
                  </div>

{/* Repeat password */}
                  <div className="space-y-1.5">
                    <Label htmlFor="repeat-password" className="text-sm font-medium">{t("auth.repeatPassword")}</Label>
                    <div className="relative">
                      <Lock className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
                      <Input
                        id="repeat-password"
                        type={showRepeat ? "text" : "password"}
                        placeholder="••••••••"
                        value={repeatPassword}
                        onChange={(e) => setRepeatPassword(e.target.value)}
                        required
                        disabled={isSubmitting}
                        className={`pl-10 pr-10 h-11 rounded-xl ${
                          passwordsMismatch
                            ? "border-red-400 dark:border-red-600 focus-visible:ring-red-400"
                            : passwordsMatch
                            ? "border-green-400 dark:border-green-600 focus-visible:ring-green-400"
                            : ""
                        }`}
                        autoComplete="new-password"
                      />
                      <button
                        type="button"
                        onClick={() => setShowRepeat((v) => !v)}
                        className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors"
                        aria-label={showRepeat ? "Skrýt heslo" : "Zobrazit heslo"}
                        tabIndex={-1}
                      >
                        {showRepeat ? <EyeOff className="h-4 w-4" /> : <Eye className="h-4 w-4" />}
                      </button>
                      {/* match indicator */}
                      {passwordsMatch && (
                        <CheckCircle2 className="absolute right-9 top-1/2 -translate-y-1/2 h-4 w-4 text-green-500" />
                      )}
                      {passwordsMismatch && (
                        <XCircle className="absolute right-9 top-1/2 -translate-y-1/2 h-4 w-4 text-red-500" />
                      )}
                    </div>
                    <AnimatePresence>
                      {passwordsMismatch && (
                        <motion.p
                          initial={{ opacity: 0 }}
                          animate={{ opacity: 1 }}
                          exit={{ opacity: 0 }}
                          className="text-xs text-red-500"
                        >
                          Hesla se neshodují.
                        </motion.p>
                      )}
                    </AnimatePresence>
                  </div>

{/* Error */}
                  <AnimatePresence>
                    {error && (
                      <motion.div
                        key="error"
                        initial={{ opacity: 0, y: -8 }}
                        animate={{ opacity: 1, y: 0 }}
                        exit={{ opacity: 0, y: -8 }}
                        className="p-3 bg-red-50 dark:bg-red-900/30 border border-red-200 dark:border-red-700 rounded-xl text-sm text-red-600 dark:text-red-400 flex items-center gap-2"
                      >
                        <AlertCircle className="h-4 w-4 shrink-0" />
                        {error}
                      </motion.div>
                    )}
                  </AnimatePresence>

<motion.div whileHover={{ scale: 1.01 }} whileTap={{ scale: 0.98 }}>
                    <Button
                      type="submit"
                      className="w-full h-11 rounded-xl font-semibold gap-2"
                      disabled={isSubmitting || passwordsMismatch}
                    >
                      {isSubmitting ? (
                        <>
                          <Loader2 className="h-4 w-4 animate-spin" />
                          Vytváření účtu...
                        </>
                      ) : (
                        <>
                          {t("auth.signup")}
                          <ArrowRight className="h-4 w-4" />
                        </>
                      )}
                    </Button>
                  </motion.div>

<div className="text-center text-sm text-muted-foreground">
                    Už máte účet?{" "}
                    <Link href="/auth/login" className="text-blue-600 hover:text-blue-700 font-semibold">
                      {t("auth.login")}
                    </Link>
                  </div>
                </form>
              </CardContent>
            </Card>
          </motion.div>

<motion.p
            initial={{ opacity: 0 }}
            animate={{ opacity: 1 }}
            transition={{ delay: 0.9 }}
            className="text-center text-xs text-muted-foreground mt-6"
          >
            {t("auth.classOnly")}
          </motion.p>

<motion.div
            initial={{ opacity: 0 }}
            animate={{ opacity: 1 }}
            transition={{ delay: 1 }}
            className="flex justify-center gap-4 mt-3"
          >
            <Link href="/terms" className="text-xs text-muted-foreground hover:text-foreground transition-colors">
              {t("footer.terms")}
            </Link>
            <Link href="/privacy" className="text-xs text-muted-foreground hover:text-foreground transition-colors">
              {t("footer.privacy")}
            </Link>
          </motion.div>
        </motion.div>
      </div>
    </>
  )
}
[V0_FILE]sql:file="scripts/005_create_audit_logs.sql" isMerged="true"
-- Create audit_logs table for real database-backed logging
CREATE TABLE IF NOT EXISTS audit_logs (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  timestamp TIMESTAMPTZ DEFAULT NOW() NOT NULL,
  action TEXT NOT NULL,
  user_id TEXT,
  user_email TEXT,
  ip_address TEXT NOT NULL,
  user_agent TEXT,
  details JSONB DEFAULT '{}',
  page TEXT,
  device_info JSONB DEFAULT '{}',
  created_at TIMESTAMPTZ DEFAULT NOW() NOT NULL
);

-- Create index for faster queries
CREATE INDEX IF NOT EXISTS idx_audit_logs_timestamp ON audit_logs(timestamp DESC);
CREATE INDEX IF NOT EXISTS idx_audit_logs_action ON audit_logs(action);
CREATE INDEX IF NOT EXISTS idx_audit_logs_user_email ON audit_logs(user_email);
CREATE INDEX IF NOT EXISTS idx_audit_logs_ip_address ON audit_logs(ip_address);

-- Create user_sessions table for login history and session management
CREATE TABLE IF NOT EXISTS user_sessions (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  ip_address TEXT NOT NULL,
  user_agent TEXT,
  device_info JSONB DEFAULT '{}',
  last_active TIMESTAMPTZ DEFAULT NOW(),
  created_at TIMESTAMPTZ DEFAULT NOW() NOT NULL,
  revoked_at TIMESTAMPTZ,
  is_active BOOLEAN DEFAULT TRUE
);

CREATE INDEX IF NOT EXISTS idx_user_sessions_user_id ON user_sessions(user_id);
CREATE INDEX IF NOT EXISTS idx_user_sessions_is_active ON user_sessions(is_active);

-- Create user_profiles table for custom profile data
CREATE TABLE IF NOT EXISTS user_profiles (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE UNIQUE,
  display_name TEXT,
  avatar_url TEXT,
  phone_number TEXT,
  two_factor_enabled BOOLEAN DEFAULT FALSE,
  two_factor_phone TEXT,
  created_at TIMESTAMPTZ DEFAULT NOW() NOT NULL,
  updated_at TIMESTAMPTZ DEFAULT NOW() NOT NULL
);

CREATE INDEX IF NOT EXISTS idx_user_profiles_user_id ON user_profiles(user_id);

-- Enable RLS
ALTER TABLE audit_logs ENABLE ROW LEVEL SECURITY;
ALTER TABLE user_sessions ENABLE ROW LEVEL SECURITY;
ALTER TABLE user_profiles ENABLE ROW LEVEL SECURITY;

-- Policy for audit_logs (only admins can read)
CREATE POLICY "Admins can read audit logs" ON audit_logs
  FOR SELECT USING (
    auth.jwt() ->> 'email' IN ('tad.studio.cz@gmail.com')
  );

-- Policy for inserting audit logs (anyone can insert)
CREATE POLICY "Anyone can insert audit logs" ON audit_logs
  FOR INSERT WITH CHECK (true);

-- Policy for user_sessions (users can see their own sessions)
CREATE POLICY "Users can view own sessions" ON user_sessions
  FOR SELECT USING (auth.uid() = user_id);

CREATE POLICY "Users can update own sessions" ON user_sessions
  FOR UPDATE USING (auth.uid() = user_id);

CREATE POLICY "System can insert sessions" ON user_sessions
  FOR INSERT WITH CHECK (true);

-- Policy for user_profiles
CREATE POLICY "Users can view own profile" ON user_profiles
  FOR SELECT USING (auth.uid() = user_id);

CREATE POLICY "Users can update own profile" ON user_profiles
  FOR UPDATE USING (auth.uid() = user_id);

CREATE POLICY "Users can insert own profile" ON user_profiles
  FOR INSERT WITH CHECK (auth.uid() = user_id);
[V0_FILE]typescript:file="app/api/sessions/route.ts" isMerged="true"
import { createClient } from '@/lib/supabase/server'
import { NextRequest, NextResponse } from 'next/server'

export const dynamic = 'force-dynamic'

export async function GET() {
  try {
    const supabase = await createClient()
    const { data: { user } } = await supabase.auth.getUser()

if (!user) {
      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
    }

const { data: sessions, error } = await supabase
      .from('user_sessions')
      .select('*')
      .eq('user_id', user.id)
      .order('last_activity', { ascending: false })

if (error) {
      console.error('[v0] Error fetching sessions:', error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

return NextResponse.json({ sessions })
  } catch (error) {
    console.error('[v0] Error in sessions GET:', error)
    return NextResponse.json(
      { error: 'Internal server error' },
      { status: 500 }
    )
  }
}

export async function DELETE(request: NextRequest) {
  try {
    const supabase = await createClient()
    const { data: { user } } = await supabase.auth.getUser()

if (!user) {
      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
    }

const { searchParams } = new URL(request.url)
    const sessionId = searchParams.get('id')

if (!sessionId) {
      return NextResponse.json({ error: 'Session ID required' }, { status: 400 })
    }

// Delete the session
    const { error } = await supabase
      .from('user_sessions')
      .delete()
      .eq('id', sessionId)
      .eq('user_id', user.id)

if (error) {
      console.error('[v0] Error revoking session:', error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

// Log the revocation
    await supabase.from('audit_logs').insert({
      user_id: user.id,
      action: 'Session revoked',
      category: 'security',
      details: { session_id: sessionId },
    })

return NextResponse.json({ success: true })
  } catch (error) {
    console.error('[v0] Error in sessions DELETE:', error)
    return NextResponse.json(
      { error: 'Internal server error' },
      { status: 500 }
    )
  }
}
[V0_FILE]typescriptreact:file="app/profile/page.tsx" isMerged="true"
import { Suspense } from 'react'
import { Metadata } from 'next'
import { ProfileSettings } from '@/components/profile-settings'
import { Spinner } from '@/components/ui/spinner'

export const metadata: Metadata = {
  title: 'Nastavení profilu | ZŠ Litoměřice',
  description: 'Spravujte své osobní údaje, bezpečnostní nastavení a přihlašovací historie',
}

export default function ProfilePage() {
  return (
    <div className="container mx-auto py-8">
      <Suspense
        fallback={
          <div className="flex min-h-[400px] items-center justify-center">
            <Spinner className="h-8 w-8" />
          </div>
        }
      >
        <ProfileSettings />
      </Suspense>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/cookie-consent.tsx" isMerged="true"
'use client'

import { useState, useEffect } from 'react'
import { Button } from '@/components/ui/button'
import { Card } from '@/components/ui/card'
import { useLanguage } from '@/lib/i18n/context'
import { Cookie } from 'lucide-react'

export function CookieConsent() {
  const [isVisible, setIsVisible] = useState(false)
  const [isAnimating, setIsAnimating] = useState(false)
  const { t } = useLanguage()

useEffect(() => {
    const consent = localStorage.getItem('cookie-consent')
    if (!consent) {
      setTimeout(() => {
        setIsVisible(true)
        setIsAnimating(true)
      }, 1000)
    }
  }, [])

const handleAccept = () => {
    localStorage.setItem('cookie-consent', 'accepted')
    setIsAnimating(false)
    setTimeout(() => setIsVisible(false), 300)
  }

const handleDecline = () => {
    localStorage.setItem('cookie-consent', 'declined')
    setIsAnimating(false)
    setTimeout(() => setIsVisible(false), 300)
  }

if (!isVisible) return null

return (
    <div
      className={`fixed inset-x-0 bottom-0 z-50 p-4 transition-all duration-300 ${
        isAnimating ? 'translate-y-0 opacity-100' : 'translate-y-full opacity-0'
      }`}
    >
      <Card className="mx-auto max-w-3xl border-2 bg-background/95 p-6 shadow-lg backdrop-blur-sm">
        <div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
          <div className="flex items-start gap-4">
            <Cookie className="mt-1 h-6 w-6 flex-shrink-0 text-primary" />
            <div className="flex-1 space-y-2">
              <h3 className="font-semibold text-lg">{t('cookie.title')}</h3>
              <p className="text-muted-foreground text-sm leading-relaxed">
                {t('cookie.description')}
              </p>
            </div>
          </div>
          <div className="flex flex-col gap-2 sm:flex-row sm:flex-shrink-0">
            <Button
              variant="outline"
              onClick={handleDecline}
              className="transition-all duration-200 hover:scale-105 bg-transparent"
            >
              {t('cookie.decline')}
            </Button>
            <Button
              onClick={handleAccept}
              className="transition-all duration-200 hover:scale-105"
            >
              {t('cookie.accept')}
            </Button>
          </div>
        </div>
      </Card>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/profile-settings.tsx" isMerged="true"
'use client'

import React from "react"

import { useState, useEffect } from 'react'
import { Card } from '@/components/ui/card'
import { Button } from '@/components/ui/button'
import { Input } from '@/components/ui/input'
import { Label } from '@/components/ui/label'
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
import { Badge } from '@/components/ui/badge'
import { useLanguage } from '@/lib/i18n/context'
import { useAuth } from '@/lib/auth/context'
import { createClient } from '@/lib/supabase/client'
import {
  User,
  Shield,
  History,
  Upload,
  Smartphone,
  Monitor,
  Tablet,
  AlertCircle,
  Check,
  X,
} from 'lucide-react'
import { useToast } from '@/hooks/use-toast'
import { Spinner } from '@/components/ui/spinner'

interface UserProfile {
  display_name: string | null
  avatar_url: string | null
  phone_number: string | null
  two_factor_enabled: boolean
}

interface Session {
  id: string
  device_type: string
  browser: string
  os: string
  ip_address: string
  last_activity: string
  is_current: boolean
}

export function ProfileSettings() {
  const { t } = useLanguage()
  const { user } = useAuth()
  const { toast } = useToast()
  const [loading, setLoading] = useState(true)
  const [saving, setSaving] = useState(false)
  const [profile, setProfile] = useState<UserProfile>({
    display_name: null,
    avatar_url: null,
    phone_number: null,
    two_factor_enabled: false,
  })
  const [sessions, setSessions] = useState<Session[]>([])
  const [phoneNumber, setPhoneNumber] = useState('')
  const [verificationCode, setVerificationCode] = useState('')
  const [showVerification, setShowVerification] = useState(false)

useEffect(() => {
    loadProfile()
    loadSessions()
  }, [])

const loadProfile = async () => {
    try {
      const supabase = createClient()
      const { data, error } = await supabase
        .from('user_profiles')
        .select('*')
        .eq('user_id', user?.id)
        .single()

if (data) {
        setProfile(data)
        setPhoneNumber(data.phone_number || '')
      }
    } catch (error) {
      console.error('[v0] Error loading profile:', error)
    } finally {
      setLoading(false)
    }
  }

const loadSessions = async () => {
    try {
      const response = await fetch('/api/sessions')
      const { sessions: data } = await response.json()
      setSessions(data || [])
    } catch (error) {
      console.error('[v0] Error loading sessions:', error)
    }
  }

const handleAvatarUpload = async (e: React.ChangeEvent<HTMLInputElement>) => {
    const file = e.target.files?.[0]
    if (!file) return

setSaving(true)
    try {
      const supabase = createClient()
      const fileExt = file.name.split('.').pop()
      const filePath = `avatars/${user?.id}-${Date.now()}.${fileExt}`

const { error: uploadError } = await supabase.storage
        .from('public')
        .upload(filePath, file)

if (uploadError) throw uploadError

const { data: { publicUrl } } = supabase.storage
        .from('public')
        .getPublicUrl(filePath)

await updateProfile({ avatar_url: publicUrl })

toast({
        title: t('profile.avatarUpdated'),
        description: t('profile.avatarUpdatedDesc'),
      })
    } catch (error) {
      toast({
        title: t('profile.error'),
        description: t('profile.avatarUploadError'),
        variant: 'destructive',
      })
    } finally {
      setSaving(false)
    }
  }

const updateProfile = async (updates: Partial<UserProfile>) => {
    setSaving(true)
    try {
      const supabase = createClient()
      const { error } = await supabase
        .from('user_profiles')
        .upsert({
          user_id: user?.id,
          ...profile,
          ...updates,
          updated_at: new Date().toISOString(),
        })

if (error) throw error

setProfile({ ...profile, ...updates })

// Log the change
      await fetch('/api/audit', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
          action: 'Profile updated',
          category: 'account',
          details: { fields: Object.keys(updates) },
        }),
      })

toast({
        title: t('profile.updated'),
        description: t('profile.updatedDesc'),
      })
    } catch (error) {
      toast({
        title: t('profile.error'),
        description: t('profile.updateError'),
        variant: 'destructive',
      })
    } finally {
      setSaving(false)
    }
  }

const handleEnable2FA = async () => {
    if (!phoneNumber) {
      toast({
        title: t('profile.error'),
        description: t('profile.phoneRequired'),
        variant: 'destructive',
      })
      return
    }

setSaving(true)
    try {
      // Simulate sending SMS verification
      const code = Math.floor(100000 + Math.random() * 900000).toString()
      console.log('[v0] SMS Verification code:', code)
      
      setShowVerification(true)
      
      toast({
        title: t('profile.verificationSent'),
        description: t('profile.verificationSentDesc'),
      })
    } catch (error) {
      toast({
        title: t('profile.error'),
        description: t('profile.smsError'),
        variant: 'destructive',
      })
    } finally {
      setSaving(false)
    }
  }

const handleVerify2FA = async () => {
    if (verificationCode.length !== 6) return

setSaving(true)
    try {
      await updateProfile({
        two_factor_enabled: true,
        phone_number: phoneNumber,
      })

setShowVerification(false)
      setVerificationCode('')

await fetch('/api/audit', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
          action: '2FA enabled',
          category: 'security',
        }),
      })

toast({
        title: t('profile.2faEnabled'),
        description: t('profile.2faEnabledDesc'),
      })
    } catch (error) {
      toast({
        title: t('profile.error'),
        description: t('profile.2faError'),
        variant: 'destructive',
      })
    } finally {
      setSaving(false)
    }
  }

const handleDisable2FA = async () => {
    await updateProfile({ two_factor_enabled: false })
    
    await fetch('/api/audit', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({
        action: '2FA disabled',
        category: 'security',
      }),
    })
  }

const handleRevokeSession = async (sessionId: string) => {
    try {
      const response = await fetch(`/api/sessions?id=${sessionId}`, {
        method: 'DELETE',
      })

if (response.ok) {
        setSessions(sessions.filter((s) => s.id !== sessionId))
        toast({
          title: t('profile.sessionRevoked'),
          description: t('profile.sessionRevokedDesc'),
        })
      }
    } catch (error) {
      toast({
        title: t('profile.error'),
        description: t('profile.revokeError'),
        variant: 'destructive',
      })
    }
  }

const getDeviceIcon = (deviceType: string) => {
    switch (deviceType.toLowerCase()) {
      case 'mobile':
        return <Smartphone className="h-4 w-4" />
      case 'tablet':
        return <Tablet className="h-4 w-4" />
      default:
        return <Monitor className="h-4 w-4" />
    }
  }

if (loading) {
    return (
      <div className="flex min-h-[400px] items-center justify-center">
        <Spinner className="h-8 w-8" />
      </div>
    )
  }

return (
    <div className="mx-auto max-w-4xl space-y-6">
      <div>
        <h1 className="font-bold text-3xl">{t('profile.title')}</h1>
        <p className="text-muted-foreground">{t('profile.description')}</p>
      </div>

<Tabs defaultValue="general" className="w-full">
        <TabsList className="grid w-full grid-cols-3">
          <TabsTrigger value="general">
            <User className="mr-2 h-4 w-4" />
            {t('profile.general')}
          </TabsTrigger>
          <TabsTrigger value="security">
            <Shield className="mr-2 h-4 w-4" />
            {t('profile.security')}
          </TabsTrigger>
          <TabsTrigger value="sessions">
            <History className="mr-2 h-4 w-4" />
            {t('profile.sessions')}
          </TabsTrigger>
        </TabsList>

<TabsContent value="general" className="space-y-4">
          <Card className="p-6">
            <div className="space-y-6">
              <div className="flex items-center gap-6">
                <Avatar className="h-24 w-24">
                  <AvatarImage src={profile.avatar_url || undefined} />
                  <AvatarFallback className="text-2xl">
                    {user?.email?.[0].toUpperCase()}
                  </AvatarFallback>
                </Avatar>
                <div className="flex-1">
                  <Label htmlFor="avatar-upload" className="cursor-pointer">
                    <Button variant="outline" disabled={saving} asChild>
                      <span>
                        <Upload className="mr-2 h-4 w-4" />
                        {t('profile.uploadAvatar')}
                      </span>
                    </Button>
                  </Label>
                  <input
                    id="avatar-upload"
                    type="file"
                    accept="image/*"
                    className="hidden"
                    onChange={handleAvatarUpload}
                  />
                  <p className="mt-2 text-muted-foreground text-sm">
                    {t('profile.avatarHint')}
                  </p>
                </div>
              </div>

<div className="space-y-2">
                <Label htmlFor="email">{t('profile.email')}</Label>
                <Input id="email" type="email" value={user?.email || ''} disabled />
              </div>

<div className="space-y-2">
                <Label htmlFor="display-name">{t('profile.displayName')}</Label>
                <Input
                  id="display-name"
                  value={profile.display_name || ''}
                  onChange={(e) =>
                    setProfile({ ...profile, display_name: e.target.value })
                  }
                  placeholder={t('profile.displayNamePlaceholder')}
                />
              </div>

<Button
                onClick={() =>
                  updateProfile({ display_name: profile.display_name })
                }
                disabled={saving}
              >
                {saving ? <Spinner className="mr-2 h-4 w-4" /> : null}
                {t('profile.saveChanges')}
              </Button>
            </div>
          </Card>
        </TabsContent>

<TabsContent value="security" className="space-y-4">
          <Card className="p-6">
            <div className="space-y-6">
              <div>
                <h3 className="font-semibold text-lg">
                  {t('profile.twoFactorAuth')}
                </h3>
                <p className="text-muted-foreground text-sm">
                  {t('profile.twoFactorDesc')}
                </p>
              </div>

{profile.two_factor_enabled ? (
                <div className="flex items-center justify-between rounded-lg border border-green-500/20 bg-green-500/10 p-4">
                  <div className="flex items-center gap-2">
                    <Check className="h-5 w-5 text-green-600" />
                    <span className="font-medium">{t('profile.2faEnabled')}</span>
                  </div>
                  <Button
                    variant="outline"
                    onClick={handleDisable2FA}
                    disabled={saving}
                  >
                    {t('profile.disable')}
                  </Button>
                </div>
              ) : (
                <div className="space-y-4">
                  <div className="space-y-2">
                    <Label htmlFor="phone">{t('profile.phoneNumber')}</Label>
                    <Input
                      id="phone"
                      type="tel"
                      value={phoneNumber}
                      onChange={(e) => setPhoneNumber(e.target.value)}
                      placeholder="+420 XXX XXX XXX"
                    />
                  </div>

{showVerification ? (
                    <div className="space-y-4 rounded-lg border bg-muted/50 p-4">
                      <div className="space-y-2">
                        <Label htmlFor="code">
                          {t('profile.verificationCode')}
                        </Label>
                        <Input
                          id="code"
                          value={verificationCode}
                          onChange={(e) => setVerificationCode(e.target.value)}
                          placeholder="000000"
                          maxLength={6}
                        />
                        <p className="text-muted-foreground text-xs">
                          {t('profile.verificationCodeHint')}
                        </p>
                      </div>
                      <div className="flex gap-2">
                        <Button
                          onClick={handleVerify2FA}
                          disabled={saving || verificationCode.length !== 6}
                        >
                          {saving ? <Spinner className="mr-2 h-4 w-4" /> : null}
                          {t('profile.verify')}
                        </Button>
                        <Button
                          variant="outline"
                          onClick={() => {
                            setShowVerification(false)
                            setVerificationCode('')
                          }}
                        >
                          {t('profile.cancel')}
                        </Button>
                      </div>
                    </div>
                  ) : (
                    <Button onClick={handleEnable2FA} disabled={saving}>
                      {saving ? <Spinner className="mr-2 h-4 w-4" /> : null}
                      {t('profile.enable2FA')}
                    </Button>
                  )}
                </div>
              )}
            </div>
          </Card>
        </TabsContent>

<TabsContent value="sessions" className="space-y-4">
          <Card className="p-6">
            <div className="space-y-4">
              <div>
                <h3 className="font-semibold text-lg">{t('profile.loginHistory')}</h3>
                <p className="text-muted-foreground text-sm">
                  {t('profile.loginHistoryDesc')}
                </p>
              </div>

{sessions.length === 0 ? (
                <div className="flex flex-col items-center justify-center py-8 text-center">
                  <AlertCircle className="mb-2 h-8 w-8 text-muted-foreground" />
                  <p className="text-muted-foreground">{t('profile.noSessions')}</p>
                </div>
              ) : (
                <div className="space-y-3">
                  {sessions.map((session) => (
                    <div
                      key={session.id}
                      className="flex items-start justify-between rounded-lg border p-4"
                    >
                      <div className="flex gap-4">
                        <div className="mt-1">{getDeviceIcon(session.device_type)}</div>
                        <div className="space-y-1">
                          <div className="flex items-center gap-2">
                            <span className="font-medium">
                              {session.browser} on {session.os}
                            </span>
                            {session.is_current && (
                              <Badge variant="secondary">{t('profile.current')}</Badge>
                            )}
                          </div>
                          <p className="text-muted-foreground text-sm">
                            {session.ip_address}
                          </p>
                          <p className="text-muted-foreground text-xs">
                            {t('profile.lastActive')}:{' '}
                            {new Date(session.last_activity).toLocaleString()}
                          </p>
                        </div>
                      </div>
                      {!session.is_current && (
                        <Button
                          variant="ghost"
                          size="sm"
                          onClick={() => handleRevokeSession(session.id)}
                        >
                          <X className="h-4 w-4" />
                        </Button>
                      )}
                    </div>
                  ))}
                </div>
              )}
            </div>
          </Card>
        </TabsContent>
      </Tabs>
    </div>
  )
}
[V0_FILE]typescript:file="app/api/auth/resend-confirmation/route.ts" isMerged="true"
import { createClient } from '@/lib/supabase/server'
import { NextRequest, NextResponse } from 'next/server'

export const dynamic = 'force-dynamic'

export async function POST(request: NextRequest) {
  try {
    const { email } = await request.json()

if (!email) {
      return NextResponse.json({ error: 'Email required' }, { status: 400 })
    }

const supabase = await createClient()
    
    const { error } = await supabase.auth.resend({
      type: 'signup',
      email,
    })

if (error) {
      console.error('[v0] Error resending confirmation email:', error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

return NextResponse.json({ 
      success: true,
      message: 'Confirmation email resent'
    })
  } catch (error) {
    console.error('[v0] Error in resend confirmation:', error)
    return NextResponse.json(
      { error: 'Internal server error' },
      { status: 500 }
    )
  }
}
[V0_FILE]typescriptreact:file="components/share-button.tsx" isMerged="true"
'use client'

import { useState } from 'react'
import { Button } from '@/components/ui/button'
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuTrigger,
  DropdownMenuSeparator,
  DropdownMenuLabel,
} from '@/components/ui/dropdown-menu'
import { Share2, Link as LinkIcon, Check } from 'lucide-react'
import { useLanguage } from '@/lib/i18n/context'
import { useToast } from '@/hooks/use-toast'

export function ShareButton() {
  const { t } = useLanguage()
  const { toast } = useToast()
  const [copied, setCopied] = useState(false)

const currentUrl = typeof window !== 'undefined' ? window.location.href : ''
  const pageTitle = typeof document !== 'undefined' ? document.title : 'Naše 9.B'

const handleCopyLink = async () => {
    try {
      await navigator.clipboard.writeText(currentUrl)
      setCopied(true)
      toast({
        title: t('share.linkCopied'),
        description: t('share.linkCopiedDesc'),
      })
      setTimeout(() => setCopied(false), 2000)
    } catch (error) {
      console.error('[v0] Error copying link:', error)
    }
  }

const handleShareWhatsApp = () => {
    const url = `https://wa.me/?text=${encodeURIComponent(`${pageTitle} - ${currentUrl}`)}`
    window.open(url, '_blank')
  }

const handleShareFacebook = () => {
    const url = `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(currentUrl)}`
    window.open(url, '_blank')
  }

const handleShareTwitter = () => {
    const url = `https://twitter.com/intent/tweet?url=${encodeURIComponent(currentUrl)}&text=${encodeURIComponent(pageTitle)}`
    window.open(url, '_blank')
  }

const handleShareEmail = () => {
    const subject = encodeURIComponent(pageTitle)
    const body = encodeURIComponent(`Podívej se na tuto stránku: ${currentUrl}`)
    window.location.href = `mailto:?subject=${subject}&body=${body}`
  }

return (
    <DropdownMenu>
      <DropdownMenuTrigger asChild>
        <Button variant="ghost" size="sm" className="gap-2">
          <Share2 className="h-4 w-4" />
          <span className="hidden sm:inline">{t('share.title')}</span>
        </Button>
      </DropdownMenuTrigger>
      <DropdownMenuContent align="end" className="w-56">
        <DropdownMenuLabel>{t('share.shareVia')}</DropdownMenuLabel>
        <DropdownMenuSeparator />
        
        <DropdownMenuItem onClick={handleCopyLink} className="gap-2">
          {copied ? (
            <Check className="h-4 w-4 text-green-600" />
          ) : (
            <LinkIcon className="h-4 w-4" />
          )}
          {t('share.copyLink')}
        </DropdownMenuItem>
        
        <DropdownMenuSeparator />
        
        <DropdownMenuItem onClick={handleShareWhatsApp} className="gap-2">
          <svg className="h-4 w-4" fill="currentColor" viewBox="0 0 24 24">
            <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.890-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/>
          </svg>
          WhatsApp
        </DropdownMenuItem>
        
        <DropdownMenuItem onClick={handleShareFacebook} className="gap-2">
          <svg className="h-4 w-4" fill="currentColor" viewBox="0 0 24 24">
            <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
          </svg>
          Facebook
        </DropdownMenuItem>
        
        <DropdownMenuItem onClick={handleShareTwitter} className="gap-2">
          <svg className="h-4 w-4" fill="currentColor" viewBox="0 0 24 24">
            <path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/>
          </svg>
          Twitter
        </DropdownMenuItem>
        
        <DropdownMenuItem onClick={handleShareEmail} className="gap-2">
          <svg className="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
          </svg>
          {t('share.email')}
        </DropdownMenuItem>
      </DropdownMenuContent>
    </DropdownMenu>
  )
}
[V0_FILE]typescriptreact:file="components/header.tsx" isMerged="true"
"use client"

import Link from "next/link"
import Image from "next/image"
import { useState, useEffect } from "react"
import { Menu, X, Users, Lock, Shield, LogOut, ChevronDown, Search, User } from "lucide-react"
import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"
import { Avatar, AvatarFallback } from "@/components/ui/avatar"
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuTrigger,
  DropdownMenuSeparator,
  DropdownMenuLabel,
} from "@/components/ui/dropdown-menu"
import { motion, AnimatePresence } from "framer-motion"
import { useAuth } from "@/lib/auth/context"
import { useRouter } from "next/navigation"
import { LanguageSwitcher } from "./language-switcher"
import { ThemeToggle } from "./theme-toggle"
import { SeniorModeToggle } from "./senior-mode-toggle"
import { useLanguage } from "@/lib/i18n/context"
import { isAdmin } from "@/lib/admin"
import { Input } from "@/components/ui/input"
import {
  Dialog,
  DialogContent,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"

// Navigation categories with their links
const navCategories = [
  {
    categoryKey: "nav.category.info",
    links: [
      { href: "/students", labelKey: "nav.students", parentAllowed: true },
      { href: "/aktuality", labelKey: "nav.news", parentAllowed: true },
      { href: "/rozvrh-hodin", labelKey: "nav.schedule", parentAllowed: true },
      { href: "/support", labelKey: "nav.support", parentAllowed: true },
      { href: "/social-media", labelKey: "nav.socialMedia", parentAllowed: true },
      { href: "/about", labelKey: "nav.about", parentAllowed: true },
    ],
  },
  {
    categoryKey: "nav.category.communication",
    links: [
      { href: "/photogallery", labelKey: "nav.photogallery", parentAllowed: false },
      { href: "/community", labelKey: "nav.community", parentAllowed: false },
    ],
  },
  {
    categoryKey: "nav.category.entertainment",
    links: [{ href: "/game", labelKey: "nav.game", parentAllowed: true }],
  },
]

// Standalone links (Home, Contact)
const standaloneLinks = [
  { href: "/", labelKey: "nav.home", parentAllowed: true },
  { href: "/contact", labelKey: "nav.contact", parentAllowed: true },
]

// Search pages data for global search
const searchablePages = [
  { href: "/", titleKey: "nav.home", descKey: "search.homeDesc" },
  { href: "/students", titleKey: "nav.students", descKey: "search.studentsDesc" },
  { href: "/aktuality", titleKey: "nav.news", descKey: "search.newsDesc" },
  { href: "/rozvrh-hodin", titleKey: "nav.schedule", descKey: "search.scheduleDesc" },
  { href: "/photogallery", titleKey: "nav.photogallery", descKey: "search.photogalleryDesc" },
  { href: "/community", titleKey: "nav.community", descKey: "search.communityDesc" },
  { href: "/game", titleKey: "nav.game", descKey: "search.gameDesc" },
  { href: "/social-media", titleKey: "nav.socialMedia", descKey: "search.socialMediaDesc" },
  { href: "/contact", titleKey: "nav.contact", descKey: "search.contactDesc" },
  { href: "/support", titleKey: "nav.support", descKey: "search.supportDesc" },
  { href: "/about", titleKey: "nav.about", descKey: "search.aboutDesc" },
  { href: "/changelog", titleKey: "changelog.title", descKey: "changelog.subtitle" },
  { href: "/terms", titleKey: "footer.terms", descKey: "search.termsDesc" },
  { href: "/privacy", titleKey: "footer.privacy", descKey: "search.privacyDesc" },
]

export function Header() {
  const [isMenuOpen, setIsMenuOpen] = useState(false)
  const [isParentAccess, setIsParentAccess] = useState(false)
  const [searchOpen, setSearchOpen] = useState(false)
  const [searchQuery, setSearchQuery] = useState("")
  const { user, isSignedIn, signOut } = useAuth()
  const router = useRouter()
  const { t } = useLanguage()

const userEmail = user?.email
  const isUserAdmin = isAdmin(userEmail)

useEffect(() => {
    const hasParentAccess = document.cookie.includes("parent_access=true")
    setIsParentAccess(hasParentAccess && !isSignedIn)
  }, [isSignedIn])

const getInitials = (email: string | undefined) => {
    if (!email) return "U"
    const name = email.split("@")[0]
    return name.slice(0, 2).toUpperCase()
  }

const handleSignOut = async () => {
    await signOut()
    router.push("/")
  }

const filteredSearchResults = searchablePages.filter((page) => {
    const title = t(page.titleKey).toLowerCase()
    const desc = t(page.descKey).toLowerCase()
    const query = searchQuery.toLowerCase()
    return title.includes(query) || desc.includes(query)
  })

const handleSearchSelect = (href: string) => {
    setSearchOpen(false)
    setSearchQuery("")
    router.push(href)
  }

const isLinkAllowed = (parentAllowed: boolean) => {
    if (isSignedIn) return true
    if (isParentAccess) return parentAllowed
    return true
  }

return (
    <motion.header
      initial={{ y: -100 }}
      animate={{ y: 0 }}
      transition={{ duration: 0.5, ease: "easeOut" }}
      className="sticky top-0 z-50 w-full border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60"
    >
      <div className="container mx-auto px-4">
        <div className="flex h-16 items-center justify-between">
          <Link href="/" className="flex items-center gap-2 group">
            <motion.div
              whileHover={{ scale: 1.1, rotate: 5 }}
              whileTap={{ scale: 0.95 }}
              className="relative h-10 w-10 transition-shadow group-hover:shadow-lg"
            >
              <Image src="/logo.png" alt="Naše 9.B Logo" fill className="object-contain" priority />
            </motion.div>
            <span className="text-xl font-bold text-foreground">Naše 9.B</span>
            {isParentAccess && !isSignedIn && (
              <Badge variant="secondary" className="ml-2 text-xs">
                <Users className="h-3 w-3 mr-1" />
                {t("common.parent")}
              </Badge>
            )}
            {isUserAdmin && (
              <Badge className="ml-2 text-xs bg-red-100 text-red-700 border-red-200">
                <Shield className="h-3 w-3 mr-1" />
                Admin
              </Badge>
            )}
          </Link>

{/* Desktop Navigation */}
          <nav className="hidden lg:flex items-center gap-2">
            {/* Home Link */}
            <motion.div initial={{ opacity: 0, y: -20 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.3 }}>
              <Link
                href="/"
                className="relative text-sm font-medium text-muted-foreground hover:text-foreground transition-colors px-3 py-2"
              >
                {t("nav.home")}
              </Link>
            </motion.div>

{/* Category Dropdowns */}
            {navCategories.map((category, catIndex) => (
              <motion.div
                key={category.categoryKey}
                initial={{ opacity: 0, y: -20 }}
                animate={{ opacity: 1, y: 0 }}
                transition={{ delay: catIndex * 0.1, duration: 0.3 }}
              >
                <DropdownMenu>
                  <DropdownMenuTrigger asChild>
                    <Button variant="ghost" size="sm" className="gap-1 text-muted-foreground hover:text-foreground">
                      {t(category.categoryKey)}
                      <ChevronDown className="h-4 w-4" />
                    </Button>
                  </DropdownMenuTrigger>
                  <DropdownMenuContent align="start" className="min-w-[180px]">
                    <DropdownMenuLabel className="text-xs text-muted-foreground">
                      {t(category.categoryKey)}
                    </DropdownMenuLabel>
                    <DropdownMenuSeparator />
                    {category.links.map((link) => (
                      <DropdownMenuItem
                        key={link.href}
                        asChild
                        disabled={!isLinkAllowed(link.parentAllowed)}
                        className={!isLinkAllowed(link.parentAllowed) ? "opacity-50" : ""}
                      >
                        <Link href={link.href} className="flex items-center gap-2">
                          {t(link.labelKey)}
                          {!link.parentAllowed && <Lock className="h-3 w-3 text-muted-foreground/50" />}
                        </Link>
                      </DropdownMenuItem>
                    ))}
                  </DropdownMenuContent>
                </DropdownMenu>
              </motion.div>
            ))}

{/* Contact Link */}
            <motion.div
              initial={{ opacity: 0, y: -20 }}
              animate={{ opacity: 1, y: 0 }}
              transition={{ delay: 0.3, duration: 0.3 }}
            >
              <Link
                href="/contact"
                className="relative text-sm font-medium text-muted-foreground hover:text-foreground transition-colors px-3 py-2"
              >
                {t("nav.contact")}
              </Link>
            </motion.div>

{/* Admin Link */}
            {isUserAdmin && (
              <motion.div
                initial={{ opacity: 0, y: -20 }}
                animate={{ opacity: 1, y: 0 }}
                transition={{ delay: 0.4, duration: 0.3 }}
              >
                <Link
                  href="/admin"
                  className="relative text-sm font-medium text-red-600 hover:text-red-700 transition-colors flex items-center gap-1 px-3 py-2"
                >
                  <Shield className="h-3 w-3" />
                  {t("nav.admin")}
                </Link>
              </motion.div>
            )}

{/* Global Search */}
            <Dialog open={searchOpen} onOpenChange={setSearchOpen}>
              <DialogTrigger asChild>
                <motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
                  <Button variant="ghost" size="icon" className="h-9 w-9">
                    <Search className="h-4 w-4" />
                  </Button>
                </motion.div>
              </DialogTrigger>
              <DialogContent className="sm:max-w-[500px]">
                <DialogHeader>
                  <DialogTitle>{t("search.title")}</DialogTitle>
                </DialogHeader>
                <div className="space-y-4">
                  <div className="relative">
                    <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
                    <Input
                      placeholder={t("search.placeholder")}
                      value={searchQuery}
                      onChange={(e) => setSearchQuery(e.target.value)}
                      className="pl-10"
                      autoFocus
                    />
                  </div>
                  <div className="max-h-[300px] overflow-y-auto space-y-1">
                    {filteredSearchResults.length > 0 ? (
                      filteredSearchResults.map((page) => (
                        <button
                          key={page.href}
                          onClick={() => handleSearchSelect(page.href)}
                          className="w-full text-left px-3 py-2 rounded-md hover:bg-muted transition-colors"
                        >
                          <p className="font-medium text-sm">{t(page.titleKey)}</p>
                          <p className="text-xs text-muted-foreground">{t(page.descKey)}</p>
                        </button>
                      ))
                    ) : (
                      <p className="text-center text-muted-foreground py-4">{t("search.noResults")}</p>
                    )}
                  </div>
                </div>
              </DialogContent>
            </Dialog>

{/* SeniorModeToggle */}
            <SeniorModeToggle />

{/* ThemeToggle */}
            <ThemeToggle />

{/* Language Switcher */}
            <LanguageSwitcher />

{/* User Menu */}
            {isSignedIn ? (
              <motion.div
                initial={{ opacity: 0, scale: 0.8 }}
                animate={{ opacity: 1, scale: 1 }}
                className="flex items-center gap-2 ml-2 pl-4 border-l border-border"
              >
                <DropdownMenu>
                  <DropdownMenuTrigger asChild>
                    <Button variant="ghost" className="relative h-8 w-8 rounded-full">
                      <Avatar className="h-8 w-8">
                        <AvatarFallback className="bg-blue-100 text-blue-600 dark:bg-blue-900 dark:text-blue-300">
                          {getInitials(userEmail)}
                        </AvatarFallback>
                      </Avatar>
                    </Button>
                  </DropdownMenuTrigger>
                  <DropdownMenuContent align="end">
                    <div className="px-2 py-1.5 text-sm text-muted-foreground truncate max-w-[200px]">{userEmail}</div>
                    <DropdownMenuSeparator />
                    <DropdownMenuItem onClick={() => router.push('/profile')} className="cursor-pointer">
                      <User className="h-4 w-4 mr-2" />
                      {t("nav.profile")}
                    </DropdownMenuItem>
                    <DropdownMenuItem onClick={handleSignOut} className="text-red-600 cursor-pointer">
                      <LogOut className="h-4 w-4 mr-2" />
                      {t("auth.logout")}
                    </DropdownMenuItem>
                  </DropdownMenuContent>
                </DropdownMenu>
              </motion.div>
            ) : isParentAccess ? (
              <motion.div
                initial={{ opacity: 0, scale: 0.8 }}
                animate={{ opacity: 1, scale: 1 }}
                className="flex items-center gap-2 ml-2 pl-4 border-l border-border"
              >
                <motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
                  <Button variant="outline" size="sm" onClick={() => router.push("/auth/login")} className="text-sm">
                    {t("nav.login")}
                  </Button>
                </motion.div>
              </motion.div>
            ) : (
              <motion.div
                initial={{ opacity: 0, scale: 0.8 }}
                animate={{ opacity: 1, scale: 1 }}
                className="flex items-center gap-2 ml-2 pl-4 border-l border-border"
              >
                <motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
                  <Button variant="ghost" size="sm" onClick={() => router.push("/auth/login")} className="text-sm">
                    {t("nav.login")}
                  </Button>
                </motion.div>
                <motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
                  <Button variant="default" size="sm" onClick={() => router.push("/auth/sign-up")} className="text-sm">
                    {t("nav.signup")}
                  </Button>
                </motion.div>
              </motion.div>
            )}
          </nav>

{/* Mobile Menu Button */}
          <div className="flex items-center gap-2 lg:hidden">
            {/* Mobile Search */}
            <Dialog open={searchOpen} onOpenChange={setSearchOpen}>
              <DialogTrigger asChild>
                <Button variant="ghost" size="icon">
                  <Search className="h-5 w-5" />
                </Button>
              </DialogTrigger>
            </Dialog>
            {/* SeniorModeToggle */}
            <SeniorModeToggle />
            {/* ThemeToggle */}
            <ThemeToggle />
            <LanguageSwitcher />
            <motion.div whileHover={{ scale: 1.1 }} whileTap={{ scale: 0.9 }}>
              <Button variant="ghost" size="icon" onClick={() => setIsMenuOpen(!isMenuOpen)}>
                <AnimatePresence mode="wait">
                  {isMenuOpen ? (
                    <motion.div
                      key="close"
                      initial={{ rotate: -90, opacity: 0 }}
                      animate={{ rotate: 0, opacity: 1 }}
                      exit={{ rotate: 90, opacity: 0 }}
                      transition={{ duration: 0.2 }}
                    >
                      <X className="h-5 w-5" />
                    </motion.div>
                  ) : (
                    <motion.div
                      key="menu"
                      initial={{ rotate: 90, opacity: 0 }}
                      animate={{ rotate: 0, opacity: 1 }}
                      exit={{ rotate: -90, opacity: 0 }}
                      transition={{ duration: 0.2 }}
                    >
                      <Menu className="h-5 w-5" />
                    </motion.div>
                  )}
                </AnimatePresence>
              </Button>
            </motion.div>
          </div>
        </div>

{/* Mobile Navigation */}
        <AnimatePresence>
          {isMenuOpen && (
            <motion.nav
              initial={{ height: 0, opacity: 0 }}
              animate={{ height: "auto", opacity: 1 }}
              exit={{ height: 0, opacity: 0 }}
              transition={{ duration: 0.3 }}
              className="lg:hidden overflow-hidden border-t border-border"
            >
              <motion.div
                initial="hidden"
                animate="visible"
                variants={{
                  hidden: {},
                  visible: {
                    transition: {
                      staggerChildren: 0.05,
                    },
                  },
                }}
                className="flex flex-col gap-1 py-4"
              >
                {/* Home */}
                <motion.div
                  variants={{
                    hidden: { opacity: 0, x: -20 },
                    visible: { opacity: 1, x: 0 },
                  }}
                >
                  <Link
                    href="/"
                    className="px-4 py-2 text-sm font-medium rounded-md transition-all text-muted-foreground hover:text-foreground hover:bg-muted"
                    onClick={() => setIsMenuOpen(false)}
                  >
                    {t("nav.home")}
                  </Link>
                </motion.div>

{/* Categories */}
                {navCategories.map((category) => (
                  <motion.div
                    key={category.categoryKey}
                    variants={{
                      hidden: { opacity: 0, x: -20 },
                      visible: { opacity: 1, x: 0 },
                    }}
                    className="py-2"
                  >
                    <p className="px-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-1">
                      {t(category.categoryKey)}
                    </p>
                    {category.links.map((link) => (
                      <Link
                        key={link.href}
                        href={link.href}
                        className={`block px-6 py-2 text-sm font-medium rounded-md transition-all flex items-center gap-2 ${
                          !isLinkAllowed(link.parentAllowed)
                            ? "text-muted-foreground/50 cursor-not-allowed"
                            : "text-muted-foreground hover:text-foreground hover:bg-muted"
                        }`}
                        onClick={(e) => {
                          if (!isLinkAllowed(link.parentAllowed)) {
                            e.preventDefault()
                          } else {
                            setIsMenuOpen(false)
                          }
                        }}
                      >
                        {t(link.labelKey)}
                        {!link.parentAllowed && <Lock className="h-3 w-3 text-muted-foreground/50" />}
                      </Link>
                    ))}
                  </motion.div>
                ))}

{/* Contact */}
                <motion.div
                  variants={{
                    hidden: { opacity: 0, x: -20 },
                    visible: { opacity: 1, x: 0 },
                  }}
                >
                  <Link
                    href="/contact"
                    className="px-4 py-2 text-sm font-medium rounded-md transition-all text-muted-foreground hover:text-foreground hover:bg-muted"
                    onClick={() => setIsMenuOpen(false)}
                  >
                    {t("nav.contact")}
                  </Link>
                </motion.div>

{/* Admin Link Mobile */}
                {isUserAdmin && (
                  <motion.div
                    variants={{
                      hidden: { opacity: 0, x: -20 },
                      visible: { opacity: 1, x: 0 },
                    }}
                  >
                    <Link
                      href="/admin"
                      className="px-4 py-2 text-sm font-medium text-red-600 rounded-md transition-all flex items-center gap-2 hover:bg-red-50"
                      onClick={() => setIsMenuOpen(false)}
                    >
                      <Shield className="h-4 w-4" />
                      {t("nav.admin")}
                    </Link>
                  </motion.div>
                )}

{/* Auth Section */}
                {isSignedIn ? (
                  <motion.div
                    variants={{
                      hidden: { opacity: 0, x: -20 },
                      visible: { opacity: 1, x: 0 },
                    }}
                    className="mt-2 pt-2 border-t border-border px-4 space-y-2"
                  >
                    <div className="flex items-center gap-2">
                      <Avatar className="h-8 w-8">
                        <AvatarFallback className="bg-blue-100 text-blue-600 dark:bg-blue-900 dark:text-blue-300">
                          {getInitials(userEmail)}
                        </AvatarFallback>
                      </Avatar>
                      <span className="text-sm text-muted-foreground truncate">{userEmail}</span>
                    </div>
                    <Button
                      variant="outline"
                      size="sm"
                      onClick={() => {
                        setIsMenuOpen(false)
                        router.push('/profile')
                      }}
                      className="w-full"
                    >
                      <User className="h-4 w-4 mr-2" />
                      {t("nav.profile")}
                    </Button>
                    <Button
                      variant="outline"
                      size="sm"
                      onClick={() => {
                        setIsMenuOpen(false)
                        handleSignOut()
                      }}
                      className="w-full text-red-600 border-red-200 hover:bg-red-50 bg-transparent"
                    >
                      <LogOut className="h-4 w-4 mr-2" />
                      {t("auth.logout")}
                    </Button>
                  </motion.div>
                ) : isParentAccess ? (
                  <motion.div
                    variants={{
                      hidden: { opacity: 0, x: -20 },
                      visible: { opacity: 1, x: 0 },
                    }}
                    className="mt-2 pt-2 border-t border-border px-4"
                  >
                    <Button
                      variant="outline"
                      size="sm"
                      onClick={() => {
                        setIsMenuOpen(false)
                        router.push("/auth/login")
                      }}
                      className="w-full"
                    >
                      {t("nav.login")}
                    </Button>
                  </motion.div>
                ) : (
                  <motion.div
                    variants={{
                      hidden: { opacity: 0, x: -20 },
                      visible: { opacity: 1, x: 0 },
                    }}
                    className="mt-2 pt-2 border-t border-border px-4 flex flex-col gap-2"
                  >
                    <Button
                      variant="outline"
                      size="sm"
                      onClick={() => {
                        setIsMenuOpen(false)
                        router.push("/auth/login")
                      }}
                      className="w-full"
                    >
                      {t("nav.login")}
                    </Button>
                    <Button
                      variant="default"
                      size="sm"
                      onClick={() => {
                        setIsMenuOpen(false)
                        router.push("/auth/sign-up")
                      }}
                      className="w-full"
                    >
                      {t("nav.signup")}
                    </Button>
                  </motion.div>
                )}
              </motion.div>
            </motion.nav>
          )}
        </AnimatePresence>
      </div>
    </motion.header>
  )
}
[V0_FILE]typescriptreact:file="app/auth/login/page.tsx" isMerged="true"
"use client"

import type React from "react"
import { createClient } from "@/lib/supabase/client"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import Link from "next/link"
import { useRouter, useSearchParams } from "next/navigation"
import { Suspense, useEffect, useState } from "react"
import { motion, AnimatePresence } from "framer-motion"
import {
  Users,
  AlertCircle,
  Loader2,
  AlertTriangle,
  Mail,
  Lock,
  Eye,
  EyeOff,
  ShieldCheck,
  KeyRound,
  ArrowRight,
} from "lucide-react"
import { AuthLoadingScreen } from "@/components/auth-loading-screen"
import { useLanguage } from "@/lib/i18n/context"
import { useAuth } from "@/lib/auth/context"
import Image from "next/image"

// Map Supabase error messages to user-friendly Czech messages
function mapAuthError(msg: string): string {
  if (msg.includes("Invalid login credentials")) return "Nesprávný e-mail nebo heslo."
  if (msg.includes("Email not confirmed")) return "E-mail není potvrzen. Zkontrolujte svou schránku."
  if (msg.includes("Too many requests")) return "Příliš mnoho pokusů. Zkuste to za chvíli."
  if (msg.includes("User not found")) return "Uživatel s tímto e-mailem nebyl nalezen."
  if (msg.includes("rate limit")) return "Příliš mnoho pokusů. Počkejte prosím."
  return msg
}

const BG_ORBS = [
  { x1: "-10%", y1: "-10%", x2: "10%", y2: "10%", dur: 20 },
  { x1: "30%", y1: "-10%", x2: "50%", y2: "10%", dur: 23 },
  { x1: "60%", y1: "30%", x2: "80%", y2: "50%", dur: 18 },
  { x1: "10%", y1: "60%", x2: "30%", y2: "80%", dur: 25 },
  { x1: "70%", y1: "70%", x2: "90%", y2: "90%", dur: 21 },
] as const

function LoginContent() {
  const { isSignedIn } = useAuth()
  const router = useRouter()
  const searchParams = useSearchParams()
  const [isLoadingParent, setIsLoadingParent] = useState(false)
  const [isLoadingLogin, setIsLoadingLogin] = useState(false)
  const { t } = useLanguage()

const [email, setEmail] = useState("")
  const [password, setPassword] = useState("")
  const [rememberMe, setRememberMe] = useState(true)
  const [showPassword, setShowPassword] = useState(false)
  const [error, setError] = useState<string | null>(null)
  const [isSubmitting, setIsSubmitting] = useState(false)
  const [successMsg, setSuccessMsg] = useState<string | null>(null)

const isRestricted = searchParams.get("restricted") === "true"
  const fromPage = searchParams.get("from")

// Restore remembered email from localStorage
  useEffect(() => {
    const saved = localStorage.getItem("auth_remembered_email")
    if (saved) setEmail(saved)
  }, [])

useEffect(() => {
    if (isSignedIn) {
      setIsLoadingLogin(true)
      setTimeout(() => {
        router.push(fromPage || "/")
      }, 1000)
    }
  }, [isSignedIn, fromPage, router])

const handleLogin = async (e: React.FormEvent) => {
    e.preventDefault()
    const supabase = createClient()
    setIsSubmitting(true)
    setError(null)
    setSuccessMsg(null)

if (rememberMe) {
      localStorage.setItem("auth_remembered_email", email)
    } else {
      localStorage.removeItem("auth_remembered_email")
    }

try {
      const { error } = await supabase.auth.signInWithPassword({ email, password })
      if (error) throw error
      setSuccessMsg("Přihlášení proběhlo úspěšně!")
      setTimeout(() => router.push(fromPage || "/"), 800)
    } catch (err: unknown) {
      setError(mapAuthError(err instanceof Error ? err.message : "Přihlášení se nezdařilo"))
    } finally {
      setIsSubmitting(false)
    }
  }

const handleParentAccess = () => {
    setIsLoadingParent(true)
    document.cookie = "parent_access=true; path=/; max-age=86400"
    setTimeout(() => {
      router.push("/")
    }, 1500)
  }

return (
    <>
      <AnimatePresence>
        {isLoadingParent && <AuthLoadingScreen type="parent" />}
        {isLoadingLogin && <AuthLoadingScreen type="login" />}
      </AnimatePresence>

<div className="min-h-screen flex flex-col items-center justify-center p-6 bg-gradient-to-br from-blue-50 to-blue-100 dark:from-gray-900 dark:to-gray-800">
        {/* Animated background orbs */}
        <div className="absolute inset-0 overflow-hidden pointer-events-none" aria-hidden="true">
          {BG_ORBS.map((pos, i) => (
            <motion.div
              key={i}
              className="absolute w-64 h-64 bg-blue-200/30 dark:bg-blue-500/10 rounded-full blur-3xl"
              initial={{ x: pos.x1, y: pos.y1 }}
              animate={{ x: [pos.x1, pos.x2, pos.x1], y: [pos.y1, pos.y2, pos.y1] }}
              transition={{ duration: pos.dur, repeat: Number.POSITIVE_INFINITY, ease: "linear" }}
            />
          ))}
        </div>

{/* Restricted access banner */}
          <AnimatePresence>
            {isRestricted && (
              <motion.div
                initial={{ opacity: 0, y: -10 }}
                animate={{ opacity: 1, y: 0 }}
                exit={{ opacity: 0, y: -10 }}
                className="mb-4 p-4 bg-amber-50 dark:bg-amber-900/30 border border-amber-200 dark:border-amber-700 rounded-xl flex items-start gap-3"
              >
                <AlertCircle className="h-5 w-5 text-amber-600 dark:text-amber-400 mt-0.5 shrink-0" />
                <div className="text-sm">
                  <p className="font-medium text-amber-800 dark:text-amber-300">{t("auth.restrictedAccess")}</p>
                  <p className="text-amber-700 dark:text-amber-400">{t("auth.restrictedDesc")}</p>
                </div>
              </motion.div>
            )}
          </AnimatePresence>

{/* Edupage maintenance notice */}
          <motion.div
            initial={{ opacity: 0, y: -10 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ delay: 0.3 }}
            className="mb-4 p-4 bg-orange-50 dark:bg-orange-900/30 border border-orange-200 dark:border-orange-700 rounded-xl flex items-start gap-3"
          >
            <AlertTriangle className="h-5 w-5 text-orange-600 dark:text-orange-400 mt-0.5 shrink-0" />
            <div className="text-sm">
              <p className="font-medium text-orange-800 dark:text-orange-300">{t("auth.edupageMaintenanceTitle")}</p>
              <p className="text-orange-700 dark:text-orange-400">{t("auth.edupageMaintenance")}</p>
            </div>
          </motion.div>

<motion.div
            initial={{ opacity: 0, y: 20 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ delay: 0.4, duration: 0.5 }}
          >
            {/* Login Form */}
            <Card className="shadow-xl border-0 rounded-2xl">
              <CardHeader className="text-center pb-2">
                <div className="flex justify-center mb-2">
                  <div className="p-2.5 bg-blue-100 dark:bg-blue-900/30 rounded-xl">
                    <KeyRound className="h-5 w-5 text-blue-600 dark:text-blue-400" />
                  </div>
                </div>
                <CardTitle className="text-xl">{t("auth.login")}</CardTitle>
                <p className="text-sm text-muted-foreground">{t("auth.loginDesc")}</p>
              </CardHeader>
              <CardContent>
                <form onSubmit={handleLogin} className="space-y-4">
                  {/* Email */}
                  <div className="space-y-1.5">
                    <Label htmlFor="email" className="text-sm font-medium">{t("auth.email")}</Label>
                    <div className="relative">
                      <Mail className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
                      <Input
                        id="email"
                        type="email"
                        placeholder="vas@skolabn.cz"
                        value={email}
                        onChange={(e) => setEmail(e.target.value)}
                        required
                        disabled={isSubmitting}
                        className="pl-10 h-11 rounded-xl"
                        autoComplete="email"
                      />
                    </div>
                  </div>

{/* Password */}
                  <div className="space-y-1.5">
                    <div className="flex items-center justify-between">
                      <Label htmlFor="password" className="text-sm font-medium">{t("auth.password")}</Label>
                      <Link
                        href="/auth/reset-password"
                        className="text-xs text-blue-600 hover:text-blue-700 font-medium"
                      >
                        Zapomněli jste heslo?
                      </Link>
                    </div>
                    <div className="relative">
                      <Lock className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
                      <Input
                        id="password"
                        type={showPassword ? "text" : "password"}
                        placeholder="••••••••"
                        value={password}
                        onChange={(e) => setPassword(e.target.value)}
                        required
                        disabled={isSubmitting}
                        className="pl-10 pr-10 h-11 rounded-xl"
                        autoComplete="current-password"
                      />
                      <button
                        type="button"
                        onClick={() => setShowPassword((v) => !v)}
                        className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors"
                        aria-label={showPassword ? "Skrýt heslo" : "Zobrazit heslo"}
                        tabIndex={-1}
                      >
                        {showPassword ? <EyeOff className="h-4 w-4" /> : <Eye className="h-4 w-4" />}
                      </button>
                    </div>
                  </div>

{/* Remember me */}
                  <div className="flex items-center gap-2.5">
                    <button
                      type="button"
                      role="checkbox"
                      aria-checked={rememberMe}
                      onClick={() => setRememberMe((v) => !v)}
                      className={`w-5 h-5 rounded-md border-2 flex items-center justify-center transition-all shrink-0 ${
                        rememberMe
                          ? "bg-blue-600 border-blue-600"
                          : "border-gray-300 dark:border-gray-600 bg-transparent"
                      }`}
                    >
                      {rememberMe && (
                        <svg className="w-3 h-3 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={3}>
                          <path strokeLinecap="round" strokeLinejoin="round" d="M5 13l4 4L19 7" />
                        </svg>
                      )}
                    </button>
                    <span className="text-sm text-muted-foreground select-none cursor-pointer" onClick={() => setRememberMe((v) => !v)}>
                      Zapamatovat si e-mail
                    </span>
                  </div>

{/* Error / success feedback */}
                  <AnimatePresence>
                    {error && (
                      <motion.div
                        key="error"
                        initial={{ opacity: 0, y: -8 }}
                        animate={{ opacity: 1, y: 0 }}
                        exit={{ opacity: 0, y: -8 }}
                        className="p-3 bg-red-50 dark:bg-red-900/30 border border-red-200 dark:border-red-700 rounded-xl text-sm text-red-600 dark:text-red-400 flex items-center gap-2"
                      >
                        <AlertCircle className="h-4 w-4 shrink-0" />
                        {error}
                      </motion.div>
                    )}
                    {successMsg && (
                      <motion.div
                        key="success"
                        initial={{ opacity: 0, y: -8 }}
                        animate={{ opacity: 1, y: 0 }}
                        exit={{ opacity: 0 }}
                        className="p-3 bg-green-50 dark:bg-green-900/30 border border-green-200 dark:border-green-700 rounded-xl text-sm text-green-700 dark:text-green-400 flex items-center gap-2"
                      >
                        <ShieldCheck className="h-4 w-4 shrink-0" />
                        {successMsg}
                      </motion.div>
                    )}
                  </AnimatePresence>

<motion.div whileHover={{ scale: 1.01 }} whileTap={{ scale: 0.98 }}>
                    <Button
                      type="submit"
                      className="w-full h-11 rounded-xl text-sm font-semibold gap-2"
                      disabled={isSubmitting}
                    >
                      {isSubmitting ? (
                        <>
                          <Loader2 className="h-4 w-4 animate-spin" />
                          {t("auth.loggingIn")}
                        </>
                      ) : (
                        <>
                          {t("auth.login")}
                          <ArrowRight className="h-4 w-4" />
                        </>
                      )}
                    </Button>
                  </motion.div>

<div className="text-center text-sm text-muted-foreground">
                    {t("auth.noAccount")}{" "}
                    <Link href="/auth/sign-up" className="text-blue-600 hover:text-blue-700 font-semibold">
                      {t("auth.signup")}
                    </Link>
                  </div>
                </form>
              </CardContent>
            </Card>

{/* Parent Access */}
            <motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} transition={{ delay: 0.8 }} className="mt-4">
              <Card className="shadow-lg border-0 rounded-2xl">
                <CardContent className="pt-5 pb-5">
                  <div className="text-center">
                    <p className="text-sm text-muted-foreground mb-3">
                      {t("auth.parentAccessDesc").split(" - ")[0]}?
                    </p>
                    <motion.div whileHover={{ scale: 1.02 }} whileTap={{ scale: 0.98 }}>
                      <Button
                        type="button"
                        variant="outline"
                        className="w-full flex items-center justify-center gap-2 bg-transparent h-11 rounded-xl"
                        onClick={handleParentAccess}
                        disabled={isLoadingParent}
                      >
                        {isLoadingParent ? (
                          <Loader2 className="h-4 w-4 animate-spin" />
                        ) : (
                          <Users className="h-4 w-4" />
                        )}
                        {t("auth.parentAccess")}
                      </Button>
                    </motion.div>
                    <p className="text-xs text-muted-foreground mt-2">{t("auth.parentAccessDesc")}</p>
                  </div>
                </CardContent>
              </Card>
            </motion.div>
          </motion.div>

<motion.div
            initial={{ opacity: 0 }}
            animate={{ opacity: 1 }}
            transition={{ delay: 1 }}
            className="flex justify-center gap-4 mt-4"
          >
            <Link href="/terms" className="text-xs text-muted-foreground hover:text-foreground transition-colors">
              {t("footer.terms")}
            </Link>
            <Link href="/privacy" className="text-xs text-muted-foreground hover:text-foreground transition-colors">
              {t("footer.privacy")}
            </Link>
          </motion.div>
        </motion.div>
      </div>
    </>
  )
}

export default function LoginPage() {
  return (
    <Suspense
      fallback={
        <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 to-blue-100 dark:from-gray-900 dark:to-gray-800">
          <motion.div
            animate={{ rotate: 360 }}
            transition={{ duration: 1, repeat: Number.POSITIVE_INFINITY, ease: "linear" }}
            className="w-10 h-10 border-4 border-blue-600 border-t-transparent rounded-full"
          />
        </div>
      }
    >
      <LoginContent />
    </Suspense>
  )
}
[V0_FILE]typescriptreact:file="components/footer.tsx" isMerged="true"
"use client"

import { memo } from "react"
import Link from "next/link"
import Image from "next/image"
import { GraduationCap, Mail, MapPin, Phone } from "lucide-react"
import { motion } from "framer-motion"
import { MotionWrapper, StaggerContainer, StaggerItem } from "./motion-wrapper"
import { useLanguage } from "@/lib/i18n/context"
import { SeniorModeToggle } from "./senior-mode-toggle"
import { ShareButton } from "./share-button"

const PartnerLogo = memo(function PartnerLogo({
  href,
  src,
  alt,
  width,
  height,
  className,
}: {
  href: string
  src: string
  alt: string
  width: number
  height: number
  className?: string
}) {
  return (
    <motion.a
      href={href}
      target="_blank"
      rel="noopener noreferrer"
      whileHover={{ scale: 1.05, y: -2 }}
      whileTap={{ scale: 0.95 }}
      className="transition-opacity hover:opacity-80"
    >
      <Image
        src={src || "/placeholder.svg"}
        alt={alt}
        width={width}
        height={height}
        className={className}
        loading="lazy"
      />
    </motion.a>
  )
})

const FooterLink = memo(function FooterLink({ href, label }: { href: string; label: string }) {
  return (
    <li>
      <motion.div whileHover={{ x: 5 }} transition={{ duration: 0.2 }}>
        <Link href={href} className="hover:text-foreground transition-colors" prefetch={false}>
          {label}
        </Link>
      </motion.div>
    </li>
  )
})

export function Footer() {
  const { t } = useLanguage()

const quickLinks = [
    { href: "/students", label: t("nav.students") },
    { href: "/aktuality", label: t("nav.news") },
    { href: "/rozvrh-hodin", label: t("nav.schedule") },
    { href: "/photogallery", label: t("nav.photogallery") },
    { href: "/community", label: t("nav.community") },
  ]

const infoLinks = [
    { href: "/contact", label: t("nav.contact") },
    { href: "/support", label: t("nav.support") },
    { href: "/changelog", label: t("changelog.title") || "Update Log" },
    { href: "/terms", label: t("footer.terms") },
    { href: "/privacy", label: t("footer.privacy") },
  ]

const partners = [
    {
      href: "https://www.google.com/partners",
      src: "/images/google-partner-logo.jpg",
      alt: "Google Partner",
      width: 120,
      height: 50,
      className: "h-12 w-auto object-contain",
    },
    {
      href: "https://tadeax-studio.vercel.app/",
      src: "/images/tadeax-studio-logo.png",
      alt: "Tadeax Studio s.r.o.",
      width: 200,
      height: 80,
      className: "h-20 w-auto object-contain",
    },
    {
      href: "https://v0.dev",
      src: "/images/v0-20-281-29.png",
      alt: "v0",
      width: 80,
      height: 50,
      className: "h-10 w-auto object-contain dark:invert",
    },
    {
      href: "https://skolabn.cz/",
      src: "/images/kopie-20souboru-20logo-zs-litomerice-barevne-rastr.png",
      alt: "ZŠ Litoměřice Boženy Němcové",
      width: 180,
      height: 60,
      className: "h-14 w-auto object-contain",
    },
    {
      href: "https://vercel.com",
      src: "/images/vercel-logo-1536x864.png",
      alt: "Vercel",
      width: 120,
      height: 50,
      className: "h-10 w-auto object-contain dark:invert",
    },
    {
      href: "#",
      src: "/images/partners/tadxbubble-logo.png",
      alt: "TadxBubble AI",
      width: 160,
      height: 50,
      className: "h-16 w-auto object-contain",
    },
    {
      href: "#",
      src: "/images/partners/studios-logo.png",
      alt: "Studios",
      width: 60,
      height: 60,
      className: "h-20 w-auto object-contain",
    },
    {
      href: "#",
      src: "/images/partners/tadxchem-logo.png",
      alt: "TadxChem",
      width: 160,
      height: 50,
      className: "h-16 w-auto object-contain",
    },
    {
      href: "#",
      src: "/images/partners/tadeax-system-logo.png",
      alt: "Tadeax System",
      width: 180,
      height: 60,
      className: "h-20 w-auto object-contain",
    },
    {
      href: "https://google.com",
      src: "/images/partners/google-logo.png",
      alt: "Google",
      width: 120,
      height: 50,
      className: "h-16 w-auto object-contain",
    },
    {
      href: "#",
      src: "/images/partners/tadxtesty-logo.png",
      alt: "TadxTesty",
      width: 160,
      height: 50,
      className: "h-16 w-auto object-contain",
    },
    {
      href: "#",
      src: "/images/partners/tadeaxos-logo.png",
      alt: "TadeaxOS",
      width: 140,
      height: 50,
      className: "h-16 w-auto object-contain",
    },
  ]

return (
    <footer className="border-t border-border bg-muted/50">
      <div className="container mx-auto px-4 py-12">
        <StaggerContainer className="grid gap-8 md:grid-cols-4" staggerDelay={0.1}>
          <StaggerItem className="space-y-4">
            <Link href="/" className="flex items-center gap-2 group">
              <motion.div
                whileHover={{ scale: 1.1, rotate: 5 }}
                className="flex h-10 w-10 items-center justify-center rounded-lg bg-blue-600 text-white"
              >
                <GraduationCap className="h-6 w-6" />
              </motion.div>
              <span className="text-xl font-bold text-foreground">Naše 9.B</span>
            </Link>
            <p className="text-sm text-muted-foreground">{t("footer.privateNote")}</p>
            <div className="flex items-center gap-2 pt-2">
              <SeniorModeToggle />
              <ShareButton />
            </div>
          </StaggerItem>

<StaggerItem className="space-y-4">
            <h3 className="font-semibold text-foreground">{t("footer.quickLinks")}</h3>
            <ul className="space-y-2 text-sm text-muted-foreground">
              {quickLinks.map((link) => (
                <FooterLink key={link.href} href={link.href} label={link.label} />
              ))}
            </ul>
          </StaggerItem>

<StaggerItem className="space-y-4">
            <h3 className="font-semibold text-foreground">{t("footer.information")}</h3>
            <ul className="space-y-2 text-sm text-muted-foreground">
              {infoLinks.map((link) => (
                <FooterLink key={link.href} href={link.href} label={link.label} />
              ))}
            </ul>
          </StaggerItem>

<StaggerItem className="space-y-4">
            <h3 className="font-semibold text-foreground">{t("footer.contact")}</h3>
            <ul className="space-y-2 text-sm text-muted-foreground">
              <li className="flex items-center gap-2">
                <MapPin className="h-4 w-4 flex-shrink-0" />
                <span>Boženy Němcové 2, Litoměřice</span>
              </li>
              <li className="flex items-center gap-2">
                <Mail className="h-4 w-4 flex-shrink-0" />
                <span>tad.studio.cz@gmail.com</span>
              </li>
              <li className="flex items-center gap-2">
                <Phone className="h-4 w-4 flex-shrink-0" />
                <span>+420 773 189 288</span>
              </li>
            </ul>
          </StaggerItem>
        </StaggerContainer>

{/* Partner Logos */}
        <MotionWrapper delay={0.3}>
          <div className="mt-8 pt-8 border-t border-border">
            <p className="text-center text-sm text-muted-foreground mb-6">{t("footer.partners")}</p>
            <div className="flex flex-wrap items-center justify-center gap-8">
              {partners.map((partner) => (
                <PartnerLogo key={partner.href} {...partner} />
              ))}
            </div>
          </div>
        </MotionWrapper>

<MotionWrapper delay={0.4}>
          <div className="mt-8 border-t border-border pt-8 text-center text-sm text-muted-foreground">
            <p>
              © {new Date().getFullYear()} Naše 9.B. {t("footer.rights")}
            </p>
            <p className="mt-2 text-xs">{t("footer.privateNote")}</p>
            <div className="mt-4 flex items-center justify-center gap-4 text-xs">
              <Link href="/terms" className="hover:text-foreground transition-colors" prefetch={false}>
                {t("footer.terms")}
              </Link>
              <span>•</span>
              <Link href="/privacy" className="hover:text-foreground transition-colors" prefetch={false}>
                {t("footer.privacy")}
              </Link>
            </div>
          </div>
        </MotionWrapper>
      </div>
    </footer>
  )
}
[V0_FILE]typescriptreact:file="components/ui/chart.tsx" isMerged="true"
'use client'

import * as React from 'react'
import * as RechartsPrimitive from 'recharts'

import { cn } from '@/lib/utils'

// Format: { THEME_NAME: CSS_SELECTOR }
const THEMES = { light: '', dark: '.dark' } as const

export type ChartConfig = {
  [k in string]: {
    label?: React.ReactNode
    icon?: React.ComponentType
  } & (
    | { color?: string; theme?: never }
    | { color?: never; theme: Record<keyof typeof THEMES, string> }
  )
}

type ChartContextProps = {
  config: ChartConfig
}

const ChartContext = React.createContext<ChartContextProps | null>(null)

function useChart() {
  const context = React.useContext(ChartContext)

if (!context) {
    throw new Error('useChart must be used within a <ChartContainer />')
  }

return context
}

function ChartContainer({
  id,
  className,
  children,
  config,
  ...props
}: React.ComponentProps<'div'> & {
  config: ChartConfig
  children: React.ComponentProps<
    typeof RechartsPrimitive.ResponsiveContainer
  >['children']
}) {
  const uniqueId = React.useId()
  const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`

return (
    <ChartContext.Provider value={{ config }}>
      <div
        data-slot="chart"
        data-chart={chartId}
        className={cn(
          "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
          className,
        )}
        {...props}
      >
        <ChartStyle id={chartId} config={config} />
        <RechartsPrimitive.ResponsiveContainer>
          {children}
        </RechartsPrimitive.ResponsiveContainer>
      </div>
    </ChartContext.Provider>
  )
}

const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
  const colorConfig = Object.entries(config).filter(
    ([, config]) => config.theme || config.color,
  )

React.useEffect(() => {
    if (!colorConfig.length) return

const css = Object.entries(THEMES)
      .map(
        ([theme, prefix]) => `
${prefix} [data-chart=${id}] {
${colorConfig
  .map(([key, itemConfig]) => {
    const color =
      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||
      itemConfig.color
    return color ? `  --color-${key}: ${color};` : null
  })
  .filter(Boolean)
  .join('\n')}
}
`,
      )
      .join('\n')

const styleEl = document.createElement('style')
    styleEl.setAttribute('data-chart-id', id)
    styleEl.textContent = css
    document.head.appendChild(styleEl)

return () => {
      document.head.removeChild(styleEl)
    }
  }, [id, colorConfig])

return null
}

const ChartTooltip = RechartsPrimitive.Tooltip

function ChartTooltipContent({
  active,
  payload,
  className,
  indicator = 'dot',
  hideLabel = false,
  hideIndicator = false,
  label,
  labelFormatter,
  labelClassName,
  formatter,
  color,
  nameKey,
  labelKey,
}: React.ComponentProps<typeof RechartsPrimitive.Tooltip> &
  React.ComponentProps<'div'> & {
    hideLabel?: boolean
    hideIndicator?: boolean
    indicator?: 'line' | 'dot' | 'dashed'
    nameKey?: string
    labelKey?: string
  }) {
  const { config } = useChart()

const tooltipLabel = React.useMemo(() => {
    if (hideLabel || !payload?.length) {
      return null
    }

const [item] = payload
    const key = `${labelKey || item?.dataKey || item?.name || 'value'}`
    const itemConfig = getPayloadConfigFromPayload(config, item, key)
    const value =
      !labelKey && typeof label === 'string'
        ? config[label as keyof typeof config]?.label || label
        : itemConfig?.label

if (labelFormatter) {
      return (
        <div className={cn('font-medium', labelClassName)}>
          {labelFormatter(value, payload)}
        </div>
      )
    }

if (!value) {
      return null
    }

return <div className={cn('font-medium', labelClassName)}>{value}</div>
  }, [
    label,
    labelFormatter,
    payload,
    hideLabel,
    labelClassName,
    config,
    labelKey,
  ])

if (!active || !payload?.length) {
    return null
  }

const nestLabel = payload.length === 1 && indicator !== 'dot'

return (
    <div
      className={cn(
        'border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl',
        className,
      )}
    >
      {!nestLabel ? tooltipLabel : null}
      <div className="grid gap-1.5">
        {payload.map((item, index) => {
          const key = `${nameKey || item.name || item.dataKey || 'value'}`
          const itemConfig = getPayloadConfigFromPayload(config, item, key)
          const indicatorColor = color || item.payload.fill || item.color

return (
            <div
              key={item.dataKey}
              className={cn(
                '[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5',
                indicator === 'dot' && 'items-center',
              )}
            >
              {formatter && item?.value !== undefined && item.name ? (
                formatter(item.value, item.name, item, index, item.payload)
              ) : (
                <>
                  {itemConfig?.icon ? (
                    <itemConfig.icon />
                  ) : (
                    !hideIndicator && (
                      <div
                        className={cn(
                          'shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)',
                          {
                            'h-2.5 w-2.5': indicator === 'dot',
                            'w-1': indicator === 'line',
                            'w-0 border-[1.5px] border-dashed bg-transparent':
                              indicator === 'dashed',
                            'my-0.5': nestLabel && indicator === 'dashed',
                          },
                        )}
                        style={
                          {
                            '--color-bg': indicatorColor,
                            '--color-border': indicatorColor,
                          } as React.CSSProperties
                        }
                      />
                    )
                  )}
                  <div
                    className={cn(
                      'flex flex-1 justify-between leading-none',
                      nestLabel ? 'items-end' : 'items-center',
                    )}
                  >
                    <div className="grid gap-1.5">
                      {nestLabel ? tooltipLabel : null}
                      <span className="text-muted-foreground">
                        {itemConfig?.label || item.name}
                      </span>
                    </div>
                    {item.value && (
                      <span className="text-foreground font-mono font-medium tabular-nums">
                        {item.value.toLocaleString()}
                      </span>
                    )}
                  </div>
                </>
              )}
            </div>
          )
        })}
      </div>
    </div>
  )
}

const ChartLegend = RechartsPrimitive.Legend

function ChartLegendContent({
  className,
  hideIcon = false,
  payload,
  verticalAlign = 'bottom',
  nameKey,
}: React.ComponentProps<'div'> &
  Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> & {
    hideIcon?: boolean
    nameKey?: string
  }) {
  const { config } = useChart()

if (!payload?.length) {
    return null
  }

return (
    <div
      className={cn(
        'flex items-center justify-center gap-4',
        verticalAlign === 'top' ? 'pb-3' : 'pt-3',
        className,
      )}
    >
      {payload.map((item) => {
        const key = `${nameKey || item.dataKey || 'value'}`
        const itemConfig = getPayloadConfigFromPayload(config, item, key)

return (
          <div
            key={item.value}
            className={
              '[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3'
            }
          >
            {itemConfig?.icon && !hideIcon ? (
              <itemConfig.icon />
            ) : (
              <div
                className="h-2 w-2 shrink-0 rounded-[2px]"
                style={{
                  backgroundColor: item.color,
                }}
              />
            )}
            {itemConfig?.label}
          </div>
        )
      })}
    </div>
  )
}

// Helper to extract item config from a payload.
function getPayloadConfigFromPayload(
  config: ChartConfig,
  payload: unknown,
  key: string,
) {
  if (typeof payload !== 'object' || payload === null) {
    return undefined
  }

const payloadPayload =
    'payload' in payload &&
    typeof payload.payload === 'object' &&
    payload.payload !== null
      ? payload.payload
      : undefined

let configLabelKey: string = key

if (
    key in payload &&
    typeof payload[key as keyof typeof payload] === 'string'
  ) {
    configLabelKey = payload[key as keyof typeof payload] as string
  } else if (
    payloadPayload &&
    key in payloadPayload &&
    typeof payloadPayload[key as keyof typeof payloadPayload] === 'string'
  ) {
    configLabelKey = payloadPayload[
      key as keyof typeof payloadPayload
    ] as string
  }

return configLabelKey in config
    ? config[configLabelKey]
    : config[key as keyof typeof config]
}

export {
  ChartContainer,
  ChartTooltip,
  ChartTooltipContent,
  ChartLegend,
  ChartLegendContent,
  ChartStyle,
}
[V0_FILE]typescript:file="app/api/tadxbubble/image/route.ts" isMerged="true"
import { generateText } from "ai"

export async function POST(req: Request) {
  const { prompt }: { prompt: string } = await req.json()

if (!prompt?.trim()) {
    return Response.json({ error: "Prompt is required" }, { status: 400 })
  }

try {
    // Use a multimodal model that supports image generation
    const result = await generateText({
      model: "google/gemini-3.1-flash-image-preview",
      messages: [
        {
          role: "user",
          content: [
            {
              type: "text",
              text: `Generate a high-quality image based on this description: ${prompt}`,
            },
          ],
        },
      ],
    })

// Extract image from result parts
    const imagePart = result.response?.messages
      ?.flatMap((m) => (Array.isArray(m.content) ? m.content : []))
      .find((p) => p.type === "image")

if (imagePart && "data" in imagePart) {
      const base64 = `data:${(imagePart as { mimeType?: string }).mimeType ?? "image/png"};base64,${imagePart.data}`
      return Response.json({ url: base64 })
    }

return Response.json({ error: "No image generated" }, { status: 500 })
  } catch (err: unknown) {
    const message = err instanceof Error ? err.message : "Image generation failed"
    return Response.json({ error: message }, { status: 500 })
  }
}
[V0_FILE]typescriptreact:file="components/status-embed.tsx" isMerged="true"
"use client"

export function StatusEmbed() {
  return (
    <section className="py-12 bg-muted/30">
      <div className="container mx-auto px-4">
        <div className="text-center mb-6">
          <h2 className="text-2xl font-bold text-foreground">Service Status</h2>
          <p className="text-muted-foreground text-sm mt-1">Live uptime monitoring for all our services</p>
        </div>
        <div className="w-full overflow-hidden rounded-2xl border border-border shadow-sm bg-background">
          <iframe
            src="https://nase9b.betteruptime.com"
            width="1000"
            height="800"
            className="w-full border-0"
            style={{ minHeight: "400px", height: "clamp(400px, 60vw, 800px)" }}
            title="Service Status"
            loading="lazy"
          />
        </div>
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true"
import { Header } from "@/components/header"
import { Footer } from "@/components/footer"
import { Hero } from "@/components/hero"
import { QuickLinks } from "@/components/quick-links"
import { LatestNews } from "@/components/latest-news"
import { PhotoSlideshow } from "@/components/photo-slideshow"
import { StatusEmbed } from "@/components/status-embed"

export default function HomePage() {
  return (
    <div className="min-h-screen flex flex-col bg-background">
      <Header />
      <main className="flex-1">
        <Hero />
        <PhotoSlideshow />
        <QuickLinks />
        <LatestNews />
        <StatusEmbed />
      </main>
      <Footer />
    </div>
  )
}
[V0_FILE]json:file="package.json" isMerged="true"
{
  "name": "my-v0-project",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "eslint ."
  },
  "dependencies": {
    "@hookform/resolvers": "^3.10.0",
    "@radix-ui/react-accordion": "1.2.2",
    "@radix-ui/react-alert-dialog": "1.1.4",
    "@radix-ui/react-aspect-ratio": "1.1.1",
    "@radix-ui/react-avatar": "1.1.2",
    "@radix-ui/react-checkbox": "1.1.3",
    "@radix-ui/react-collapsible": "1.1.2",
    "@radix-ui/react-context-menu": "2.2.4",
    "@radix-ui/react-dialog": "1.1.4",
    "@radix-ui/react-dropdown-menu": "2.1.4",
    "@radix-ui/react-hover-card": "1.1.4",
    "@radix-ui/react-label": "2.1.1",
    "@radix-ui/react-menubar": "1.1.4",
    "@radix-ui/react-navigation-menu": "1.2.3",
    "@radix-ui/react-popover": "1.1.4",
    "@radix-ui/react-progress": "1.1.1",
    "@radix-ui/react-radio-group": "1.2.2",
    "@radix-ui/react-scroll-area": "1.2.2",
    "@radix-ui/react-select": "2.1.4",
    "@radix-ui/react-separator": "1.1.1",
    "@radix-ui/react-slider": "1.2.2",
    "@radix-ui/react-slot": "1.1.1",
    "@radix-ui/react-switch": "1.1.2",
    "@radix-ui/react-tabs": "1.1.2",
    "@radix-ui/react-toast": "1.2.4",
    "@radix-ui/react-toggle": "1.1.1",
    "@radix-ui/react-toggle-group": "1.1.1",
    "@radix-ui/react-tooltip": "1.1.6",
    "@vercel/analytics": "^1.5.0",
    "autoprefixer": "^10.4.20",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "cmdk": "1.0.4",
    "date-fns": "4.1.0",
    "embla-carousel-react": "8.5.1",
    "input-otp": "1.4.1",
    "lucide-react": "^0.454.0",
    "next": "16.0.10",
    "next-themes": "^0.4.6",
    "react": "19.2.0",
    "react-day-picker": "9.8.0",
    "react-dom": "19.2.0",
    "react-hook-form": "^7.60.0",
    "react-resizable-panels": "^2.1.7",
    "recharts": "2.15.4",
    "sonner": "^1.7.4",
    "tailwind-merge": "^3.3.1",
    "tailwindcss-animate": "^1.0.7",
    "vaul": "^1.1.2",
    "zod": "3.25.76",
    "framer-motion": "12.23.27",
    "@supabase/ssr": "0.8.0",
    "@clerk/nextjs": "^6.10.3",
    "@vercel/speed-insights": "^1.2.0",
    "@clerk/themes": "2.4.47",
    "canvas-confetti": "1.9.4",
    "@ai-sdk/react": "3.0.107",
    "ai": "6.0.105",
    "@supabase/supabase-js": "2.98.0"
  },
  "devDependencies": {
    "@tailwindcss/postcss": "^4.1.9",
    "@types/node": "^22",
    "@types/react": "^19",
    "@types/react-dom": "^19",
    "postcss": "^8.5",
    "tailwindcss": "^4.1.9",
    "tw-animate-css": "1.3.3",
    "typescript": "^5"
  }
}
[V0_FILE]typescript:file="lib/supabase/proxy.ts" isMerged="true"
import { createServerClient } from "@supabase/ssr"
import { NextResponse, type NextRequest } from "next/server"

const ALLOWED_EMAIL_DOMAIN = "@skolabn.cz"
const ADMIN_EMAIL = "tad.studio.cz@gmail.com"

// Routes accessible to parents (no auth required)
const parentAllowedRoutes = [
  "/",
  "/students",
  "/aktuality",
  "/rozvrh-hodin",
  "/contact",
  "/support",
  "/about",
  "/social-media",
  "/terms",
  "/privacy",
]

// Routes that require full authentication
const protectedRoutes = ["/photogallery", "/community", "/admin"]

// Auth routes (always accessible)
const authRoutes = [
  "/auth/login",
  "/auth/sign-up",
  "/auth/sign-up-success",
  "/auth/access-denied",
  "/auth/unauthorized",
]

export async function updateSession(request: NextRequest) {
  const url = process.env.NEXT_PUBLIC_SUPABASE_URL
  const key = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY

if (!url || !key) {
    return NextResponse.next({ request })
  }

let supabaseResponse = NextResponse.next({
    request,
  })

const supabase = createServerClient(
    url,
    key,
    {
      cookies: {
        getAll() {
          return request.cookies.getAll()
        },
        setAll(cookiesToSet) {
          cookiesToSet.forEach(({ name, value }) => request.cookies.set(name, value))
          supabaseResponse = NextResponse.next({
            request,
          })
          cookiesToSet.forEach(({ name, value, options }) => supabaseResponse.cookies.set(name, value, options))
        },
      },
    },
  )

const {
    data: { user },
  } = await supabase.auth.getUser()

const pathname = request.nextUrl.pathname
  const isParentAccess = request.cookies.get("parent_access")?.value === "true"

// Check if user has valid email domain
  if (user?.email) {
    const isAllowedEmail = user.email.endsWith(ALLOWED_EMAIL_DOMAIN) || user.email === ADMIN_EMAIL

if (!isAllowedEmail && !pathname.startsWith("/auth/access-denied") && !pathname.startsWith("/auth/unauthorized")) {
      const url = request.nextUrl.clone()
      url.pathname = "/auth/access-denied"
      return NextResponse.redirect(url)
    }
  }

// Allow auth routes
  if (authRoutes.some((route) => pathname.startsWith(route))) {
    return supabaseResponse
  }

// Check if route is protected
  const isProtectedRoute = protectedRoutes.some((route) => pathname.startsWith(route))

if (isProtectedRoute) {
    // Parent access not allowed for protected routes
    if (isParentAccess && !user) {
      const url = request.nextUrl.clone()
      url.pathname = "/auth/login"
      url.searchParams.set("restricted", "true")
      url.searchParams.set("from", pathname)
      return NextResponse.redirect(url)
    }

// Require full authentication
    if (!user) {
      const url = request.nextUrl.clone()
      url.pathname = "/auth/login"
      url.searchParams.set("restricted", "true")
      url.searchParams.set("from", pathname)
      return NextResponse.redirect(url)
    }
  }

return supabaseResponse
}
[V0_FILE]sql:file="scripts/006_extend_audit_logs.sql" isMerged="true"
-- Extend audit_logs with OS, browser, device, and location columns
ALTER TABLE audit_logs
  ADD COLUMN IF NOT EXISTS os          TEXT,
  ADD COLUMN IF NOT EXISTS browser     TEXT,
  ADD COLUMN IF NOT EXISTS device_type TEXT,
  ADD COLUMN IF NOT EXISTS country     TEXT,
  ADD COLUMN IF NOT EXISTS city        TEXT,
  ADD COLUMN IF NOT EXISTS latitude    DOUBLE PRECISION,
  ADD COLUMN IF NOT EXISTS longitude   DOUBLE PRECISION,
  ADD COLUMN IF NOT EXISTS action_category TEXT DEFAULT 'other';

-- Index for filtering by action category
CREATE INDEX IF NOT EXISTS idx_audit_logs_action_category ON audit_logs(action_category);
CREATE INDEX IF NOT EXISTS idx_audit_logs_user_id         ON audit_logs(user_id);

-- Allow admins to read ALL logs (not just their own)
DROP POLICY IF EXISTS "Admins can read audit logs" ON audit_logs;
CREATE POLICY "Admins can read audit logs" ON audit_logs
  FOR SELECT USING (
    auth.jwt() ->> 'email' = ANY(ARRAY['tad.studio.cz@gmail.com'])
  );
[V0_FILE]sql:file="scripts/000_init_complete_schema.sql" isMerged="true"
-- =============================================
-- COMPLETE DATABASE SCHEMA FOR 9B SCHOOL PORTAL
-- =============================================

-- ============ COMMUNITY TABLES ============

CREATE TABLE IF NOT EXISTS comments (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  content TEXT NOT NULL,
  user_id TEXT NOT NULL,
  user_email TEXT NOT NULL,
  user_name TEXT NOT NULL,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

CREATE TABLE IF NOT EXISTS comment_likes (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  comment_id UUID NOT NULL REFERENCES comments(id) ON DELETE CASCADE,
  user_id TEXT NOT NULL,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  UNIQUE(comment_id, user_id)
);

CREATE TABLE IF NOT EXISTS comment_replies (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  comment_id UUID NOT NULL REFERENCES comments(id) ON DELETE CASCADE,
  content TEXT NOT NULL,
  user_id TEXT NOT NULL,
  user_email TEXT NOT NULL,
  user_name TEXT NOT NULL,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- ============ ALBUMS TABLE ============

CREATE TABLE IF NOT EXISTS albums (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  name VARCHAR(255) NOT NULL,
  description TEXT,
  cover_photo_id UUID,
  user_id UUID,
  is_public BOOLEAN DEFAULT true,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- ============ PHOTOS TABLE ============

CREATE TABLE IF NOT EXISTS photos (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  name VARCHAR(255) NOT NULL,
  description TEXT,
  file_url TEXT NOT NULL,
  thumbnail_url TEXT,
  file_size INTEGER,
  mime_type VARCHAR(100),
  width INTEGER,
  height INTEGER,
  category VARCHAR(50) DEFAULT 'general',
  visibility VARCHAR(20) DEFAULT 'public' CHECK (visibility IN ('public', 'unlisted', 'private')),
  tags TEXT[] DEFAULT '{}',
  album_id UUID REFERENCES albums(id) ON DELETE SET NULL,
  user_id UUID,
  user_name VARCHAR(255),
  user_email VARCHAR(255),
  views_count INTEGER DEFAULT 0,
  likes_count INTEGER DEFAULT 0,
  is_approved BOOLEAN DEFAULT true,
  scan_status VARCHAR(20) DEFAULT 'clean' CHECK (scan_status IN ('pending', 'scanning', 'clean', 'infected')),
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Add cover photo FK after photos table exists
ALTER TABLE albums ADD CONSTRAINT fk_albums_cover_photo 
  FOREIGN KEY (cover_photo_id) REFERENCES photos(id) ON DELETE SET NULL;

CREATE TABLE IF NOT EXISTS photo_likes (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  photo_id UUID NOT NULL REFERENCES photos(id) ON DELETE CASCADE,
  user_id TEXT NOT NULL,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  UNIQUE(photo_id, user_id)
);

CREATE TABLE IF NOT EXISTS photo_comments (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  photo_id UUID NOT NULL REFERENCES photos(id) ON DELETE CASCADE,
  user_id TEXT,
  user_name VARCHAR(255),
  user_email VARCHAR(255),
  content TEXT NOT NULL,
  is_approved BOOLEAN DEFAULT true,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- ============ AUDIT & SESSIONS TABLES ============

CREATE TABLE IF NOT EXISTS audit_logs (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  timestamp TIMESTAMPTZ DEFAULT NOW() NOT NULL,
  action TEXT NOT NULL,
  action_category TEXT DEFAULT 'other',
  user_id TEXT,
  user_email TEXT,
  ip_address TEXT NOT NULL,
  user_agent TEXT,
  os TEXT,
  browser TEXT,
  device_type TEXT,
  country TEXT,
  city TEXT,
  latitude DOUBLE PRECISION,
  longitude DOUBLE PRECISION,
  details JSONB DEFAULT '{}',
  page TEXT,
  device_info JSONB DEFAULT '{}',
  created_at TIMESTAMPTZ DEFAULT NOW() NOT NULL
);

CREATE TABLE IF NOT EXISTS user_sessions (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id TEXT NOT NULL,
  ip_address TEXT NOT NULL,
  user_agent TEXT,
  device_info JSONB DEFAULT '{}',
  last_active TIMESTAMPTZ DEFAULT NOW(),
  created_at TIMESTAMPTZ DEFAULT NOW() NOT NULL,
  revoked_at TIMESTAMPTZ,
  is_active BOOLEAN DEFAULT TRUE
);

CREATE TABLE IF NOT EXISTS user_profiles (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id TEXT NOT NULL UNIQUE,
  display_name TEXT,
  avatar_url TEXT,
  phone_number TEXT,
  two_factor_enabled BOOLEAN DEFAULT FALSE,
  two_factor_phone TEXT,
  created_at TIMESTAMPTZ DEFAULT NOW() NOT NULL,
  updated_at TIMESTAMPTZ DEFAULT NOW() NOT NULL
);

-- ============ INDEXES ============

-- Comments indexes
CREATE INDEX IF NOT EXISTS idx_comments_created_at ON comments(created_at DESC);
CREATE INDEX IF NOT EXISTS idx_comments_user_id ON comments(user_id);
CREATE INDEX IF NOT EXISTS idx_comment_likes_comment_id ON comment_likes(comment_id);
CREATE INDEX IF NOT EXISTS idx_comment_likes_user_id ON comment_likes(user_id);
CREATE INDEX IF NOT EXISTS idx_comment_replies_comment_id ON comment_replies(comment_id);

-- Photos indexes
CREATE INDEX IF NOT EXISTS idx_photos_user_id ON photos(user_id);
CREATE INDEX IF NOT EXISTS idx_photos_album_id ON photos(album_id);
CREATE INDEX IF NOT EXISTS idx_photos_visibility ON photos(visibility);
CREATE INDEX IF NOT EXISTS idx_photos_category ON photos(category);
CREATE INDEX IF NOT EXISTS idx_photos_created_at ON photos(created_at DESC);
CREATE INDEX IF NOT EXISTS idx_photo_likes_photo_id ON photo_likes(photo_id);
CREATE INDEX IF NOT EXISTS idx_photo_comments_photo_id ON photo_comments(photo_id);
CREATE INDEX IF NOT EXISTS idx_albums_user_id ON albums(user_id);

-- Audit logs indexes
CREATE INDEX IF NOT EXISTS idx_audit_logs_timestamp ON audit_logs(timestamp DESC);
CREATE INDEX IF NOT EXISTS idx_audit_logs_action ON audit_logs(action);
CREATE INDEX IF NOT EXISTS idx_audit_logs_action_category ON audit_logs(action_category);
CREATE INDEX IF NOT EXISTS idx_audit_logs_user_id ON audit_logs(user_id);
CREATE INDEX IF NOT EXISTS idx_audit_logs_user_email ON audit_logs(user_email);
CREATE INDEX IF NOT EXISTS idx_audit_logs_ip_address ON audit_logs(ip_address);

-- User sessions indexes
CREATE INDEX IF NOT EXISTS idx_user_sessions_user_id ON user_sessions(user_id);
CREATE INDEX IF NOT EXISTS idx_user_sessions_is_active ON user_sessions(is_active);

-- User profiles indexes
CREATE INDEX IF NOT EXISTS idx_user_profiles_user_id ON user_profiles(user_id);

-- ============ ROW LEVEL SECURITY ============

ALTER TABLE comments ENABLE ROW LEVEL SECURITY;
ALTER TABLE comment_likes ENABLE ROW LEVEL SECURITY;
ALTER TABLE comment_replies ENABLE ROW LEVEL SECURITY;
ALTER TABLE albums ENABLE ROW LEVEL SECURITY;
ALTER TABLE photos ENABLE ROW LEVEL SECURITY;
ALTER TABLE photo_likes ENABLE ROW LEVEL SECURITY;
ALTER TABLE photo_comments ENABLE ROW LEVEL SECURITY;
ALTER TABLE audit_logs ENABLE ROW LEVEL SECURITY;
ALTER TABLE user_sessions ENABLE ROW LEVEL SECURITY;
ALTER TABLE user_profiles ENABLE ROW LEVEL SECURITY;

-- ============ RLS POLICIES: COMMUNITY ============

CREATE POLICY "Global read access for comments" ON comments FOR SELECT USING (true);
CREATE POLICY "Authenticated users can insert comments" ON comments FOR INSERT WITH CHECK (true);
CREATE POLICY "Users can update their own comments" ON comments FOR UPDATE USING (true);
CREATE POLICY "Users can delete their own comments" ON comments FOR DELETE USING (true);

CREATE POLICY "Global read access for likes" ON comment_likes FOR SELECT USING (true);
CREATE POLICY "Authenticated users can insert likes" ON comment_likes FOR INSERT WITH CHECK (true);
CREATE POLICY "Authenticated users can delete their likes" ON comment_likes FOR DELETE USING (true);

CREATE POLICY "Global read access for replies" ON comment_replies FOR SELECT USING (true);
CREATE POLICY "Authenticated users can insert replies" ON comment_replies FOR INSERT WITH CHECK (true);
CREATE POLICY "Users can update their own replies" ON comment_replies FOR UPDATE USING (true);
CREATE POLICY "Users can delete their own replies" ON comment_replies FOR DELETE USING (true);

-- ============ RLS POLICIES: PHOTOS & ALBUMS ============

CREATE POLICY "Public albums viewable by everyone" ON albums FOR SELECT USING (is_public = true);
CREATE POLICY "Anyone can create albums" ON albums FOR INSERT WITH CHECK (true);
CREATE POLICY "Users can update their own albums" ON albums FOR UPDATE USING (true);
CREATE POLICY "Users can delete their own albums" ON albums FOR DELETE USING (true);

CREATE POLICY "Public photos viewable by everyone" ON photos FOR SELECT USING (visibility = 'public' AND is_approved = true);
CREATE POLICY "Unlisted photos viewable with link" ON photos FOR SELECT USING (visibility = 'unlisted' AND is_approved = true);
CREATE POLICY "Users can view own photos" ON photos FOR SELECT USING (true);
CREATE POLICY "Anyone can create photos" ON photos FOR INSERT WITH CHECK (true);
CREATE POLICY "Users can update own photos" ON photos FOR UPDATE USING (true);
CREATE POLICY "Users can delete own photos" ON photos FOR DELETE USING (true);

CREATE POLICY "Global read access for photo likes" ON photo_likes FOR SELECT USING (true);
CREATE POLICY "Anyone can insert photo likes" ON photo_likes FOR INSERT WITH CHECK (true);
CREATE POLICY "Anyone can delete their photo likes" ON photo_likes FOR DELETE USING (true);

CREATE POLICY "Global read access for photo comments" ON photo_comments FOR SELECT USING (is_approved = true);
CREATE POLICY "Anyone can create photo comments" ON photo_comments FOR INSERT WITH CHECK (true);
CREATE POLICY "Users can update own photo comments" ON photo_comments FOR UPDATE USING (true);
CREATE POLICY "Users can delete own photo comments" ON photo_comments FOR DELETE USING (true);

-- ============ RLS POLICIES: AUDIT & SESSIONS ============

CREATE POLICY "Anyone can insert audit logs" ON audit_logs FOR INSERT WITH CHECK (true);

CREATE POLICY "Users can view own sessions" ON user_sessions FOR SELECT USING (true);
CREATE POLICY "Users can update own sessions" ON user_sessions FOR UPDATE USING (true);
CREATE POLICY "System can insert sessions" ON user_sessions FOR INSERT WITH CHECK (true);

CREATE POLICY "Users can view own profile" ON user_profiles FOR SELECT USING (true);
CREATE POLICY "Users can update own profile" ON user_profiles FOR UPDATE USING (true);
CREATE POLICY "Users can insert own profile" ON user_profiles FOR INSERT WITH CHECK (true);

-- ============ INSERT DEFAULT DATA ============

INSERT INTO albums (name, description, is_public) 
SELECT * FROM (VALUES
  ('Skolni vylet - Praha', 'Fotky z naseho vyletu do Prahy', true),
  ('Vanocni besidka', 'Vanocni oslava ve tride', true),
  ('Sportovni den', 'Fotky ze sportovniho dne', true),
  ('Tridni akce', 'Ruzne tridni akce a udalosti', true)
) AS v(name, description, is_public)
WHERE NOT EXISTS (SELECT 1 FROM albums LIMIT 1);
[V0_FILE]typescript:file="lib/admin.ts" isMerged="true"
// Admin email addresses with full access
export const ADMIN_EMAILS = ["tad.studio.cz@gmail.com"]

export function isAdmin(email: string | null | undefined): boolean {
  if (!email) return false
  return ADMIN_EMAILS.includes(email.toLowerCase())
}

export interface AuditLog {
  id: string
  timestamp: string
  created_at: string
  action: string
  action_category: string
  user_id: string | null
  user_email: string | null
  ip_address: string
  user_agent: string | null
  os: string | null
  browser: string | null
  device_type: string | null
  country: string | null
  city: string | null
  latitude: number | null
  longitude: number | null
  details: Record<string, unknown>
  page: string | null
  device_info: Record<string, unknown>
}

export const ACTION_CATEGORY_MAP: Record<AuditAction, AuditCategory> = {
  login: "auth",
  logout: "auth",
  signup: "auth",
  page_view: "navigation",
  parent_access: "navigation",
  settings_change: "admin",
  content_edit: "content",
  content_delete: "content",
  file_upload: "file",
  file_delete: "file",
  photo_upload: "file",
  photo_delete: "file",
  comment_post: "community",
  comment_delete: "community",
  ai_chat: "ai",
  ai_image_gen: "ai",
  admin_view: "admin",
  error_occurred: "error",
}

export const CATEGORY_META: Record<AuditCategory, { label: string; color: string; bg: string }> = {
  auth:       { label: "Autentizace",  color: "text-green-700",  bg: "bg-green-100"  },
  navigation: { label: "Navigace",     color: "text-blue-700",   bg: "bg-blue-100"   },
  content:    { label: "Obsah",        color: "text-cyan-700",   bg: "bg-cyan-100"   },
  file:       { label: "Soubory",      color: "text-yellow-700", bg: "bg-yellow-100" },
  admin:      { label: "Admin",        color: "text-red-700",    bg: "bg-red-100"    },
  error:      { label: "Chyby",        color: "text-rose-700",   bg: "bg-rose-100"   },
  ai:         { label: "AI",           color: "text-purple-700", bg: "bg-purple-100" },
  community:  { label: "Komunita",     color: "text-orange-700", bg: "bg-orange-100" },
  other:      { label: "Ostatní",      color: "text-gray-700",   bg: "bg-gray-100"   },
}

export const ACTION_LABELS: Record<string, string> = {
  login:           "Přihlášení",
  logout:          "Odhlášení",
  signup:          "Registrace",
  page_view:       "Zobrazení stránky",
  parent_access:   "Rodičovský přístup",
  settings_change: "Změna nastavení",
  content_edit:    "Úprava obsahu",
  content_delete:  "Smazání obsahu",
  file_upload:     "Nahrání souboru",
  file_delete:     "Smazání souboru",
  photo_upload:    "Nahrání fotky",
  photo_delete:    "Smazání fotky",
  comment_post:    "Přidání komentáře",
  comment_delete:  "Smazání komentáře",
  ai_chat:         "AI Chat",
  ai_image_gen:    "AI Generování obrázku",
  admin_view:      "Admin přístup",
  error_occurred:  "Chyba",
}
[V0_FILE]javascript:file="scripts/auth-localstorage-persist.js" isMerged="true"
/**
 * Auth LocalStorage Persistence Script
 *
 * This script ensures Supabase auth session tokens are persisted in localStorage
 * so they survive v0 preview reloads and are never cleared automatically.
 *
 * Run once in the browser console, or include it in the project initialization.
 * The keys are written with no expiry — they stay forever unless manually removed.
 *
 * Usage: This is handled automatically by the AuthPersistenceGuard component
 * mounted in app/layout.tsx.
 */

;(function initAuthPersistence() {
  const STORAGE_BACKUP_KEY = "sb_auth_backup"
  const SUPABASE_SESSION_KEYS = [
    "sb-auth-token",
    "supabase.auth.token",
    // Dynamic project-ref keys (Supabase stores session under sb-<ref>-auth-token)
  ]

/**
   * Scans all localStorage keys for Supabase auth tokens
   * and creates a backup entry that never expires.
   */
  function backupAuthSession() {
    const backup = {}

for (let i = 0; i < localStorage.length; i++) {
      const key = localStorage.key(i)
      if (!key) continue
      // Supabase auth tokens follow pattern: sb-*-auth-token
      if (key.startsWith("sb-") && key.endsWith("-auth-token")) {
        try {
          const value = localStorage.getItem(key)
          if (value) {
            backup[key] = value
            console.log("[AuthPersistence] Backed up key:", key)
          }
        } catch {
          // ignore read errors
        }
      }
    }

if (Object.keys(backup).length > 0) {
      localStorage.setItem(STORAGE_BACKUP_KEY, JSON.stringify(backup))
      console.log("[AuthPersistence] Session backup saved.")
    }
  }

/**
   * Restores auth session from backup if primary keys are missing.
   */
  function restoreAuthSession() {
    const backupRaw = localStorage.getItem(STORAGE_BACKUP_KEY)
    if (!backupRaw) return

try {
      const backup = JSON.parse(backupRaw)
      let restored = 0

for (const [key, value] of Object.entries(backup)) {
        if (!localStorage.getItem(key) && typeof value === "string") {
          localStorage.setItem(key, value)
          restored++
          console.log("[AuthPersistence] Restored key:", key)
        }
      }

if (restored > 0) {
        console.log(`[AuthPersistence] Restored ${restored} auth session key(s).`)
      }
    } catch {
      console.warn("[AuthPersistence] Failed to restore session from backup.")
    }
  }

// Run restore first (on page load)
  restoreAuthSession()

// Listen for storage events to auto-backup when Supabase writes new tokens
  window.addEventListener("storage", (e) => {
    if (e.key && e.key.startsWith("sb-") && e.key.endsWith("-auth-token") && e.newValue) {
      backupAuthSession()
    }
  })

// Backup on visibility change (user switching tabs)
  document.addEventListener("visibilitychange", () => {
    if (document.visibilityState === "visible") {
      restoreAuthSession()
    } else {
      backupAuthSession()
    }
  })

// Initial backup after short delay (wait for Supabase to initialize)
  setTimeout(backupAuthSession, 500)

console.log("[AuthPersistence] Auth persistence initialized.")
})()
[V0_FILE]typescriptreact:file="components/auth-persistence-guard.tsx" isMerged="true"
"use client"

import { useEffect } from "react"

const STORAGE_BACKUP_KEY = "sb_auth_backup"

/**
 * AuthPersistenceGuard
 *
 * Mounts invisibly in the root layout and ensures Supabase auth tokens
 * are backed up to a persistent localStorage key (sb_auth_backup) that
 * is NEVER cleared — surviving v0 preview reloads and hot reloads.
 *
 * On every mount it also attempts to restore tokens from that backup
 * in case the primary Supabase keys were wiped.
 */
export function AuthPersistenceGuard() {
  useEffect(() => {
    if (typeof window === "undefined") return

function backupAuthSession() {
      const backup: Record<string, string> = {}
      for (let i = 0; i < localStorage.length; i++) {
        const key = localStorage.key(i)
        if (!key) continue
        // Supabase tokens: sb-<project-ref>-auth-token
        if (key.startsWith("sb-") && key.endsWith("-auth-token")) {
          const value = localStorage.getItem(key)
          if (value) backup[key] = value
        }
      }
      if (Object.keys(backup).length > 0) {
        localStorage.setItem(STORAGE_BACKUP_KEY, JSON.stringify(backup))
      }
    }

function restoreAuthSession() {
      const backupRaw = localStorage.getItem(STORAGE_BACKUP_KEY)
      if (!backupRaw) return
      try {
        const backup: Record<string, string> = JSON.parse(backupRaw)
        for (const [key, value] of Object.entries(backup)) {
          if (!localStorage.getItem(key) && typeof value === "string") {
            localStorage.setItem(key, value)
          }
        }
      } catch {
        // corrupted backup — ignore
      }
    }

// Restore first on every mount
    restoreAuthSession()

// Backup after Supabase has had time to write its tokens
    const timer = setTimeout(backupAuthSession, 800)

// Backup when tab goes background
    const handleVisibility = () => {
      if (document.visibilityState === "hidden") {
        backupAuthSession()
      } else {
        restoreAuthSession()
      }
    }
    document.addEventListener("visibilitychange", handleVisibility)

// Backup when another tab writes a new token
    const handleStorage = (e: StorageEvent) => {
      if (e.key?.startsWith("sb-") && e.key?.endsWith("-auth-token") && e.newValue) {
        backupAuthSession()
      }
    }
    window.addEventListener("storage", handleStorage)

// Backup before page unload
    const handleUnload = () => backupAuthSession()
    window.addEventListener("beforeunload", handleUnload)

return () => {
      clearTimeout(timer)
      document.removeEventListener("visibilitychange", handleVisibility)
      window.removeEventListener("storage", handleStorage)
      window.removeEventListener("beforeunload", handleUnload)
    }
  }, [])

return null
}
[V0_FILE]typescript:file="app/api/contact/route.ts" isMerged="true"
import { NextResponse } from "next/server"

export async function POST(req: Request) {
  try {
    const { name, email, subject, message } = await req.json()

if (!name || !email || !subject || !message) {
      return NextResponse.json({ error: "Všechna pole jsou povinná." }, { status: 400 })
    }

// Build a plain-text email body
    const body = [
      `Nová zpráva z kontaktního formuláře na Naše 9.B`,
      ``,
      `Od: ${name} <${email}>`,
      `Předmět: ${subject}`,
      ``,
      `Zpráva:`,
      message,
      ``,
      `---`,
      `Odesláno z: ${process.env.NEXT_PUBLIC_APP_URL ?? "https://nase9b.vercel.app"}`,
    ].join("\n")

// Use Resend if configured, otherwise fall back to a mailto log
    const resendKey = process.env.RESEND_API_KEY
    if (resendKey) {
      const res = await fetch("https://api.resend.com/emails", {
        method: "POST",
        headers: {
          Authorization: `Bearer ${resendKey}`,
          "Content-Type": "application/json",
        },
        body: JSON.stringify({
          from: "Naše 9.B <onboarding@resend.dev>",
          to: "tad.studio.cz@gmail.com",
          reply_to: email,
          subject: `[Kontakt 9.B] ${subject}`,
          text: body,
        }),
      })

if (!res.ok) {
        const err = await res.json()
        console.error("[Contact] Resend error:", err)
        return NextResponse.json({ error: "Nepodařilo se odeslat zprávu." }, { status: 500 })
      }
    } else {
      // Dev / no-key fallback — log to console so the email is not silently lost
      console.log("[Contact] Email would be sent to tad.studio.cz@gmail.com:\n", body)
    }

return NextResponse.json({ ok: true })
  } catch (err) {
    console.error("[Contact] Unexpected error:", err)
    return NextResponse.json({ error: "Neočekávaná chyba." }, { status: 500 })
  }
}
[V0_FILE]sql:file="scripts/007_fix_audit_logs_rls.sql" isMerged="true"
-- Fix audit_logs RLS: ensure admins can SELECT all logs
-- Drop any existing SELECT policies to avoid conflicts
DROP POLICY IF EXISTS "Admins can read audit logs" ON audit_logs;
DROP POLICY IF EXISTS "Users can read own audit logs" ON audit_logs;

-- Admin SELECT: only the admin email can read all rows
CREATE POLICY "Admins can read audit logs" ON audit_logs
  FOR SELECT USING (
    auth.jwt() ->> 'email' = ANY(ARRAY['tad.studio.cz@gmail.com'])
  );

-- Also ensure the INSERT policy exists (idempotent)
DROP POLICY IF EXISTS "Anyone can insert audit logs" ON audit_logs;
CREATE POLICY "Anyone can insert audit logs" ON audit_logs
  FOR INSERT WITH CHECK (true);
[V0_FILE]typescript:file="app/api/audit/route.ts" isMerged="true"
import { createClient, createAdminClient } from '@/lib/supabase/server'
import { NextRequest, NextResponse } from 'next/server'
import { isAdmin } from '@/lib/admin'

export const dynamic = 'force-dynamic'

// Helper to get real IP address
function getClientIP(request: NextRequest): string {
  const forwarded = request.headers.get('x-forwarded-for')
  const real = request.headers.get('x-real-ip')
  const cfConnecting = request.headers.get('cf-connecting-ip')

if (cfConnecting) return cfConnecting
  if (forwarded) return forwarded.split(',')[0].trim()
  if (real) return real

return 'unknown'
}

// Helper to get device info
function getDeviceInfo(request: NextRequest) {
  const userAgent = request.headers.get('user-agent') || 'Unknown'

let deviceType = 'Desktop'
  if (/mobile/i.test(userAgent)) deviceType = 'Mobile'
  else if (/tablet/i.test(userAgent)) deviceType = 'Tablet'

let browser = 'Unknown'
  if (userAgent.includes('Edg')) browser = 'Edge'
  else if (userAgent.includes('Chrome')) browser = 'Chrome'
  else if (userAgent.includes('Firefox')) browser = 'Firefox'
  else if (userAgent.includes('Safari')) browser = 'Safari'

let os = 'Unknown'
  if (userAgent.includes('Windows NT')) os = 'Windows'
  else if (userAgent.includes('Mac OS X')) os = 'macOS'
  else if (userAgent.includes('Android')) os = 'Android'
  else if (/iPhone|iPad/.test(userAgent)) os = 'iOS'
  else if (userAgent.includes('Linux')) os = 'Linux'

return { deviceType, browser, os, userAgent }
}

export async function GET(request: NextRequest) {
  try {
    const supabase = await createClient()
    const { data: { user } } = await supabase.auth.getUser()

if (!user) {
      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
    }

const { searchParams } = new URL(request.url)
    const adminMode = searchParams.get('admin') === 'true'
    const category = searchParams.get('category') || 'all'
    const limit = Math.min(parseInt(searchParams.get('limit') || '25'), 100)
    const offset = parseInt(searchParams.get('offset') || '0')

// Only admins can read all logs
    if (adminMode && !isAdmin(user.email)) {
      return NextResponse.json({ error: 'Forbidden' }, { status: 403 })
    }

// Use admin client (bypasses RLS) for admin reads, regular client for user reads
    const queryClient = adminMode ? createAdminClient() : supabase

let query = queryClient
      .from('audit_logs')
      .select('*', { count: 'exact' })
      .order('timestamp', { ascending: false })
      .range(offset, offset + limit - 1)

// Non-admin: only own logs
    if (!adminMode) {
      query = query.eq('user_id', user.id)
    }

if (category !== 'all') {
      query = query.eq('action_category', category)
    }

const { data: logs, error, count } = await query

if (error) {
      console.error('Error fetching audit logs:', error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

return NextResponse.json({ logs: logs || [], total: count || 0 })
  } catch (error) {
    console.error('Error in audit GET:', error)
    return NextResponse.json({ error: 'Internal server error' }, { status: 500 })
  }
}

export async function POST(request: NextRequest) {
  try {
    const supabase = await createClient()
    const { data: { user } } = await supabase.auth.getUser()

if (!user) {
      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
    }

const body = await request.json()
    const { action, category, details, page } = body

const ipAddress = getClientIP(request)
    const { deviceType, browser, os, userAgent } = getDeviceInfo(request)

// Map action to category if not provided
    const resolvedCategory = category || 'other'

const { data, error } = await supabase
      .from('audit_logs')
      .insert({
        user_id: user.id,
        user_email: user.email,
        action,
        action_category: resolvedCategory,
        ip_address: ipAddress,
        user_agent: userAgent,
        device_type: deviceType,
        browser,
        os,
        details: details || {},
        page: page || null,
      })
      .select()
      .single()

if (error) {
      console.error('Error creating audit log:', error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

return NextResponse.json({ log: data })
  } catch (error) {
    console.error('Error in audit POST:', error)
    return NextResponse.json({ error: 'Internal server error' }, { status: 500 })
  }
}
[V0_FILE]typescriptreact:file="app/auth/reset-password/page.tsx" isMerged="true"
import { Metadata } from 'next'
import ResetPasswordForm from '@/components/reset-password-form'

export const metadata: Metadata = {
  title: 'Obnovit heslo | nase9.vercel.app',
  description: 'Bezpečně obnovte své heslo pomocí ověřené e-mailové adresy.',
}

export default function ResetPasswordPage() {
  return (
    <main className="min-h-screen flex items-center justify-center px-4 py-12 bg-gradient-to-br from-background to-secondary">
      <div className="w-full max-w-md">
        <div className="glass-card rounded-2xl border border-border/50 backdrop-blur-xl p-8 shadow-2xl">
          <div className="mb-8 text-center">
            <h1 className="text-3xl font-bold text-foreground mb-2">Obnovit heslo</h1>
            <p className="text-sm text-muted-foreground">
              Zadejte svůj e-mail a my vám pošleme bezpečný odkaz k resetování hesla.
            </p>
          </div>

<div className="mt-8 pt-6 border-t border-border/30">
            <p className="text-xs text-muted-foreground text-center mb-4">
              Máte nový účet? Chcete se zaregistrovat?
            </p>
            <a
              href="/auth/sign-up"
              className="block w-full text-center py-2 px-4 rounded-lg border border-border/50 text-foreground hover:bg-secondary/50 transition-colors font-medium"
            >
              Vytvořit účet
            </a>
            <a
              href="/auth/login"
              className="block w-full text-center py-2 px-4 rounded-lg border border-border/50 text-foreground hover:bg-secondary/50 transition-colors font-medium mt-2"
            >
              Zpět na přihlášení
            </a>
          </div>
        </div>

{/* Security Info */}
        <div className="mt-6 p-4 rounded-lg bg-secondary/40 border border-border/30 backdrop-blur-sm">
          <h3 className="font-semibold text-foreground mb-2 flex items-center gap-2">
            <span>{'🔒'}</span> Bezpečnost vašeho účtu
          </h3>
          <ul className="text-xs text-muted-foreground space-y-1">
            <li>{'✓'} Bezpečný HTTPS protokol</li>
            <li>{'✓'} Odkaz pro obnovení hesla platí 1 hodinu</li>
            <li>{'✓'} Není třeba sdělovat heslo v chatu nebo podpoře</li>
            <li>{'✓'} Vždy kontrolujte e-mailovou adresu odesílatele</li>
          </ul>
        </div>
      </div>
    </main>
  )
}
[V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true"
import type React from "react"
import type { Metadata, Viewport } from "next"
import { Geist, Geist_Mono } from "next/font/google"
import { Analytics } from "@vercel/analytics/next"
import { SpeedInsights } from "@vercel/speed-insights/next"
import { ClientWidgets } from "@/components/client-widgets"
import { AuthPersistenceGuard } from "@/components/auth-persistence-guard"
import { CookieConsent } from "@/components/cookie-consent"
import TadxBubbleWidget from "@/components/tadxbubble-widget"
import { LanguageProvider } from "@/lib/i18n/context"
import { AccessibilityProvider } from "@/lib/accessibility/context"
import { AuthProvider } from "@/lib/auth/context"
import { ThemeProvider } from "@/components/theme-provider"
import { Toaster } from "sonner"
import "./globals.css"

const geistSans = Geist({
  subsets: ["latin"],
  display: "swap",
  preload: true,
  variable: "--font-geist-sans",
})

const geistMono = Geist_Mono({
  subsets: ["latin"],
  display: "swap",
  preload: true,
  variable: "--font-geist-mono",
})

export const metadata: Metadata = {
  title: "Naše 9.B | Třídní stránky",
  description: "Oficiální stránky třídy 9.B - aktuality, rozvrh, žáci a další informace o naší třídě.",
  robots: {
    index: false,
    follow: false,
    googleBot: {
      index: false,
      follow: false,
    },
  },
  generator: "v0.app",
  icons: {
    icon: "/logo.png",
    apple: "/logo.png",
  },
  other: {
    "mobile-web-app-capable": "yes",
    "apple-mobile-web-app-capable": "yes",
  },
}

export const viewport: Viewport = {
  width: "device-width",
  initialScale: 1,
  maximumScale: 5,
  themeColor: [
    { media: "(prefers-color-scheme: light)", color: "#ffffff" },
    { media: "(prefers-color-scheme: dark)", color: "#0a0a0a" },
  ],
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="cs" suppressHydrationWarning className={`${geistSans.variable} ${geistMono.variable}`}>
      <head>
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
        <link rel="dns-prefetch" href="https://vercel.live" />
        <link rel="dns-prefetch" href="https://va.vercel-scripts.com" />
        <link rel="preconnect" href="https://va.vercel-scripts.com" crossOrigin="anonymous" />
        <link rel="dns-prefetch" href="https://vitals.vercel-insights.com" />
      </head>
      <body className="font-sans antialiased">
        <ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
          <AuthProvider>
            <LanguageProvider>
              <AccessibilityProvider>
                <AuthPersistenceGuard />
                <ClientWidgets />
                <TadxBubbleWidget />
                {children}
                <CookieConsent />
                <Toaster position="top-center" richColors />
              </AccessibilityProvider>
            </LanguageProvider>
          </AuthProvider>
        </ThemeProvider>
        <Analytics />
        <SpeedInsights />
      </body>
    </html>
  )
}
[V0_FILE]typescriptreact:file="components/client-widgets.tsx" isMerged="true"
"use client"

import dynamic from "next/dynamic"

const ExternalEntryLoader = dynamic(
  () => import("@/components/external-entry-loader").then((mod) => ({ default: mod.ExternalEntryLoader })),
  { ssr: false },
)

const TadxBubbleWidget = dynamic(
  () => import("@/components/tadxbubble-widget"),
  { ssr: false },
)

export function ClientWidgets() {
  return (
    <>
      <ExternalEntryLoader />
      <TadxBubbleWidget />
    </>
  )
}
[V0_FILE]css:file="public/tadxbubble.css" isMerged="true"
/* ==========================================
   TadxBubble Widget — CSS v2.0 Redesign
   Created by TadxBubble & Tadeax Studio 2026
========================================== */

/* ─────────────────────────────────────────────
   CSS CUSTOM PROPERTIES
───────────────────────────────────────────── */
:root {
  --tb-blue:      #4fc3f7;
  --tb-blue-deep: #0ea5e9;
  --tb-cyan:      #22d3ee;
  --tb-teal:      #2dd4bf;
  --tb-glass:     rgba(255,255,255,0.06);
  --tb-glass2:    rgba(255,255,255,0.1);
  --tb-glass3:    rgba(255,255,255,0.04);
  --tb-border:    rgba(255,255,255,0.12);
  --tb-border2:   rgba(79,195,247,0.2);
  --tb-shadow:    0 8px 40px rgba(0,0,0,0.5);
  --tb-glow:      0 0 30px rgba(79,195,247,0.15);
  --tb-radius:    24px;
  --tb-font:      'Segoe UI', system-ui, -apple-system, sans-serif;
  --tb-z:         2147483647;
  --tb-w:         340px;
  --tb-h:         500px;
}

/* ─────────────────────────────────────────────
   ANIMATED GRADIENT BACKGROUND CANVAS
───────────────────────────────────────────── */
#tb-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  z-index: 0;
  opacity: 0.45;
  pointer-events: none;
}

/* ─────────────────────────────────────────────
   FLOATING BUBBLE ORBS (BACKGROUND DECORATION)
───────────────────────────────────────────── */
#tb-panel::before,
#tb-panel::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  z-index: 0;
  pointer-events: none;
  filter: blur(60px);
  opacity: 0.15;
}
#tb-panel::before {
  width: 200px;
  height: 200px;
  background: var(--tb-blue);
  top: -40px;
  right: -40px;
  animation: tb-floatOrb1 8s ease-in-out infinite;
}
#tb-panel::after {
  width: 160px;
  height: 160px;
  background: var(--tb-teal);
  bottom: 40px;
  left: -30px;
  animation: tb-floatOrb2 10s ease-in-out infinite;
}

@keyframes tb-floatOrb1 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50%      { transform: translate(-20px, 30px) scale(1.1); }
}
@keyframes tb-floatOrb2 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50%      { transform: translate(20px, -20px) scale(1.15); }
}

/* ─────────────────────────────────────────────
   FLOATING BUBBLE BUTTON
───────────────────────────────────────────── */
#tb-bubble {
  position: fixed;
  bottom: 28px;
  right: 28px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(15, 23, 42, 0.6);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1.5px solid rgba(79, 195, 247, 0.3);
  box-shadow:
    0 0 0 0 rgba(79,195,247,0.3),
    0 4px 24px rgba(0,0,0,0.4),
    inset 0 0 20px rgba(79,195,247,0.05);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--tb-z);
  outline: none;
  padding: 0;
  transition: all 0.4s cubic-bezier(.34,1.56,.64,1);
  will-change: transform, box-shadow;
  overflow: hidden;
}
#tb-bubble::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 50%;
  background: conic-gradient(from 0deg, transparent, rgba(79,195,247,0.4), transparent, rgba(34,211,238,0.3), transparent);
  animation: tb-borderSpin 4s linear infinite;
  z-index: -1;
  opacity: 0.6;
}
@keyframes tb-borderSpin {
  to { transform: rotate(360deg); }
}
#tb-bubble:hover {
  transform: scale(1.1);
  box-shadow:
    0 0 0 8px rgba(79,195,247,0.1),
    0 8px 32px rgba(0,0,0,0.4),
    inset 0 0 24px rgba(79,195,247,0.08);
  border-color: rgba(79,195,247,0.5);
}
#tb-bubble.tb-open {
  transform: scale(0.88) rotate(10deg);
  border-color: rgba(34,211,238,0.5);
}
#tb-bubble img.tb-bubble-logo {
  width: 36px;
  height: 36px;
  object-fit: contain;
  pointer-events: none;
  filter: drop-shadow(0 0 6px rgba(79,195,247,0.4));
}

/* Notification dot */
#tb-notif {
  position: absolute;
  top: 2px; right: 2px;
  width: 12px; height: 12px;
  background: #ef4444;
  border-radius: 50%;
  border: 2px solid rgba(15,23,42,0.8);
  animation: tb-pulse 2s ease infinite;
  z-index: 2;
}
@keyframes tb-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(239,68,68,0.6); }
  50%      { box-shadow: 0 0 0 5px rgba(239,68,68,0); }
}

/* ─────────────────────────────────────────────
   MAIN CHAT PANEL — GLASSMORPHISM
───────────────────────────────────────────── */
#tb-panel {
  position: fixed;
  bottom: 102px;
  right: 28px;
  width: var(--tb-w);
  height: var(--tb-h);
  border-radius: var(--tb-radius);
  background: rgba(8, 12, 28, 0.65);
  backdrop-filter: blur(28px) saturate(180%);
  -webkit-backdrop-filter: blur(28px) saturate(180%);
  border: 1px solid var(--tb-border);
  box-shadow:
    var(--tb-shadow),
    var(--tb-glow),
    inset 0 1px 0 rgba(255,255,255,0.06);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: var(--tb-z);
  transform: scale(0.88) translateY(24px);
  opacity: 0;
  pointer-events: none;
  transition:
    transform 0.4s cubic-bezier(.34,1.56,.64,1),
    opacity 0.35s ease;
  will-change: transform, opacity;
  font-family: var(--tb-font);
}
#tb-panel.tb-visible {
  transform: scale(1) translateY(0);
  opacity: 1;
  pointer-events: all;
}

/* ─────────────────────────────────────────────
   PANEL HEADER — GLASS HEADER
───────────────────────────────────────────── */
#tb-header {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  background: rgba(255,255,255,0.04);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  flex-shrink: 0;
}
#tb-avatar {
  width: 38px; height: 38px;
  border-radius: 50%;
  background: rgba(15,23,42,0.5);
  border: 1.5px solid rgba(79,195,247,0.3);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  box-shadow:
    0 0 16px rgba(79,195,247,0.2),
    inset 0 0 8px rgba(79,195,247,0.05);
  overflow: hidden;
}
#tb-avatar img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  filter: drop-shadow(0 0 4px rgba(79,195,247,0.3));
}
#tb-header-info { flex: 1; min-width: 0; }
#tb-header-name {
  font-size: 14px;
  font-weight: 700;
  color: #f0f4ff;
  letter-spacing: 0.3px;
}
#tb-header-status {
  font-size: 10.5px;
  color: rgba(79,195,247,0.8);
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 1px;
}
#tb-status-dot {
  width: 6px; height: 6px;
  background: #22c55e;
  border-radius: 50%;
  animation: tb-statusPulse 2.5s ease infinite;
  box-shadow: 0 0 6px rgba(34,197,94,0.4);
}
@keyframes tb-statusPulse {
  0%,100% { opacity:1; }
  50%      { opacity:0.4; }
}
.tb-header-btn {
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px;
  color: rgba(255,255,255,0.55);
  cursor: pointer;
  width: 30px; height: 30px;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px;
  transition: all 0.25s;
  flex-shrink: 0;
}
.tb-header-btn:hover {
  background: rgba(255,255,255,0.12);
  color: #fff;
  border-color: rgba(79,195,247,0.3);
  box-shadow: 0 0 10px rgba(79,195,247,0.1);
}

/* ─────────────────────────────────────────────
   TERMS MODAL — GLASS OVERLAY
───────────────────────────────────────────── */
#tb-terms-overlay {
  position: absolute;
  inset: 0;
  z-index: 20;
  background: rgba(4, 6, 16, 0.85);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  border-radius: var(--tb-radius);
}
#tb-terms-box {
  background: rgba(15, 20, 40, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(79,195,247,0.2);
  border-radius: 18px;
  padding: 20px;
  width: 100%;
  max-height: 90%;
  overflow-y: auto;
  color: #d0d8f0;
  font-size: 12.5px;
  line-height: 1.6;
  box-shadow:
    0 0 50px rgba(79,195,247,0.08),
    inset 0 1px 0 rgba(255,255,255,0.06);
}
#tb-terms-box::-webkit-scrollbar { width: 3px; }
#tb-terms-box::-webkit-scrollbar-track { background: transparent; }
#tb-terms-box::-webkit-scrollbar-thumb { background: rgba(79,195,247,0.25); border-radius:2px; }

#tb-terms-title {
  font-size: 15px;
  font-weight: 700;
  color: #f0f4ff;
  margin-bottom: 3px;
  text-align: center;
}
#tb-terms-subtitle {
  font-size: 10.5px;
  color: rgba(79,195,247,0.7);
  text-align: center;
  margin-bottom: 14px;
}
.tb-terms-section { margin-bottom: 10px; }
.tb-terms-section p { margin-bottom: 5px; }
.tb-terms-section ul {
  list-style: none;
  padding: 0;
}
.tb-terms-section ul li {
  padding: 2px 0 2px 14px;
  position: relative;
  color: #b0b8d0;
  font-size: 12px;
}
.tb-terms-section ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  width: 4px;
  height: 4px;
  background: var(--tb-blue);
  border-radius: 50%;
}
#tb-terms-divider {
  border: none;
  border-top: 1px solid rgba(255,255,255,0.06);
  margin: 12px 0;
}
#tb-terms-checkbox-wrap {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 6px;
  background: rgba(79,195,247,0.05);
  border: 1px solid rgba(79,195,247,0.15);
  border-radius: 12px;
  padding: 10px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
#tb-terms-checkbox {
  width: 16px; height: 16px;
  accent-color: var(--tb-blue);
  cursor: pointer;
  flex-shrink: 0;
  margin-top: 2px;
}
#tb-terms-checkbox-label {
  font-size: 11.5px;
  color: #c0c8e0;
  line-height: 1.5;
}
#tb-terms-note {
  font-size: 10px;
  color: rgba(255,255,255,0.3);
  margin-bottom: 12px;
  text-align: center;
  font-style: italic;
}
#tb-terms-buttons {
  display: flex;
  gap: 8px;
}
.tb-terms-btn {
  flex: 1;
  padding: 9px;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  font-size: 12.5px;
  font-weight: 600;
  font-family: var(--tb-font);
  transition: all 0.3s;
}
#tb-terms-cancel {
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.6);
}
#tb-terms-cancel:hover {
  background: rgba(255,255,255,0.1);
  color: #fff;
}
#tb-terms-accept {
  background: linear-gradient(135deg, rgba(79,195,247,0.8), rgba(34,211,238,0.8));
  color: white;
  opacity: 0.35;
  cursor: not-allowed;
  box-shadow: none;
}
#tb-terms-accept.tb-active {
  opacity: 1;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(79,195,247,0.3);
}
#tb-terms-accept.tb-active:hover {
  filter: brightness(1.1);
  box-shadow: 0 4px 24px rgba(79,195,247,0.4);
}

/* ─────────────────────────────────────────────
   WELCOME / GREETING ANIMATION
───────────────────────────────────────────── */
#tb-welcome-overlay {
  position: absolute;
  inset: 0;
  z-index: 15;
  background: rgba(4, 8, 20, 0.8);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: var(--tb-radius);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
}
#tb-welcome-overlay.tb-show {
  opacity: 1;
  pointer-events: all;
}
#tb-welcome-logo {
  width: 64px;
  height: 64px;
  object-fit: contain;
  margin-bottom: 16px;
  filter: drop-shadow(0 0 20px rgba(79,195,247,0.35));
  animation: none;
}
#tb-welcome-overlay.tb-show #tb-welcome-logo {
  animation: tb-welcomeBounce 0.6s cubic-bezier(.34,1.56,.64,1);
}
@keyframes tb-welcomeBounce {
  0%   { transform: scale(0.5) translateY(20px); opacity: 0; }
  60%  { transform: scale(1.1) translateY(-4px); opacity: 1; }
  100% { transform: scale(1) translateY(0); opacity: 1; }
}
#tb-wave-emoji {
  font-size: 44px;
  display: block;
  margin-bottom: 12px;
  animation: none;
}
#tb-welcome-overlay.tb-show #tb-wave-emoji {
  animation: tb-wave 0.5s ease-in-out 3;
}
@keyframes tb-wave {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(22deg); }
  75%  { transform: rotate(-10deg); }
  100% { transform: rotate(0deg); }
}
@media (prefers-reduced-motion: reduce) {
  #tb-wave-emoji, #tb-welcome-logo { animation: none !important; }
  #tb-bubble, #tb-panel, #tb-welcome-overlay, .tb-msg { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}
#tb-welcome-text {
  font-size: 17px;
  font-weight: 700;
  color: #f0f4ff;
  text-align: center;
  padding: 0 24px;
  line-height: 1.5;
}
#tb-welcome-sub {
  font-size: 12.5px;
  color: rgba(79,195,247,0.75);
  margin-top: 6px;
  display: block;
}

/* ─────────────────────────────────────────────
   MESSAGES AREA
───────────────────────────────────────────── */
#tb-messages {
  flex: 1;
  overflow-y: auto;
  padding: 12px 12px 6px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  z-index: 2;
  scroll-behavior: smooth;
}
#tb-messages::-webkit-scrollbar { width: 3px; }
#tb-messages::-webkit-scrollbar-track { background: transparent; }
#tb-messages::-webkit-scrollbar-thumb { background: rgba(79,195,247,0.15); border-radius:2px; }

/* ─────────────────────────────────────────────
   QUICK ACTIONS — GLASS PILLS
───────────────────────────────────────────── */
#tb-quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 12px 8px;
  position: relative;
  z-index: 2;
}
.tb-qa-btn {
  padding: 6px 11px;
  background: rgba(79,195,247,0.06);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(79,195,247,0.18);
  border-radius: 20px;
  color: rgba(79,195,247,0.85);
  font-size: 11px;
  font-family: var(--tb-font);
  cursor: pointer;
  transition: all 0.25s;
  white-space: nowrap;
}
.tb-qa-btn:hover {
  background: rgba(79,195,247,0.15);
  border-color: rgba(79,195,247,0.4);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(79,195,247,0.15);
}

/* ─────────────────────────────────────────────
   MESSAGES: BOT + USER — GLASS BUBBLES
───────────────────────────────────────────── */
.tb-msg {
  max-width: 85%;
  animation: tb-msgIn 0.35s cubic-bezier(.34,1.56,.64,1);
}
@keyframes tb-msgIn {
  from { transform: translateY(10px) scale(0.96); opacity: 0; }
  to   { transform: translateY(0) scale(1); opacity: 1; }
}
.tb-msg-bot  { align-self: flex-start; }
.tb-msg-user { align-self: flex-end; }

.tb-bubble-inner {
  padding: 10px 13px;
  border-radius: 16px;
  font-size: 13px;
  line-height: 1.6;
  word-break: break-word;
}
.tb-msg-bot .tb-bubble-inner {
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.08);
  color: #dfe6f6;
  border-radius: 4px 16px 16px 16px;
  box-shadow:
    0 2px 12px rgba(0,0,0,0.2),
    inset 0 1px 0 rgba(255,255,255,0.04);
}
.tb-msg-user .tb-bubble-inner {
  background: linear-gradient(135deg, rgba(79,195,247,0.25), rgba(34,211,238,0.2));
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(79,195,247,0.2);
  color: #f0f6ff;
  border-radius: 16px 4px 16px 16px;
  box-shadow:
    0 2px 12px rgba(79,195,247,0.1),
    inset 0 1px 0 rgba(255,255,255,0.06);
}
.tb-msg-time {
  font-size: 9.5px;
  color: rgba(255,255,255,0.25);
  margin-top: 3px;
  padding: 0 4px;
}
.tb-msg-bot  .tb-msg-time { text-align: left; }
.tb-msg-user .tb-msg-time { text-align: right; }

/* Markdown formatting */
.tb-bubble-inner strong { color: var(--tb-blue); }
.tb-bubble-inner ul { padding-left: 14px; margin: 3px 0; }
.tb-bubble-inner li { margin: 2px 0; }
.tb-bubble-inner code {
  background: rgba(0,0,0,0.25);
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 11.5px;
  color: var(--tb-cyan);
}

/* ─────────────────────────────────────────────
   TYPING INDICATOR
───────────────────────────────────────────── */
#tb-typing {
  display: none;
  align-items: center;
  gap: 8px;
  padding: 0 12px 4px;
  position: relative;
  z-index: 2;
}
#tb-typing.tb-show { display: flex; }
#tb-typing-text {
  font-size: 11px;
  color: rgba(255,255,255,0.35);
  font-style: italic;
}
.tb-typing-dots {
  display: flex;
  gap: 3px;
}
.tb-typing-dots span {
  width: 5px; height: 5px;
  background: var(--tb-blue);
  border-radius: 50%;
  animation: tb-dot 1.2s ease infinite;
  opacity: 0.6;
}
.tb-typing-dots span:nth-child(2) { animation-delay: 0.2s; }
.tb-typing-dots span:nth-child(3) { animation-delay: 0.4s; }
@keyframes tb-dot {
  0%,60%,100% { transform: translateY(0); opacity:0.3; }
  30%          { transform: translateY(-4px); opacity:1; }
}

/* ─────────────────────────────────────────────
   INPUT AREA — GLASS INPUT
───────────────────────────────────────────── */
#tb-input-area {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  padding: 10px 12px;
  background: rgba(255,255,255,0.03);
  border-top: 1px solid rgba(255,255,255,0.06);
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}
#tb-input {
  flex: 1;
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 14px;
  padding: 9px 13px;
  color: #f0f4ff;
  font-size: 13px;
  font-family: var(--tb-font);
  resize: none;
  outline: none;
  max-height: 80px;
  min-height: 40px;
  line-height: 1.5;
  transition: border-color 0.3s, background 0.3s, box-shadow 0.3s;
  overflow-y: auto;
}
#tb-input:focus {
  border-color: rgba(79,195,247,0.4);
  background: rgba(255,255,255,0.08);
  box-shadow: 0 0 16px rgba(79,195,247,0.08);
}
#tb-input::placeholder { color: rgba(255,255,255,0.25); }
#tb-input:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
#tb-send-btn {
  width: 40px; height: 40px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(79,195,247,0.7), rgba(34,211,238,0.7));
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(79,195,247,0.3);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.25s;
  box-shadow: 0 4px 16px rgba(79,195,247,0.2);
}
#tb-send-btn:hover {
  transform: scale(1.06);
  filter: brightness(1.15);
  box-shadow: 0 4px 20px rgba(79,195,247,0.35);
}
#tb-send-btn:disabled { opacity: 0.3; cursor: not-allowed; transform: none; }
#tb-send-btn svg { width: 16px; height: 16px; fill: white; }

/* ─────────────────────────────────────────────
   COPYRIGHT FOOTER
───────────────────────────────────────────── */
#tb-footer {
  text-align: center;
  padding: 6px 12px 8px;
  font-size: 9px;
  color: rgba(255,255,255,0.2);
  letter-spacing: 0.3px;
  position: relative;
  z-index: 2;
  border-top: 1px solid rgba(255,255,255,0.04);
  background: rgba(0,0,0,0.1);
  flex-shrink: 0;
}

/* ─────────────────────────────────────────────
   ERROR / RETRY — GLASS
───────────────────────────────────────────── */
.tb-error-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: rgba(239,68,68,0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(239,68,68,0.2);
  border-radius: 12px;
  font-size: 12px;
  color: #fca5a5;
}
.tb-retry-btn {
  background: rgba(239,68,68,0.15);
  border: 1px solid rgba(239,68,68,0.3);
  color: #f87171;
  border-radius: 8px;
  padding: 4px 10px;
  font-size: 11px;
  cursor: pointer;
  font-family: var(--tb-font);
  white-space: nowrap;
  transition: all 0.25s;
}
.tb-retry-btn:hover {
  background: rgba(239,68,68,0.25);
  color: #fca5a5;
}

/* ─────────────────────────────────────────────
   SETTINGS — GLASS PANEL
───────────────────────────────────────────── */
#tb-settings {
  position: absolute;
  top: 0; left: 0; right: 0;
  z-index: 10;
  background: rgba(8, 12, 28, 0.9);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-radius: var(--tb-radius) var(--tb-radius) 0 0;
  border-bottom: 1px solid rgba(79,195,247,0.15);
  padding: 16px;
  transform: translateY(-110%);
  transition: transform 0.4s cubic-bezier(.34,1.56,.64,1);
}
#tb-settings.tb-open { transform: translateY(0); }
#tb-settings h3 {
  font-size: 13px;
  font-weight: 700;
  color: #f0f4ff;
  margin-bottom: 12px;
}
.tb-setting-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  font-size: 12.5px;
  color: #b0b8d0;
}
.tb-setting-item:last-child { border-bottom: none; }
.tb-setting-btn {
  background: rgba(239,68,68,0.1);
  border: 1px solid rgba(239,68,68,0.25);
  color: #f87171;
  border-radius: 8px;
  padding: 5px 12px;
  font-size: 11px;
  cursor: pointer;
  font-family: var(--tb-font);
  transition: all 0.25s;
}
.tb-setting-btn:hover { background: rgba(239,68,68,0.2); }
.tb-toggle {
  position: relative;
  width: 38px; height: 20px;
}
.tb-toggle input { opacity:0; width:0; height:0; }
.tb-toggle-slider {
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.1);
  border-radius: 20px;
  cursor: pointer;
  transition: 0.3s;
}
.tb-toggle-slider::before {
  content: '';
  position: absolute;
  left: 3px; top: 3px;
  width: 14px; height: 14px;
  background: white;
  border-radius: 50%;
  transition: 0.3s;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}
.tb-toggle input:checked + .tb-toggle-slider {
  background: linear-gradient(135deg, rgba(79,195,247,0.7), rgba(34,211,238,0.7));
}
.tb-toggle input:checked + .tb-toggle-slider::before {
  transform: translateX(18px);
}
#tb-settings-close {
  width: 100%;
  margin-top: 10px;
  padding: 8px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  color: rgba(255,255,255,0.5);
  cursor: pointer;
  font-size: 12px;
  font-family: var(--tb-font);
  transition: all 0.25s;
}
#tb-settings-close:hover {
  background: rgba(255,255,255,0.1);
  color: #fff;
}

/* ─────────────────────────────────────────────
   MOBILE RESPONSIVE
───────────────────────────────────────────── */
@media (max-width: 440px) {
  :root { --tb-w: 100vw; }
  #tb-panel {
    bottom: 0; right: 0; left: 0;
    width: 100vw;
    height: 90vh;
    border-radius: 20px 20px 0 0;
  }
  #tb-bubble { bottom: 20px; right: 20px; }
}
[V0_FILE]png:file="public/images/tadxbubble-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/20260225_211405_0000-d9kJwYJHI1OUVgBxB98JJ85iyNpfmb.png" isMerged="true"
[V0_FILE]typescriptreact:file="components/tadxbubble-widget.tsx" isMerged="true"
'use client'

import { useEffect, useRef } from 'react'

/**
 * TadxBubble Widget Component v2.0 — Redesigned with Glassmorphism
 * Created by TadxBubble & Tadeax Studio 2026
 */
export default function TadxBubbleWidget() {
  const scriptLoaded = useRef(false)

useEffect(() => {
    // Load CSS
    if (!document.querySelector('link[href="/tadxbubble.css"]')) {
      const link = document.createElement('link')
      link.rel = 'stylesheet'
      link.href = '/tadxbubble.css'
      document.head.appendChild(link)
    }

// Load JS after DOM is ready
    if (!scriptLoaded.current) {
      scriptLoaded.current = true
      const script = document.createElement('script')
      script.src = '/tadxbubble.js'
      script.defer = true
      document.body.appendChild(script)

return () => {
        script.remove()
      }
    }
  }, [])

return (
    <>
      {/* Floating Bubble Button with Logo */}
      <button
        id="tb-bubble"
        aria-label="Otevřít TadxBubble chat"
        title="TadxBubble"
      >
        <img
          className="tb-bubble-logo"
          src="/images/tadxbubble-logo.png"
          alt="TadxBubble"
          width={36}
          height={36}
        />
        <span id="tb-notif" aria-hidden="true"></span>
      </button>

{/* Terms Modal */}
        <div id="tb-terms-overlay" role="alertdialog" aria-labelledby="tb-terms-title" aria-describedby="tb-terms-body">
          <div id="tb-terms-box">
            <div id="tb-terms-title">{'Podmínky používání'}</div>
            <div id="tb-terms-subtitle">{'Terms of Use \u2014 TadxBubble'}</div>

<div className="tb-terms-section" id="tb-terms-body">
              <p>{'Než začneš používat TadxBubble, přečti si prosím následující informace.'}</p>
              <p>
                <strong style={{ color: '#4fc3f7' }}>TadxBubble</strong>{' je AI asistent vytvořený pro pomoc studentům se studiem. Může pomoci vysvětlit látku, poradit s úkoly nebo nabídnout tipy na učení.'}
              </p>
              <p>
                <strong>{'Důležité informace:'}</strong>
              </p>
              <ul>
                <li>{'AI může občas udělat chybu nebo poskytnout nepřesné informace.'}</li>
                <li>{'Odpovědi slouží pouze jako studijní pomůcka.'}</li>
                <li>{'Nesdílej žádné osobní ani citlivé údaje (hesla, adresy, telefonní čísla).'}</li>
                <li>{'Tento nástroj nenahrazuje učitele ani odborné poradenství.'}</li>
                <li>{'Doporučujeme důležité informace vždy ověřit z více zdrojů.'}</li>
                <li>{'Používáním tohoto nástroje souhlasíš s tím, že odpovědnost za využití informací nese uživatel.'}</li>
              </ul>
            </div>

<div id="tb-terms-checkbox-wrap">
              <input type="checkbox" id="tb-terms-checkbox" />
              <label id="tb-terms-checkbox-label" htmlFor="tb-terms-checkbox">
                {'Souhlasím, že moje personalizované údaje se budou bezpečně automaticky odesílat do '}
                <strong>{'Tadeax Systému'}</strong>{' a '}<strong>TadxServeru</strong>.
              </label>
            </div>
            <div id="tb-terms-note">{'Tato data jsou používána pouze pro zlepšení personalizace AI asistenta.'}</div>

<div id="tb-terms-buttons">
              <button className="tb-terms-btn" id="tb-terms-cancel">
                {'Zrušit'}
              </button>
              <button className="tb-terms-btn" id="tb-terms-accept" disabled>
                {'Přijmout'}
              </button>
            </div>
          </div>
        </div>

{/* Welcome Animation with Logo */}
        <div id="tb-welcome-overlay" aria-hidden="true">
          <img
            id="tb-welcome-logo"
            src="/images/tadxbubble-logo.png"
            alt="TadxBubble"
            width={64}
            height={64}
          />
          <span id="tb-wave-emoji">{'👋'}</span>
          <div id="tb-welcome-text">
            {'Ahoj! Já jsem TadxBubble.'}
            <br />
            <span id="tb-welcome-sub">{'S čím ti dnes pomůžu?'}</span>
          </div>
        </div>

{/* Settings Panel */}
        <div id="tb-settings" role="region" aria-label="Nastavení">
          <h3>{'Nastavení / Settings'}</h3>
          <div className="tb-setting-item">
            <span>{'Personalizace AI paměti'}</span>
            <label className="tb-toggle">
              <input type="checkbox" id="tb-toggle-memory" defaultChecked />
              <span className="tb-toggle-slider"></span>
            </label>
          </div>
          <div className="tb-setting-item">
            <span>{'Vymazat AI paměť'}</span>
            <button className="tb-setting-btn" id="tb-clear-memory">
              {'Vymazat'}
            </button>
          </div>
          <div className="tb-setting-item">
            <span>{'Jazyk / Language'}</span>
            <span style={{ color: '#4fc3f7', fontSize: '11px' }}>Auto-detect</span>
          </div>
          <button id="tb-settings-close">{'Zavřít / Close'}</button>
        </div>

{/* Header with Logo */}
        <div id="tb-header">
          <div id="tb-avatar">
            <img
              src="/images/tadxbubble-logo.png"
              alt="TadxBubble"
              width={24}
              height={24}
            />
          </div>
          <div id="tb-header-info">
            <div id="tb-header-name">TadxBubble</div>
            <div id="tb-header-status">
              <span id="tb-status-dot"></span>
              <span>{'Online \u00B7 Student AI Helper'}</span>
            </div>
          </div>
          <button className="tb-header-btn" id="tb-settings-btn" title="Nastavení" aria-label="Nastavení">
            {'⚙'}
          </button>
          <button className="tb-header-btn" id="tb-minimize-btn" title="Minimalizovat" aria-label="Minimalizovat">
            {'−'}
          </button>
          <button className="tb-header-btn" id="tb-close-btn" title="Zavřít" aria-label="Zavřít">
            {'✕'}
          </button>
        </div>

{/* Messages */}
        <div id="tb-messages" role="log" aria-live="polite" aria-atomic="false"></div>

{/* Typing Indicator */}
        <div id="tb-typing" aria-live="polite" aria-label="TadxBubble píše">
          <div className="tb-typing-dots">
            <span></span>
            <span></span>
            <span></span>
          </div>
          <span id="tb-typing-text">{'TadxBubble píše...'}</span>
        </div>

{/* Quick Actions */}
        <div id="tb-quick-actions" role="group" aria-label="Rychlé akce">
          <button className="tb-qa-btn" data-msg="Pomoc s úkolem">
            {'Pomoc s úkolem'}
          </button>
          <button className="tb-qa-btn" data-msg="Vysvětli mi látku">
            {'Vysvětli látku'}
          </button>
          <button className="tb-qa-btn" data-msg="Tipy na učení">
            {'Tipy na učení'}
          </button>
          <button className="tb-qa-btn" data-msg="Gramatika">
            {'Gramatika'}
          </button>
          <button className="tb-qa-btn" data-msg="Technická pomoc">
            {'Technická pomoc'}
          </button>
          <button className="tb-qa-btn" data-msg="Převod jednotek">
            {'Převod jednotek'}
          </button>
        </div>

{/* Input Area */}
        <div id="tb-input-area">
          <textarea
            id="tb-input"
            placeholder="Napiš svůj dotaz..."
            rows={1}
            disabled
            aria-label="Napište zprávu"
            aria-multiline="true"
          >

{/* Copyright Footer */}

) } [V0_FILE]javascript:file="public/tadxbubble.js" isMerged="true" /* TadxBubble Widget JavaScript Core */ (function() { 'use strict'; const TB_CONFIG = { API_URL: '/api/tadxbubble/chat', STORAGE_TERMS: 'tb_terms_accepted', STORAGE_MEMORY: 'tb_memory', STORAGE_PERSONALIZATION: 'tb_personalization_on', MAX_MESSAGES: 60, INPUT_DEBOUNCE: 300, }; const STATE = { isOpen: false, isMinimized: false, termsAccepted: false, welcomeShown: false, isTyping: false, personalization: true, messageHistory: [], memory: {}, lastUserMessage: null, inputDebounceTimer: null, }; /* ── Sound Effects (Web Audio API) ── */ const SFX = { _ctx: null, _enabled: true, _getCtx() { if (!this._ctx) { try { this._ctx = new (window.AudioContext || window.webkitAudioContext)(); } catch { this._enabled = false; } } return this._ctx; }, /** Plays a soft bubble pop when TadxBubble finishes a response */ bubblePop() { if (!this._enabled) return; const ctx = this._getCtx(); if (!ctx) return; try { if (ctx.state === 'suspended') ctx.resume(); const osc = ctx.createOscillator(); const gain = ctx.createGain(); osc.type = 'sine'; osc.frequency.setValueAtTime(600, ctx.currentTime); osc.frequency.exponentialRampToValueAtTime(1200, ctx.currentTime + 0.08); osc.frequency.exponentialRampToValueAtTime(400, ctx.currentTime + 0.15); gain.gain.setValueAtTime(0.18, ctx.currentTime); gain.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 0.25); osc.connect(gain).connect(ctx.destination); osc.start(ctx.currentTime); osc.stop(ctx.currentTime + 0.25); } catch {} }, /** Plays a subtle send sound when user sends a message */ sendWhoosh() { if (!this._enabled) return; const ctx = this._getCtx(); if (!ctx) return; try { if (ctx.state === 'suspended') ctx.resume(); const osc = ctx.createOscillator(); const gain = ctx.createGain(); osc.type = 'sine'; osc.frequency.setValueAtTime(400, ctx.currentTime); osc.frequency.exponentialRampToValueAtTime(800, ctx.currentTime + 0.1); gain.gain.setValueAtTime(0.08, ctx.currentTime); gain.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 0.12); osc.connect(gain).connect(ctx.destination); osc.start(ctx.currentTime); osc.stop(ctx.currentTime + 0.12); } catch {} }, /** Plays a double-bubble when panel opens */ openChime() { if (!this._enabled) return; const ctx = this._getCtx(); if (!ctx) return; try { if (ctx.state === 'suspended') ctx.resume(); [0, 0.1].forEach((delay, i) => { const osc = ctx.createOscillator(); const gain = ctx.createGain(); osc.type = 'sine'; osc.frequency.setValueAtTime(i === 0 ? 523 : 659, ctx.currentTime + delay); gain.gain.setValueAtTime(0.1, ctx.currentTime + delay); gain.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + delay + 0.15); osc.connect(gain).connect(ctx.destination); osc.start(ctx.currentTime + delay); osc.stop(ctx.currentTime + delay + 0.15); }); } catch {} }, }; const $ = id => document.getElementById(id); const EL = { bubble: $('tb-bubble'), panel: $('tb-panel'), canvas: $('tb-canvas'), termsOverlay: $('tb-terms-overlay'), termsCheckbox: $('tb-terms-checkbox'), termsAccept: $('tb-terms-accept'), termsCancel: $('tb-terms-cancel'), welcomeOverlay: $('tb-welcome-overlay'), waveEmoji: $('tb-wave-emoji'), welcomeText: $('tb-welcome-text'), welcomeSub: $('tb-welcome-sub'), messages: $('tb-messages'), typing: $('tb-typing'), quickActions: $('tb-quick-actions'), input: $('tb-input'), sendBtn: $('tb-send-btn'), minimizeBtn: $('tb-minimize-btn'), closeBtn: $('tb-close-btn'), settingsBtn: $('tb-settings-btn'), settingsPanel: $('tb-settings'), settingsClose: $('tb-settings-close'), clearMemory: $('tb-clear-memory'), toggleMemory: $('tb-toggle-memory'), notif: $('tb-notif'), }; (function initCanvas() { const canvas = EL.canvas; if (!canvas) return; const ctx = canvas.getContext('2d'); let w, h, t = 0, raf; const COLORS = [ [79, 195, 247], [156, 39, 176], [0, 229, 255], ]; function resize() { w = canvas.width = canvas.offsetWidth || 380; h = canvas.height = canvas.offsetHeight || 560; } function draw() { if (!STATE.isOpen || STATE.isMinimized) { raf = requestAnimationFrame(draw); return; } t += 0.003; const grd = ctx.createLinearGradient( w * (0.5 + 0.5 * Math.sin(t)), 0, w * (0.5 + 0.5 * Math.cos(t * 0.7)), h ); const c1 = COLORS[Math.floor(t * 0.2) % COLORS.length]; const c2 = COLORS[Math.floor(t * 0.2 + 1) % COLORS.length]; const c3 = COLORS[Math.floor(t * 0.2 + 2) % COLORS.length]; const mix = t => Math.abs(Math.sin(t)); grd.addColorStop(0, `rgba(${c1.join(',')},${0.18 + 0.08 * mix(t)})`); grd.addColorStop(0.5, `rgba(${c2.join(',')},${0.12 + 0.08 * mix(t+1)})`); grd.addColorStop(1, `rgba(${c3.join(',')},${0.18 + 0.08 * mix(t+2)})`); ctx.clearRect(0, 0, w, h); ctx.fillStyle = grd; ctx.fillRect(0, 0, w, h); raf = requestAnimationFrame(draw); } resize(); new ResizeObserver(resize).observe(canvas.parentElement); draw(); })(); function loadMemory() { try { const raw = localStorage.getItem(TB_CONFIG.STORAGE_MEMORY); STATE.memory = raw ? JSON.parse(raw) : {}; } catch { STATE.memory = {}; } } function saveMemory() { if (!STATE.personalization) return; try { localStorage.setItem(TB_CONFIG.STORAGE_MEMORY, JSON.stringify(STATE.memory)); } catch {} } function clearMemory() { STATE.memory = {}; try { localStorage.removeItem(TB_CONFIG.STORAGE_MEMORY); } catch {} } function updateMemory(userMsg, botReply) { if (!STATE.personalization) return; const hasCzech = /[áčďéěíňóřšťúůýž]/i.test(userMsg); STATE.memory.preferredLang = hasCzech ? 'cs' : 'en'; STATE.memory.lastTopic = userMsg.slice(0, 80); STATE.memory.sessionsCount = (STATE.memory.sessionsCount || 0) + 1; saveMemory(); } function buildSystemPrompt() { const memoryCtx = STATE.personalization && STATE.memory.lastTopic ? `\n\nAI MEMORY: Naposledy jsme mluvili o: "${STATE.memory.lastTopic}". Jazykové preference: ${STATE.memory.preferredLang || 'auto'}.` : ''; return `Jsi TadxBubble — AI asistent určený pro studenty ve věku 12–18 let. JAZYK: Pokud uživatel píše česky, odpovídej česky. Pokud anglicky, odpovídej anglicky. ÚČEL — pomáhej studentům s: • domácími úkoly (ale NIKDY nepiš celou práci k odevzdání) • vysvětlováním školní látky • tipy na učení a memorování • gramatikou a psaním • převodem jednotek • základní technickou pomocí OSOBNOST: přátelský, podpůrný, jasný. Používej krátké odstavce, odrážky, příklady. ANTI-CHEATING POLITIKA: Pokud uživatel chce, abys napsal celou práci k odevzdání, odmítni zdvořile a nabídni pomoc. ${memoryCtx}`; } async function callClaude(userMessage) { // Only send the current user message — avoid sending stale history // that could confuse the rule-based server into returning the wrong reply const messages = [ { role: 'user', content: userMessage }, ]; const response = await fetch(TB_CONFIG.API_URL, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages }), }); if (!response.ok) { const err = await response.text(); throw new Error('API error ' + response.status + ': ' + err); } // Read the full streamed response const reader = response.body.getReader(); const decoder = new TextDecoder(); let fullText = ''; while (true) { const { done, value } = await reader.read(); if (done) break; fullText += decoder.decode(value, { stream: true }); } // Parse streamed lines in the format: 0:"json-encoded text" // Concatenate all matching chunks in order const reply = fullText .split('\n') .filter(line => line.startsWith('0:')) .map(line => { try { return JSON.parse(line.slice(2)); } catch { return ''; } }) .join(''); if (!reply || reply.trim() === '') { throw new Error('Empty response from API'); } // Store in local history for context/memory (not sent to server) STATE.messageHistory.push({ role: 'user', content: userMessage }); STATE.messageHistory.push({ role: 'assistant', content: reply }); if (STATE.messageHistory.length > 40) { STATE.messageHistory = STATE.messageHistory.slice(-40); } return reply; } function renderMarkdown(text) { return text .replace(/&/g, '&').replace(//g, '>') .replace(/\*\*(.+?)\*\*/g, '$1') .replace(/\*(.+?)\*/g, '$1') .replace(/`([^`]+)`/g, '$1') .replace(/^#{1,3} (.+)$/gm, '$1') .replace(/^• (.+)$/gm, '

') .replace(/^\d+\. (.+)$/gm, '

') .replace(/(

.*<\/li>)/gs, '

$1') .replace(/\n/g, '
'); } function getTime() { return new Date().toLocaleTimeString('cs-CZ', { hour: '2-digit', minute: '2-digit' }); } function addMessage(text, role, isError = false) { const msgEl = document.createElement('div'); msgEl.className = `tb-msg tb-msg-${role}`; msgEl.setAttribute('role', 'article'); if (isError) { msgEl.innerHTML = `

⚠️ Něco se nepovedlo. Zkus to prosím znovu.

`; } else { msgEl.innerHTML = `

${renderMarkdown(text)}

${getTime()}

`; } EL.messages.appendChild(msgEl); const msgs = EL.messages.querySelectorAll('.tb-msg'); if (msgs.length > TB_CONFIG.MAX_MESSAGES) { msgs[0].remove(); } requestAnimationFrame(() => { EL.messages.scrollTop = EL.messages.scrollHeight; }); if (isError) { msgEl.querySelector('[data-retry]').addEventListener('click', () => { msgEl.remove(); if (STATE.lastUserMessage) sendMessage(STATE.lastUserMessage); }); } return msgEl; } function showTyping() { STATE.isTyping = true; EL.typing.classList.add('tb-show'); EL.messages.scrollTop = EL.messages.scrollHeight; } function hideTyping() { STATE.isTyping = false; EL.typing.classList.remove('tb-show'); } async function sendMessage(text) { text = text.trim(); if (!text || STATE.isTyping) return; STATE.lastUserMessage = text; EL.input.value = ''; EL.input.style.height = 'auto'; EL.sendBtn.disabled = true; EL.quickActions.style.display = 'none'; addMessage(text, 'user'); SFX.sendWhoosh(); showTyping(); try { const reply = await callClaude(text); hideTyping(); addMessage(reply, 'bot'); SFX.bubblePop(); updateMemory(text, reply); } catch (err) { console.error('[TadxBubble]', err); hideTyping(); addMessage('', 'bot', true); } finally { EL.sendBtn.disabled = false; EL.input.focus(); } } function showWelcomeAnimation() { const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches; EL.welcomeOverlay.classList.add('tb-show'); EL.welcomeOverlay.setAttribute('aria-hidden', 'false'); if (!prefersReduced) { EL.waveEmoji.style.animation = 'none'; void EL.waveEmoji.offsetWidth; EL.waveEmoji.style.animation = ''; EL.welcomeOverlay.classList.add('tb-show'); } setTimeout(() => { EL.welcomeOverlay.style.opacity = '0'; EL.welcomeOverlay.style.transition = 'opacity 0.5s'; setTimeout(() => { EL.welcomeOverlay.classList.remove('tb-show'); EL.welcomeOverlay.setAttribute('aria-hidden', 'true'); EL.welcomeOverlay.style.opacity = ''; EL.welcomeOverlay.style.transition = ''; addMessage('Ahoj! 👋 Já jsem **TadxBubble** – tvůj studijní AI pomocník.\n\nS čím ti dnes pomůžu? Klikni na jedno z tlačítek níže nebo napiš svůj dotaz. 🚀', 'bot'); EL.quickActions.style.display = 'flex'; }, 500); }, 2200); } EL.termsCheckbox.addEventListener('change', () => { EL.termsAccept.disabled = !EL.termsCheckbox.checked; EL.termsAccept.classList.toggle('tb-active', EL.termsCheckbox.checked); }); EL.termsAccept.addEventListener('click', () => { if (EL.termsAccept.disabled) return; STATE.termsAccepted = true; localStorage.setItem(TB_CONFIG.STORAGE_TERMS, '1'); EL.termsOverlay.style.transition = 'opacity 0.4s'; EL.termsOverlay.style.opacity = '0'; setTimeout(() => { EL.termsOverlay.style.display = 'none'; EL.input.disabled = false; EL.sendBtn.disabled = false; EL.notif.style.display = 'none'; showWelcomeAnimation(); }, 400); }); EL.termsCancel.addEventListener('click', () => { closePanel(); }); function openPanel() { STATE.isOpen = true; STATE.isMinimized = false; EL.panel.classList.add('tb-visible'); EL.bubble.classList.add('tb-open'); SFX.openChime(); EL.panel.style.height = ''; if (!STATE.termsAccepted) { EL.termsOverlay.style.display = 'flex'; } else { EL.termsOverlay.style.display = 'none'; EL.input.disabled = false; EL.sendBtn.disabled = false; } } function closePanel() { STATE.isOpen = false; EL.panel.classList.remove('tb-visible'); EL.bubble.classList.remove('tb-open'); EL.settingsPanel.classList.remove('tb-open'); } function minimizePanel() { STATE.isMinimized = true; EL.panel.style.height = '60px'; EL.panel.style.overflow = 'hidden'; } EL.bubble.addEventListener('click', () => { if (STATE.isOpen && !STATE.isMinimized) { closePanel(); } else if (STATE.isMinimized) { STATE.isMinimized = false; EL.panel.style.height = ''; EL.panel.style.overflow = ''; } else { openPanel(); } }); EL.closeBtn.addEventListener('click', (e) => { e.stopPropagation(); closePanel(); }); EL.minimizeBtn.addEventListener('click', (e) => { e.stopPropagation(); minimizePanel(); }); EL.settingsBtn.addEventListener('click', (e) => { e.stopPropagation(); EL.settingsPanel.classList.toggle('tb-open'); }); EL.settingsClose.addEventListener('click', () => { EL.settingsPanel.classList.remove('tb-open'); }); EL.clearMemory.addEventListener('click', () => { clearMemory(); EL.clearMemory.textContent = '✓ Vymazáno!'; setTimeout(() => { EL.clearMemory.textContent = 'Vymazat'; }, 2000); }); EL.toggleMemory.addEventListener('change', () => { STATE.personalization = EL.toggleMemory.checked; localStorage.setItem(TB_CONFIG.STORAGE_PERSONALIZATION, STATE.personalization ? '1' : '0'); if (!STATE.personalization) clearMemory(); }); EL.quickActions.querySelectorAll('.tb-qa-btn').forEach(btn => { btn.addEventListener('click', () => { const msg = btn.dataset.msg; if (msg && STATE.termsAccepted) sendMessage(msg); }); }); EL.input.addEventListener('input', function() { this.style.height = 'auto'; this.style.height = Math.min(this.scrollHeight, 90) + 'px'; clearTimeout(STATE.inputDebounceTimer); STATE.inputDebounceTimer = setTimeout(() => {}, TB_CONFIG.INPUT_DEBOUNCE); }); EL.input.addEventListener('keydown', (e) => { if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); handleSend(); } }); EL.sendBtn.addEventListener('click', handleSend); function handleSend() { const text = EL.input.value.trim(); if (text && STATE.termsAccepted && !STATE.isTyping) { sendMessage(text); } } (function init() { loadMemory(); if (localStorage.getItem(TB_CONFIG.STORAGE_TERMS) === '1') { STATE.termsAccepted = true; EL.termsOverlay.style.display = 'none'; EL.input.disabled = false; EL.sendBtn.disabled = false; } const persisted = localStorage.getItem(TB_CONFIG.STORAGE_PERSONALIZATION); if (persisted === '0') { STATE.personalization = false; EL.toggleMemory.checked = false; } if (!STATE.termsAccepted) { EL.notif.style.display = 'block'; } console.log('%c[TadxBubble] Widget initialized ✓', 'color:#4fc3f7;font-weight:bold;'); })(); })(); [V0_FILE]typescriptreact:file="app/auth/reset-password/confirm/page.tsx" isMerged="true" 'use client' import { useState, useEffect } from 'react' import { useRouter } from 'next/navigation' import { createBrowserClient } from '@supabase/ssr' export default function ResetPasswordConfirmPage() { const router = useRouter() const [newPassword, setNewPassword] = useState('') const [confirmPassword, setConfirmPassword] = useState('') const [loading, setLoading] = useState(false) const [error, setError] = useState('') const [success, setSuccess] = useState(false) const [showPassword, setShowPassword] = useState(false) const [sessionReady, setSessionReady] = useState(false) const [checkingSession, setCheckingSession] = useState(true) const supabase = createBrowserClient( process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY! ) useEffect(() => { // Supabase automatically picks up the token from the URL hash // and establishes a session. We just need to wait for it. const checkSession = async () => { const { data: { session } } = await supabase.auth.getSession() if (session) { setSessionReady(true) } else { // Listen for auth state changes (Supabase processes the hash) const { data: { subscription } } = supabase.auth.onAuthStateChange( (event) => { if (event === 'PASSWORD_RECOVERY' || event === 'SIGNED_IN') { setSessionReady(true) } } ) // Timeout after 10 seconds const timeout = setTimeout(() => { setCheckingSession(false) subscription.unsubscribe() }, 10000) return () => { clearTimeout(timeout) subscription.unsubscribe() } } setCheckingSession(false) } checkSession() }, [supabase.auth]) const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setError('') setLoading(true) if (newPassword.length < 8) { setError('Heslo musí mít alespoň 8 znaků.') setLoading(false) return } if (newPassword !== confirmPassword) { setError('Hesla se neshodují.') setLoading(false) return } const hasUpperCase = /[A-Z]/.test(newPassword) const hasLowerCase = /[a-z]/.test(newPassword) const hasNumbers = /\d/.test(newPassword) if (!hasUpperCase || !hasLowerCase || !hasNumbers) { setError('Heslo musí obsahovat velká písmena, malá písmena a čísla.') setLoading(false) return } try { const { error: updateError } = await supabase.auth.updateUser({ password: newPassword, }) if (updateError) { setError(updateError.message) return } setSuccess(true) setTimeout(() => { router.push('/auth/login') }, 3000) } catch { setError('Nastala neočekávaná chyba. Zkuste to znovu.') } finally { setLoading(false) } } if (checkingSession && !sessionReady) { return (

Ověřování odkazu...

) } if (!sessionReady && !checkingSession) { return (

Neplatný nebo expirovaný odkaz

Odkaz pro obnovení hesla je neplatný nebo již vypršel. Požádejte o nový odkaz.

Požádat o nový odkaz

) } return (

{success ? (

Heslo bylo změněno

Vaše heslo bylo úspěšně aktualizováno. Za chvíli budete přesměrováni na přihlášení.

) : ( <>

Nové heslo

Nastavte si nové bezpečné heslo pro váš účet.

Požadavky na heslo:

{'•'} Minimálně 8 znaků

{'•'} Velká a malá písmena

{'•'} Alespoň jedno číslo

Nové heslo

setNewPassword(e.target.value)} placeholder="Zadejte nové heslo" required disabled={loading} className="w-full px-4 py-2 rounded-lg border border-border/50 bg-secondary/50 text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/50 transition-colors" />

Potvrdit heslo setConfirmPassword(e.target.value)} placeholder="Zopakujte nové heslo" required disabled={loading} className="w-full px-4 py-2 rounded-lg border border-border/50 bg-secondary/50 text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/50 transition-colors" />

{error && (

! {error}

)}

) } [V0_FILE]typescript:file="app/api/auth/reset-password/route.ts" isMerged="true" import { createClient } from '@/lib/supabase/server' import { NextRequest, NextResponse } from 'next/server' export const dynamic = 'force-dynamic' export async function POST(request: NextRequest) { try { const { email } = await request.json() if (!email) { return NextResponse.json({ error: 'E-mail je povinný.' }, { status: 400 }) } const supabase = await createClient() const { error } = await supabase.auth.resetPasswordForEmail(email, { redirectTo: `${request.nextUrl.origin}/auth/reset-password/confirm`, }) if (error) { console.error('Error sending reset password email:', error) return NextResponse.json({ error: error.message }, { status: 500 }) } return NextResponse.json({ success: true, message: 'Password reset email sent', }) } catch (error) { console.error('Error in reset password:', error) return NextResponse.json( { error: 'Interní chyba serveru.' }, { status: 500 } ) } } [V0_FILE]typescriptreact:file="components/reset-password-form.tsx" isMerged="true" 'use client' import { useState } from 'react' type FormStep = 'email' | 'sent' export default function ResetPasswordForm() { const [step, setStep] = useState('email') const [email, setEmail] = useState('') const [loading, setLoading] = useState(false) const [error, setError] = useState('') const handleEmailSubmit = async (e: React.FormEvent) => { e.preventDefault() setError('') setLoading(true) const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/ if (!emailRegex.test(email)) { setError('Zadejte platnou e-mailovou adresu.') setLoading(false) return } try { const res = await fetch('/api/auth/reset-password', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email }), }) const data = await res.json() if (!res.ok) { setError(data.error || 'Nepodařilo se odeslat odkaz pro obnovení hesla.') return } setStep('sent') } catch { setError('Chyba při komunikaci se serverem. Zkuste to znovu.') } finally { setLoading(false) } } const handleResend = async () => { setError('') setLoading(true) try { const res = await fetch('/api/auth/reset-password', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email }), }) if (!res.ok) { setError('Nepodařilo se znovu odeslat odkaz.') return } } catch { setError('Chyba při komunikaci se serverem.') } finally { setLoading(false) } } return (

{step === 'email' && ( )} {step === 'sent' && (

Odkaz odeslán! ✓

Na adresu {email} jsme odeslali bezpečný odkaz pro obnovení hesla. Klikněte na odkaz v e-mailu a nastavte si nové heslo.

⏱️ Odkaz je platný 1 hodinu

📧 Zkontrolujte si spam nebo nevyžádanou poštu

🔐 Nemusíte zadávat žádný kód ověření — jednoduše klikněte na odkaz

{error && (

! {error}

)}

) } [V0_FILE]typescript:file="app/api/tadxbubble/chat/route.ts" isMerged="true" export async function POST(req: Request) { const body = await req.json() const messages: { role: string; content: string }[] = body.messages ?? [] // Extract the latest user message — ignore assistant/bot turns const userMessages = messages.filter( (m) => m.role === "user" && typeof m.content === "string" && m.content.trim() !== "" ) const lastUserMsg = userMessages[userMessages.length - 1] const userText = (lastUserMsg?.content ?? "").trim().toLowerCase() // Generate a contextual reply based on the current user message const reply = generateReply(userText) // Stream the reply safely — send as a single chunk to avoid JSON parse issues const encoder = new TextEncoder() const stream = new ReadableStream({ start(controller) { // Send the full reply as one JSON-encoded chunk on the 0: protocol line controller.enqueue(encoder.encode(`0:${JSON.stringify(reply)}\n`)) controller.close() }, }) return new Response(stream, { headers: { "Content-Type": "text/plain; charset=utf-8", "Cache-Control": "no-cache, no-store, must-revalidate", }, }) } /* ------------------------------------------------------------------ */ /* Rule-based response engine — no AI gateway / API key required */ /* ------------------------------------------------------------------ */ interface Rule { keywords: string[] reply: string /** If true, ALL keywords must be present (AND). Default is OR. */ matchAll?: boolean } const RULES: Rule[] = [ /* ================================================================= GREETINGS & META ================================================================= */ { keywords: ["ahoj", "cau", "cus", "nazdar", "zdar", "hej", "dobr", "zdravim"], reply: "Ahoj! 👋 Ja jsem **TadxBubble** -- tvuj osobni studijni asistent pro 9. tridu ZS.\n\nMuzu ti pomoct se vsemi predmety:\n• 🔢 Matematika\n• 🇨🇿 Cesky jazyk a literatura\n• 🇬🇧 Anglicky jazyk\n• 🏛️ Dejepis\n• 🧬 Prirodopis (biologie)\n• ⚗️ Chemie\n• ⚡ Fyzika\n• 🌍 Zemepis\n• 🎵 Hudebni vychova\n• 🏛️ Obcanska vychova\n• 🇫🇷 Francouzstina\n• 🇷🇺 Rustina\n• 🇩🇪 Nemcina\n\nNapis mi, s cim potrebujes pomoct!", }, { keywords: ["hello", "hi ", "hey", "good morning", "good evening"], reply: "Hello! 👋 I'm **TadxBubble** -- your student AI helper for 9th grade.\n\nI can help you with all school subjects including Math, Czech, English, History, Biology, Chemistry, Physics, Geography, Music, Civics, French, Russian, and German.\n\nWhat do you need help with?", }, /* ================================================================= ABOUT / META ================================================================= */ { keywords: ["kdo jsi", "co jsi", "tadxbubble", "who are you", "what are you", "o tobe"], reply: "Jsem **TadxBubble** 🤖 -- AI asistent vytvoren studiem **Tadeax Studio** specialne pro zaky 9. trid zakladnich skol.\n\nMuj ucel:\n• Pomahat ti s ucenim a ukoly ve vsech predmetech\n• Vysvetlovat slozitou latku jednoduse\n• Davat tipy na efektivni studium\n• Motivovat te k uspechum\n\nNejsem ucitel a nenahrazuji odborniky, ale snazim se ti co nejlip pomoct! 😊", }, { keywords: ["jak funguj", "jak pouziv", "instrukc", "navod"], reply: "Jak me pouzivat? Je to jednoduche! 🎯\n\n1. **Napis otazku** -- cim konkretneji, tim lepe\n2. **Rekni predmet** -- treba 'matematika', 'chemie', 'dejepis'…\n3. **Precti mou odpoved** -- vysvetlim ti to jednoduse\n4. **Ptej se dal** -- pokud chces vice detailu\n\nMuzes se me ptat na cokoliv tykajiciho se skoly! 📚", }, /* ================================================================= SOCIAL ================================================================= */ { keywords: ["diky", "dekuji", "dekuju", "thanks", "thank you", "dik"], reply: "Nemas za co! 😊 Jsem tu pro tebe kdykoli. Pokud budes potrebovat dalsi pomoc, nevahej se zeptat!", }, { keywords: ["sbohem", "nashle", "nashledanou", "bye", "papa", "se mi"], reply: "Mej se krasne! 👋 Hodne stesti s ucenim. Kdykoli budes potrebovat pomoct, jsem tu! 🚀", }, { keywords: ["napis mi", "napis za me", "celou praci", "cely referat", "udelej za me", "write for me"], reply: "Rozumim, ze mas hodne prace, ale **napsat cely ukol za tebe nemuzu** -- to by ti nepomohlo se to naucit. 📝\n\nAle muzu ti pomoct:\n• **Vytvorit osnovu** -- ukazuju ti strukturu\n• **Vysvetlit tema** -- abys vedel/a, o cem psat\n• **Zkontrolovat** co uz mas napsane\n• **Dat tipy** na zlepseni\n\nTak co, zacneme treba osnovou? 😊", }, /* ================================================================= STUDY TIPS / MOTIVATION / TEST ANXIETY ================================================================= */ { keywords: ["tipy", "uceni", "jak se ucit", "study", "studium", "memorov", "zapamatov", "efektivn"], reply: "Osvedcene tipy na efektivni uceni! 💡\n\n**Pomodoro technika:**\n• 25 minut uceni, 5 minut pauza, po 4 cyklech delsi pauza\n\n**Aktivni opakovani:**\n• Zkousej se sam -- necti jen pasivne\n• Pis si poznamky vlastnimi slovy\n• Delej si karticky (flashcards)\n\n**Feynmanova metoda:**\n• Vysvetli latku tak, aby ji pochopil i 5letej -- pokud nemuzes, nerozumis ji dost\n\n**Dalsi tipy:**\n• Spavej min. 8 hodin -- mozek tridi ucivo ve spanku\n• Dej telefon do jine mistnosti\n• Stridej predmety, neuc se 3h jedno tema\n• Skupinove uceni pomaha -- diskuse o latce\n\nChces vic tipu na konkretni predmet?", }, { keywords: ["test", "zkouska", "zkousky", "nervozni", "stres", "stress", "uzkost", "bojim"], reply: "Strach z testu? To je normalni! 😊\n\n**Pred testem:**\n• Dobre se vyspi -- spanek = lepsi pamet\n• Opakuj, ale neprepracuj se\n• Snidane s bílkoviny a sacharidy\n• Priprav si vsechno vecer pred\n\n**Behem testu:**\n• Cti pozorne otazky -- nebud ve spechu\n• Nejdriv odpovez jednoduche otazky\n• Vrat se k tem tezsim\n• Kdyz nevis, eliminuj spatne odpovedi\n\n**Pozitivni mysleni:**\n• Jeden test nerozhoduje o tve budoucnosti\n• Chyby jsou soucast uceni\n• Delej nejlip, co umis -- to staci!\n\nChces pomoct s ucenim na konkretni test? 📚", }, { keywords: ["motivac", "nemam chut", "nechce se mi", "lazy", "procrastinat", "odklad"], reply: "Nemas chut se ucit? To se stava! 💪\n\n• **Zacni malym krokem** -- staci 10 minut, pak pokracuj\n• **Odmen se** -- po uceni si dej cokoladu, hru, serial\n• **Najdi si duvod** -- proc se chces ucit? Co chces delat po skole?\n• **Zmen prostredi** -- zkus knihovnu, kavarna, jiny pokoj\n• **Vypni mobil** -- socialni site odpoutavaji pozornost\n• **Delej uceni zajimavym** -- kresli si, delej kviz, hrej hru s latkou\n\nZvladnes to! Chces si s necim pomoct? 🚀", }, /* ================================================================= UNIT CONVERSIONS ================================================================= */ { keywords: ["prevod", "jednotky", "jednotek", "km", "metry", "litry", "kilogramy", "conversion", "gram", "mm", "cm"], reply: "Prevod jednotek -- rychly prehled! 📐\n\n**Delka:** 1 km = 1000 m, 1 m = 100 cm, 1 cm = 10 mm\n**Hmotnost:** 1 t = 1000 kg, 1 kg = 1000 g, 1 g = 1000 mg\n**Objem:** 1 l = 1000 ml = 1 dm³, 1 m³ = 1000 l\n**Cas:** 1 h = 60 min, 1 min = 60 s\n**Teplota:** °C na °F = (°C × 9/5) + 32, Kelvin = °C + 273.15\n**Plocha:** 1 m² = 10 000 cm², 1 ha = 10 000 m²\n\nNapis mi konkretni prevod a ja ti ho spocitam!", }, /* ================================================================= HOMEWORK GENERAL ================================================================= */ { keywords: ["pomoc", "ukol", "ukolem", "domaci", "homework", "help me"], reply: "Rad ti pomůžu s ukolem! 📚\n\nRekni mi:\n• **Jaky predmet** to je (matematika, cestina, anglictina, fyzika…)\n• **Co presne** mas za ukol\n• **Kde** se zasekáváš\n\nPomohu ti to **pochopit** krok za krokem. Ale cely ukol za tebe nenapisu -- to by ti nepomohlo se to naucit! 😊", }, /* ================================================================= MATEMATIKA (9. TRIDA ZS) ================================================================= */ { keywords: ["matematika", "matika", "math", "pocty"], reply: "Matematika pro 9. tridu ZS! 🔢\n\nUcivo 9. tridy:\n\n**Algebra:**\n• Rovnice s jednou neznamou (linearni)\n• Soustavy dvou rovnic o dvou neznamych\n• Lomene vyrazy -- kraceni, scitani, nasobeni\n• Mocniny a odmocniny\n• Zaklady nerovnic\n\n**Geometrie:**\n• Valec, kuzel, koule -- povrch a objem\n• Podobnost trojuhelniku\n• Goniometricke funkce (sin, cos, tg)\n• Talesova veta\n• Pythagorova veta -- aplikace v ulohaach\n\n**Funkce:**\n• Linearni funkce -- graf, smernice, predpis\n• Kvadraticka funkce -- parabola, vrchol\n\nNapis mi priklad a ja ti vysvetlim postup reseni!", }, { keywords: ["rovnice", "rovnic", "neznama", "neznámou", "x =", "reseni rovnice"], reply: "Rovnice s neznamou -- zaklady pro 9. tridu! 📐\n\n**Linearni rovnice (ax + b = c):**\n1. Preved vyrazy s x na jednu stranu\n2. Cisla (konstanty) na druhou stranu\n3. Vydel obě strany koeficientem u x\n\n**Priklad:** 3x + 5 = 20\n• 3x = 20 - 5\n• 3x = 15\n• x = 5 ✅\n\n**Rovnice se zavorkami:**\n1. Nejdriv roznasob zavorky\n2. Pak reseni jako vyse\n\n**Priklad:** 2(x + 3) = 14\n• 2x + 6 = 14\n• 2x = 8\n• x = 4 ✅\n\n**Rovnice se zlomky:**\n1. Najdi spolecny jmenovatel\n2. Vynasob obe strany timto jmenovatelem\n3. Res jako obvykle\n\nPosli mi svou rovnici a ja ti ji vysvetlim krok za krokem!", }, { keywords: ["soustav", "dve rovnice", "dvou neznam", "substituc", "eliminac"], reply: "Soustavy rovnic -- 9. trida ZS! 🔢\n\n**Metoda dosazovaci (substitucni):**\n1. Z jedne rovnice vyjadri x (nebo y)\n2. Dosad do druhe rovnice\n3. Vypocitej jednu neznamou\n4. Dosad zpet a vypocitej druhou\n\n**Priklad:**\nx + y = 10\n2x - y = 5\n\nZ prvni: y = 10 - x\nDosadim: 2x - (10 - x) = 5\n3x - 10 = 5 → 3x = 15 → x = 5\ny = 10 - 5 = 5 ✅\n\n**Metoda scitaci (eliminacni):**\n1. Uprav rovnice tak, aby se jedna neznama odectla\n2. Secti rovnice\n3. Vyresi a dosad zpet\n\nPosli mi svoji soustavu a pomůžu ti! 📝", }, { keywords: ["zlomek", "zlomky", "kraceni", "lomeny vyraz", "lomene vyrazy"], reply: "Zlomky a lomene vyrazy -- 9. trida! 📐\n\n**Kraceni zlomku:**\nNajdi NSD (nejvetsi spolecny delitel) a vydel citatel i jmenovatel.\n6/8 = 3/4 (delim 2)\n\n**Scitani/Odcitani:**\nPrevez na spolecny jmenovatel, pak scitej citatele.\n1/3 + 1/4 = 4/12 + 3/12 = 7/12\n\n**Nasobeni:** cit. × cit., jmen. × jmen.\n2/3 × 4/5 = 8/15\n\n**Deleni:** Prevrat druhy zlomek a nasob.\n2/3 ÷ 4/5 = 2/3 × 5/4 = 10/12 = 5/6\n\n**Lomene vyrazy (9. trida):**\n• Rozloz na soucin (faktorizuj)\n• Krat spolecne cleny\n• Pozor na podminky (jmenovatel ≠ 0)\n\nPosli mi priklad!", }, { keywords: ["procent", "sleva", "urok", "zvysen"], reply: "Procenta -- dulezite pro zivot! 💯\n\n**Zakladni vzorec:** cast / celek × 100 = %\n\n**Vypocet procent:**\nKolik je 25% z 200? → 200 × 0.25 = 50\n\n**Vypocet zakladu:**\n60 je 30% z ceho? → 60 ÷ 0.3 = 200\n\n**Sleva:**\nZbozi za 500 Kc, sleva 20% → 500 × 0.8 = 400 Kc\n\n**Zvyseni:**\nCena 300 Kc + DPH 21% → 300 × 1.21 = 363 Kc\n\n**Urok:**\nJistina × urokova sazba × cas = urok\n10 000 Kc × 3% × 1 rok = 300 Kc\n\nMas konkretni priklad? Posli mi ho!", }, { keywords: ["pythag", "prepona", "odvesna", "pravouhly trojuhelnik"], reply: "Pythagorova veta -- zaklad geometrie! 📐\n\n**Vzorec:** a² + b² = c²\n(kde c je prepona -- nejdelsi strana naproti pravemu uhlu)\n\n**Priklad:**\nOdvesny a = 3, b = 4. Kolik je prepona c?\nc² = 3² + 4² = 9 + 16 = 25\nc = √25 = **5** ✅\n\n**Obracene -- hledam odvesnu:**\nc = 13, a = 5. Kolik je b?\nb² = 13² - 5² = 169 - 25 = 144\nb = √144 = **12** ✅\n\n**Vyuziti v praxi:**\n• Vypocet uhlopricek obdelniku\n• Vzdalenost dvou bodu v rovine\n• Vyska rovnostranneho trojuhelniku\n\nPosli mi svuj priklad!", }, { keywords: ["funkc", "linearni funkce", "graf", "smernic", "parabol", "kvadratic"], reply: "Funkce -- 9. trida ZS! 📊\n\n**Linearni funkce: y = ax + b**\n• a = smernice (sklon primky)\n• b = prunik s osou y\n• a > 0 → primka roste, a < 0 → klesa\n• a = 0 → vodorovna primka\n\n**Jak nakreslit graf:**\n1. Dosad x = 0 → dostanes y (bod na ose y)\n2. Dosad x = 1 → dostanes dalsi bod\n3. Spoj body primkou\n\n**Kvadraticka funkce: y = ax² + bx + c**\n• Graf = parabola\n• a > 0 → parabola otevena nahoru\n• a < 0 → parabola otevena dolu\n• Vrchol: x = -b/(2a)\n\nPotrebujes nakreslit graf nebo najit predpis? Posli mi zadani!", }, { keywords: ["mocnin", "odmocnin", "druha mocnina", "treti mocnina", "sqrt"], reply: "Mocniny a odmocniny! 🔢\n\n**Mocniny:**\n• a² = a × a (druha mocnina / ctverec)\n• a³ = a × a × a (treti mocnina / krychle)\n• a⁰ = 1 (cokoliv na nultou = 1)\n• a⁻¹ = 1/a (zaporna mocnina = prevraty zlomek)\n\n**Pravidla:**\n• aⁿ × aᵐ = aⁿ⁺ᵐ\n• aⁿ ÷ aᵐ = aⁿ⁻ᵐ\n• (aⁿ)ᵐ = aⁿˣᵐ\n\n**Odmocniny:**\n• √a -- druha odmocnina\n• ³√a -- treti odmocnina\n• √(a × b) = √a × √b\n• √(a/b) = √a / √b\n\n**Priklad:** √50 = √(25 × 2) = 5√2\n\nPosli mi priklad a vysvetlim!", }, { keywords: ["objem", "povrch", "valec", "kuzel", "koule", "krychle", "kvad"], reply: "Stereometrie -- objemy a povrchy (9. trida)! 📐\n\n**Krychle (a):**\nV = a³, S = 6a²\n\n**Kvadr (a, b, c):**\nV = a × b × c, S = 2(ab + bc + ac)\n\n**Valec (r, v):**\nV = π × r² × v\nS = 2π × r × (r + v)\n\n**Kuzel (r, v, s = odvesna):**\nV = (1/3) × π × r² × v\nS = π × r × (r + s)\n\n**Koule (r):**\nV = (4/3) × π × r³\nS = 4 × π × r²\n\n**Priklad:** Valec r=3, v=10:\nV = π × 9 × 10 = 90π ≈ 282.7\n\nPosli mi zadani!", }, { keywords: ["goniometr", "sinus", "cosinus", "tangens", "sin", "cos", "tg", "uhel"], reply: "Goniometricke funkce -- 9. trida! 📐\n\n**V pravouhlem trojuhelniku:**\n• sin α = protilehla odvesna / prepona\n• cos α = prilehla odvesna / prepona\n• tg α = protilehla / prilehla\n\n**Dulezite hodnoty:**\n• sin 30° = 0.5, cos 30° = 0.866, tg 30° = 0.577\n• sin 45° = 0.707, cos 45° = 0.707, tg 45° = 1\n• sin 60° = 0.866, cos 60° = 0.5, tg 60° = 1.732\n• sin 90° = 1, cos 90° = 0\n\n**Vyuziti:**\n• Vypocet stran trojuhelniku\n• Vypocet uhlu\n• Realne ulohy (vyska stromu, vzdalenost…)\n\nPosli mi priklad!", }, { keywords: ["tales", "talesov", "podobnost", "podobn"], reply: "Talesova veta a podobnost -- 9. trida! 📐\n\n**Talesova veta:**\nKazdý trojuhelnik vepsany do pulkruhu (s preponou jako prumerem) je **pravouhly**.\n\nVyuziti: Konstrukce praveho uhlu pomoci kruzitka a pravitka.\n\n**Podobnost trojuhelniku:**\nDva trojuhelniky jsou podobne, kdyz:\n• maji **stejne uhly** (uu)\n• pomery **odpovidajicich stran** jsou stejne (sss)\n• dve strany ve **stejnem pomeru** a uhel mezi nimi stejny (sus)\n\n**Pomer podobnosti k:**\nStrana A' = k × strana A\nObsah A' = k² × obsah A\n\nPosli mi svuj priklad!", }, /* ================================================================= CESKY JAZYK A LITERATURA (9. TRIDA ZS) ================================================================= */ { keywords: ["cestina", "cesky jazyk", "cesky", "jazykoved", "mluvnice"], reply: "Cesky jazyk pro 9. tridu ZS! ✍️\n\n**Jazykoveda (mluvnice):**\n• Skladba -- vetne cleny, souveti, interpunkce\n• Slovni zasoba -- synonyma, antonyma, frazeologie\n• Tvoreni slov -- odvozovani, skladani\n• Stylistika -- funkční styly, slohove postupy\n• Pravopis -- i/y, me/mne, predpony s/z, velka pismena\n\n**Literatura:**\n• Svetova literatura 20. stoleti\n• Ceska literatura 20. stoleti\n• Analyza literarnich del\n• Literarni druhy a zanry\n\n**Sloh:**\n• Uvahovaci slohovy postup\n• Rozprava, uvaha, recenze\n• Vypraveni, popis, charakteristika\n\nS cim presne potrebujes pomoct?", }, { keywords: ["pravopis", "i/y", "me/mne", "predpon", "velka pismen", "diakritik"], reply: "Pravopis -- dulezite pro 9. tridu! ✍️\n\n**i/y po obojetnych souhlaaskach (b, f, l, m, p, s, v, z):**\n• Naucse vyjmenovana slova a slova pribuzna!\n• Koreny slov -- bylit (bydlit, obyvatel…)\n\n**Predpony s-/z-/vz-:**\n• s- = smer dolu nebo dohromady (sletět, skrýt)\n• z- = dokončení děje (zhubnout, ztratit)\n• vz- = smer nahoru (vzletět, vzbudit)\n\n**me/mne:**\n• MĚ -- 2. a 4. pad (vidim MĚ, bez MĚ)\n• MNĚ -- 3. a 6. pad (dej MNĚ, o MNĚ)\n• Tip: Zkus nahradit slovem 'tobě/tebe'\n\n**Velka pismena:**\n• Jmena osob, mest, statu, rek, svátku\n• Nazvy instituci, organizaci\n\nPosli mi text a ja ti ho zkontroluju!", }, { keywords: ["skladba", "vetny clen", "podmet", "prisudek", "predmet", "souveti", "veta"], reply: "Skladba -- 9. trida ZS! 📝\n\n**Zakladni vetne cleny:**\n• **Podmet** (kdo? co?) -- podtrhni jednou\n• **Prisudek** (co dela? co se deje?) -- podtrhni dvakrat\n\n**Rozvijejici vetne cleny:**\n• **Predmet** (koho? ceho? komu? cemu? co? kym? cim? o kom? o cem?)\n• **Prislovecne urceni** -- mista, casu, zpusobu, priciny\n• **Privlastek** -- shodny (pred jmenem) / neshodny (za jmenem)\n• **Doplanek** -- rozviji podmet i prisudek zaroven\n\n**Souveti:**\n• **Souradne** -- vety jsou rovnocenne (a, ale, nebo, neboť)\n• **Podradne** -- hlavni + vedlejsi veta\n• Vedlejsi vety: podmetna, predmetna, prislovecna, privlastkova, doplnkova\n\nPosli mi vetu a urcim jeji cleny!", }, { keywords: ["sloh", "uvaha", "rozprava", "recenz", "vypraveni", "popis", "charakteristik", "slohov"], reply: "Slohove prace -- 9. trida ZS! 📝\n\n**Uvaha/Rozprava:**\n• Vyjadreni vlastniho nazoru s argumenty\n• Struktura: teze → argumenty → zaver\n• Pouzivej spojky: proto, tedy, na druhou stranu…\n\n**Recenze:**\n• Hodnoceni dila (kniha, film)\n• Strucny dej + vlastni nazor + doporuceni\n\n**Vypraveni:**\n• Uvod, zapletka, vyvrcholeni, rozuzleni\n• Pouzivej prime reci, prirovnani, dialogy\n\n**Popis / Charakteristika:**\n• Vnejsi popis → vnitrni vlastnosti\n• Logicky postup, vystizne vyrazy\n\n**Funkcni styly:**\n• Prostesdelovaci, odborny, publicisticky, umelecky, administrativni\n\nPotrebujes pomoct napsat konkretni praci?", }, { keywords: ["literatur", "kniha", "autor", "roman", "povidk", "basen", "drama", "dilo"], reply: "Ceska a svetova literatura -- 9. trida! 📖\n\n**Literarni druhy:**\n• **Epika** -- romany, povidky, pohadky (dej!)\n• **Lyrika** -- basne (pocity, nalady)\n• **Drama** -- divadelni hry (dialog!)\n\n**Duleziti autori pro 9. tridu:**\n• Karel Capek -- Bila nemoc, RUR, Valka s mloky\n• Franz Kafka -- Promena\n• Antoine de Saint-Exupery -- Maly princ\n• George Orwell -- Farma zvirat, 1984\n• Bozena Nemcova -- Babicka\n• Jan Neruda -- Povidky malostranske\n\n**Literarni pojmy:**\n• Metafora, prirovnani, personifikace, hyperbola\n• Ja-forma vs. Er-forma\n• Prima rec, neprima rec\n\nO jakem dile nebo autorovi chces vedet vic?", }, /* ================================================================= ANGLICKY JAZYK (9. TRIDA ZS) ================================================================= */ { keywords: ["anglictin", "english", "anglicky"], reply: "Anglicky jazyk pro 9. tridu! 🇬🇧\n\n**Gramatika 9. tridy:**\n• Present Perfect vs. Past Simple\n• Past Continuous\n• Podminkove vety (If clauses -- Type 0, 1, 2)\n• Trpny rod (Passive Voice)\n• Neprime otazky (Reported Speech)\n• Modalni slovesa (must, should, might, could)\n• Gerund vs. Infinitive\n\n**Slovni zasoba:**\n• Uroven A2-B1\n• Tematicke okruhy: prostredi, technologie, cestovani, kariera\n\n**Psani:**\n• Formalni a neformalni dopis/email\n• Esej s nazorem (opinion essay)\n• Popis osoby, mista, udalosti\n\nS cim presne potrebujes pomoct?", }, { keywords: ["present perfect", "past simple", "cas", "tense", "presen", "minul"], reply: "Anglicke casy -- srovnani! ⏰\n\n**Past Simple (minuly cas prosty):**\n• Dokoncena akce v minulosti\n• Signalni slova: yesterday, last week, in 2020\n• I **played** football yesterday.\n\n**Present Perfect (predpritomny cas):**\n• Akce z minulosti s vlivem na pritomnost\n• Signalni slova: already, yet, ever, never, just, since, for\n• I **have played** football since 2015.\n\n**Rozdil:**\n• I **lost** my key yesterday. (vim kdy)\n• I **have lost** my key. (stale ji nemam)\n\n**Past Continuous:**\n• Probihal v urcitem okamziku v minulosti\n• I **was playing** when you called.\n\nPosli mi vetu a ja ti pomůžu urcit spravny cas!", }, { keywords: ["podminkova veta", "if clause", "conditional", "would", "will"], reply: "Podminkove vety (If clauses)! 🇬🇧\n\n**Type 0 -- obecna pravda:**\nIf + present simple, present simple\nIf you heat water, it boils.\n\n**Type 1 -- realna podminka (budoucnost):**\nIf + present simple, will + infinitive\nIf it rains, I will stay home.\n\n**Type 2 -- nerealna podminka (pritomnost):**\nIf + past simple, would + infinitive\nIf I had money, I would travel.\n⚠️ If I **were** (ne 'was') you...\n\n**Type 3 -- nerealna podminka (minulost):**\nIf + past perfect, would have + past participle\nIf I had studied, I would have passed.\n\nPosli mi vetu a ja ti pomůžu!", }, { keywords: ["passive", "trpny rod", "passive voice"], reply: "Trpny rod (Passive Voice)! 🇬🇧\n\n**Tvoreni:** to be + past participle (3. tvar)\n\n**Active → Passive:**\n• They **build** houses. → Houses **are built**.\n• She **wrote** a letter. → A letter **was written**.\n• They **will finish** it. → It **will be finished**.\n\n**Kdy pouzivame?**\n• Kdyz je dulezitejsi CO se delo, ne KDO to delal\n• Kdyz nevime, kdo to udelal\n• V formalnim jazyce\n\n**Prehlad casu v passive:**\n• Present Simple: am/is/are + pp\n• Past Simple: was/were + pp\n• Present Perfect: has/have been + pp\n• Future: will be + pp\n\nPosli mi vetu na prevedeni!", }, /* ================================================================= DEJEPIS (9. TRIDA ZS) ================================================================= */ { keywords: ["dejepis", "historie", "history", "valka", "revoluc"], reply: "Dejepis pro 9. tridu ZS! 🏛️\n\n**Ucivo 9. tridy:**\n\n**1. svetova valka (1914-1918):**\n• Priciny -- militarismus, aliance, atentát na Ferdinanda d'Este\n• Pruběh -- zakopova valka, Western/Eastern front\n• Dusledky -- rozpad R-U, vznik CSR (28. 10. 1918)\n\n**Meziválečné období (1918-1939):**\n• Vznik Ceskoslovenska, T.G. Masaryk\n• Velká hospodářská krize (1929)\n• Nastup fasismú a nacismú\n\n**2. svetova valka (1939-1945):**\n• Mnichov 1938, Protektorat\n• Holocaust, koncentracni tabory\n• Vylodeni v Normandii, konec valky\n\n**Poválečné období:**\n• Studena valka, zelezna opona\n• Komunismus v CSR (1948-1989)\n• Prazske jaro 1968\n• Sametova revoluce 1989\n\nO jakem obdobi chces vedet vic?", }, { keywords: ["prvni svetov", "1. svetov", "1914", "1918", "sarajev", "zakopov"], reply: "1. svetova valka (1914-1918)! ⚔️\n\n**Priciny:**\n• Militarismus a zbrojení\n• Soustava aliancí (Trojspolek vs. Trojdohoda)\n• Imperialismus a kolonialni souteží\n• Atentat na Frantiska Ferdinanda d'Este (28.6.1914 Sarajevo)\n\n**Pruběh:**\n• Zakopova valka na zapadni fronte\n• Bitva u Verdunu, bitva na Somme\n• Vstup USA (1917)\n• Revoluce v Rusku (1917)\n\n**Duseldky:**\n• Rozpad Rakousko-Uherska\n• Vznik novych statu (CSR, Polsko, Jugoslavie)\n• Versaillska mírová smlouva\n• 17 milionu mrtvych\n\nChces vedet vic o nejakém aspektu?", }, { keywords: ["druha svetov", "2. svetov", "1939", "1945", "hitler", "nacism", "holocaust", "mnichov"], reply: "2. svetova valka (1939-1945)! ⚔️\n\n**Pred valkou:**\n• Mnichovska dohoda (1938) -- Sudety\n• 15. 3. 1939 -- vznik Protektoratu Cechy a Morava\n\n**Pruběh:**\n• Blitzkrieg -- rychle nemecke utoceni\n• Bitva o Britanii, Stalingrad, El Alamein\n• Holocaust -- systematicke vyvrazdovani Zidu\n• Vylodeni v Normandii (D-Day, 6.6.1944)\n• 8. 5. 1945 -- kapitulace Nemecka\n\n**Dusledky:**\n• 60+ milionu mrtvych\n• Norimbersky proces\n• Vznik OSN\n• Rozdelení sveta na Vychod a Zapad\n\n**Cesky odboj:**\n• Heydrichiáda, Lidice, Ležáky\n• Prazske povstani (kveten 1945)\n\nO cem chces vedet vic?", }, { keywords: ["komunism", "1948", "studena valka", "sametova", "1989", "1968", "prazske jaro"], reply: "Ceskoslovensko 1945-1989! 🏛️\n\n**Unor 1948:**\n• Komunisticky prevrat -- KSC uchopila moc\n• Klement Gottwald predsedou vlady\n• Zacatek politickych procesu (Horakova, Slansky)\n\n**50. leta:**\n• Kolektivizace, znaradnovani\n• Politicke procesy a popravy\n• Budovani socialismu\n\n**Prazske jaro 1968:**\n• Alexander Dubcek -- socialismus s lidskou tvari\n• 21. 8. 1968 -- invaze vojsk Varsavske smlouvy\n• Normalizace\n\n**70.-80. leta:**\n• Normalizace -- ustup svobod\n• Charta 77 (Vaclav Havel)\n• Disent\n\n**Sametova revoluce (17. 11. 1989):**\n• Studentska demonstrace na Narodni tride\n• Obcanske forum\n• Vaclav Havel prezidentem\n• Pad komunismu\n\nChces vedet vic?", }, /* ================================================================= PRIRODOPIS / BIOLOGIE (9. TRIDA ZS) ================================================================= */ { keywords: ["prirodopis", "biologie", "biology", "zivocich", "rostlin", "ekologie", "organismus"], reply: "Prirodopis pro 9. tridu ZS! 🧬\n\n**Ucivo 9. tridy:**\n\n**Genetika:**\n• DNA a RNA -- stavba, funkce\n• Chromozomy -- 46 u cloveka (23 paru)\n• Dedičnost -- dominantni a recesivni znaky\n• Mendelovy zakony dedičnosti\n• Krizeni -- genotyp, fenotyp\n\n**Ekologie:**\n• Ekosystem, biotop, biom\n• Potravni retezce a site\n• Kolobehy latek (uhliku, vody, dusiku)\n• Ochrana zivotniho prostredi\n\n**Evoluce:**\n• Charles Darwin a prirozeny vyber\n• Vyvoj cloveka -- australopithecus → homo sapiens\n• Fosilie a dukazy evoluce\n\n**Lidske telo:**\n• Nervova soustava\n• Hormonalni soustava\n• Rozmnozovaci soustava\n\nO cem chces vedet vic?", }, { keywords: ["genetik", "dna", "rna", "chromozom", "dedicnost", "mendel", "gen", "dedic"], reply: "Genetika -- 9. trida! 🧬\n\n**DNA (deoxyribonukleova kyselina):**\n• Dvousta sroubovice\n• Baze: A-T, G-C (komplementarita)\n• Nese genetickou informaci\n\n**RNA:**\n• Jednovlaknova\n• mRNA, tRNA, rRNA\n• Prenos informace z DNA na proteiny\n\n**Chromozomy:**\n• Clovek ma 46 chromozomu (23 paru)\n• 22 paru autozomů + 1 par pohlavnich (XX zena, XY muz)\n\n**Mendelovy zakony:**\n• 1. zakon -- uniformita F1 generace\n• 2. zakon -- stedrovani (3:1 pomer)\n• 3. zakon -- volna kombinace\n\n**Krizeni:**\n• Dominantni (A) vs. recesivni (a)\n• AA, Aa = dominantni fenotyp\n• aa = recesivni fenotyp\n\nChces priklad krizeni?", }, { keywords: ["ekolog", "ekosystem", "potravni", "kolobeh", "prostredi", "ochrana prirod"], reply: "Ekologie -- 9. trida! 🌿\n\n**Ekosystem:**\n• Spolecenstvi organismu + nezivy prostredi\n• Producenti (rostliny) → konzumenti (zivocisi) → reducenti (rozkladaci)\n\n**Potravni retezec:**\nTrava → zajic → liska → orel\n\n**Kolobehy latek:**\n• **Voda** -- vypar, srazky, odtok\n• **Uhlik** -- fotosynteza, dychani, spalovani\n• **Dusik** -- fixace bakteriemi, vyuziti rostlinami\n\n**Biomy:**\n• Tropicky destny les, savana, poust, tajga, tundra\n\n**Ochrana ZP:**\n• Globalni oteplovani, sklenikovy efekt\n• Ozonova dira\n• Odpadove hospodarstvi -- recyklace\n• Chranena uzemi, narodni parky\n\nNa co se chces zeptat?", }, { keywords: ["evoluc", "darwin", "vyvoj clovek", "prirozeny vyber", "fosil"], reply: "Evoluce -- 9. trida! 🦴\n\n**Charles Darwin:**\n• Prirozeny vyber -- preziji nejprizpusobivejsi\n• Druhy se meni postupne za miliony let\n• The Origin of Species (1859)\n\n**Dukazy evoluce:**\n• Fosilie -- zkameneliny v horninach\n• Homologicke organy -- pazer cloveka vs. kridlo ptaka\n• Rudimentarni organy -- slepe strevo u cloveka\n• Embryologie -- podobnost zarodku\n\n**Vyvoj cloveka:**\n• Australopithecus (4-2 mil. let)\n• Homo habilis (2.5 mil. let) -- prvni nastroje\n• Homo erectus (1.8 mil. let) -- ohen\n• Homo neanderthalensis (400-40 tis. let)\n• Homo sapiens (300 tis. let - ted)\n\nChces vedet vic?", }, /* ================================================================= CHEMIE (9. TRIDA ZS) ================================================================= */ { keywords: ["chemie", "chemii", "chemistry", "sloučenin", "prvek", "tabulk"], reply: "Chemie pro 9. tridu ZS! ⚗️\n\n**Ucivo 9. tridy:**\n\n**Organicka chemie:**\n• Uhlovodiky -- alkany, alkeny, alkyny\n• Derivaty -- alkoholy, karboxylove kyseliny, estery\n• Polymery -- plasty, vlakna\n\n**Biochemie:**\n• Sacharidy (cukry) -- glukoza, sacharoza, skrob\n• Lipidy (tuky) -- nasycene vs. nenasycene\n• Bilkoviny (proteiny) -- aminokyseliny\n\n**Chemie v beznem zivote:**\n• Paliva a energie (ropa, uhlí, plyn)\n• Potravinarstvi\n• Léciva a drogy\n• Cistici prostredky\n\n**Chemicke reakce:**\n• Vyciseleni chemickych rovnic\n• Zakon zachovani hmotnosti\n\nS cim presne potrebujes pomoct?", }, { keywords: ["organick", "uhlovodík", "uhlovodiky", "alkan", "alken", "alkyn", "metan", "etan"], reply: "Organicka chemie -- uhlovodiky! ⚗️\n\n**Alkany (jednoduche vazby: C-C):**\n• Metan CH₄, Etan C₂H₆, Propan C₃H₈, Butan C₄H₁₀\n• Vzorec: CₙH₂ₙ₊₂\n• Vlastnosti: horlave plyny/kapaliny\n\n**Alkeny (dvojna vazba: C=C):**\n• Eten (ethylen) C₂H₄, Propen C₃H₆\n• Vzorec: CₙH₂ₙ\n• Polymerace -- vyroba plastu (polyethylen)\n\n**Alkyny (trojna vazba: C≡C):**\n• Ethyn (acetylen) C₂H₂\n• Vzorec: CₙH₂ₙ₋₂\n• Svarovani (acetylentova horak)\n\n**Derivaty:**\n• Alkoholy (-OH): methanol, ethanol\n• Karboxylove kyseliny (-COOH): octova kyselina\n• Estery: vuně, prichute\n\nPosli mi otazku!", }, { keywords: ["atom", "proton", "neutron", "elektron", "periodicka tabulka", "valenčn"], reply: "Stavba atomu a periodicka tabulka! ⚛️\n\n**Atom:**\n• **Jadro** = protony (p⁺) + neutrony (n⁰)\n• **Obal** = elektrony (e⁻) v orbitalech\n• Protonove cislo Z = pocet protonu = pocet elektronu\n• Nukleonove cislo A = protony + neutrony\n\n**Periodicka tabulka:**\n• **Periody** (rady) = pocet elektr. vrstev\n• **Skupiny** (sloupce) = pocet val. elektronu\n• Zleva doprava: roste Z, mensi atomy\n• Kovy (vlevo) vs. nekovy (vpravo)\n\n**Valencni elektrony:**\n• Vnějsí vrstva -- urcuji chemicke chovani\n• 1.-2. skupina = kovy (dávají e⁻)\n• 6.-7. skupina = nekovy (přijímají e⁻)\n• 8. skupina = vzacne plyny (stabilni)\n\nNa co se chces zeptat?", }, /* ================================================================= FYZIKA (9. TRIDA ZS) ================================================================= */ { keywords: ["fyzika", "fyziky", "physics"], reply: "Fyzika pro 9. tridu ZS! ⚡\n\n**Ucivo 9. tridy:**\n\n**Elektrina a magnetismus:**\n• Elektricky proud, napeti, odpor\n• Ohmuv zakon: U = R × I\n• Seriove a paralelni zapojeni\n• Elektricky vykon a prace: P = U × I\n• Magneticke pole, elektromagnet\n\n**Jaderna fyzika:**\n• Stavba jadra atomu\n• Radioaktivita -- alfa, beta, gama zareni\n• Jaderne reakce -- stepeni, synteza\n• Jaderna elektrarna\n\n**Energie:**\n• Zdroje energie -- obnovitelne vs. neobnovitelne\n• Premeny energie\n• Ucinnost\n\n**Astronomie:**\n• Slunecni soustava\n• Hvezdy, galaxie\n• Vesmirne lety\n\nS cim presne potrebujes pomoct?", }, { keywords: ["proud", "napeti", "odpor", "ohm", "zapojeni", "obvod", "elektri"], reply: "Elektrina -- 9. trida! ⚡\n\n**Zakladni veliciny:**\n• **Proud (I)** -- tok elektronu, jednotka Amper (A)\n• **Napeti (U)** -- 'tlak' elektronu, jednotka Volt (V)\n• **Odpor (R)** -- brani prudu, jednotka Ohm (Ω)\n\n**Ohmuv zakon: U = R × I**\n• I = U / R\n• R = U / I\n\n**Priklad:** Zarovka s odporem 100Ω, napeti 220V\nI = 220 / 100 = 2.2 A\n\n**Seriove zapojení:**\n• Proud je vsude stejny\n• Napeti se scitaji: U = U₁ + U₂\n• Odpory se scitaji: R = R₁ + R₂\n\n**Paralelni zapojeni:**\n• Napeti je vsude stejne\n• Proudy se scitaji: I = I₁ + I₂\n• 1/R = 1/R₁ + 1/R₂\n\n**Vykon:** P = U × I (jednotka Watt)\n**Prace:** W = P × t (jednotka Joule)\n\nPosli mi priklad!", }, { keywords: ["jadro", "jadern", "radioaktiv", "zareni", "stepeni", "elektrarn", "atom"], reply: "Jaderna fyzika -- 9. trida! ☢️\n\n**Stavba jadra:**\n• Protony (kladny naboj) + neutrony (bez naboje)\n• Drzi je pohromade jaderna sila\n\n**Radioaktivita:**\n• **Alfa (α)** -- jadra helia, zachyti papir\n• **Beta (β)** -- elektrony, zachyti hlinik\n• **Gama (γ)** -- elektromagn. zareni, zachyti olovo\n• Polocas rozpadu -- cas, za ktery se rozpadne polovina jader\n\n**Jaderne reakce:**\n• **Stepeni** -- rozpad tezkeho jadra (U-235) → energie\n• **Synteza (fuze)** -- spojeni lehkych jader (H → He) → Slunce\n\n**Jaderna elektrarna:**\n• Rizene stepeni uranu\n• Reaktor → parnI generator → turbina → generator\n• Vyhody: hodne energie, malo CO₂\n• Nevyhody: radioaktivni odpad\n\nNa co se chces zeptat?", }, /* ================================================================= ZEMEPIS / GEOGRAFIE (9. TRIDA ZS) ================================================================= */ { keywords: ["zemepis", "geografi", "geography", "kontinent", "stat"], reply: "Zemepis pro 9. tridu ZS! 🌍\n\n**Ucivo 9. tridy:**\n\n**Ceska republika:**\n• Poloha, rozloha, sousedni staty\n• Kraje a krajska mesta (14 kraju)\n• Prumysl, zemedelstvi, doprava\n• Narodni parky (Krkonose, Sumava, Podyji, Ceske Svycarsko)\n\n**Evropa:**\n• Staty a hlavni mesta\n• EU -- Europska unie, clenove\n• Eurozona, Schengen\n\n**Svet:**\n• Rozvojove vs. vyspele zeme\n• Globalni problemy -- chudoba, migrace, klima\n• Mezinarodni organizace -- OSN, NATO, WHO\n\n**Fyzicka geografie:**\n• Pohori, niziby, reky CR\n• Podnebi v CR a Evrope\n\nO cem chces vedet vic?", }, { keywords: ["ceska republika", "cr", "cz", "česko", "cesko", "kras", "kraj"], reply: "Ceska republika -- zemepis! 🇨🇿\n\n**Zakladni udaje:**\n• Rozloha: 78 866 km²\n• Obyvatel: ~10.8 milionu\n• Hlavni mesto: Praha\n• Sousedi: Nemecko, Polsko, Slovensko, Rakousko\n\n**14 kraju:**\n• Praha, Stredocesky, Jihocesky, Plzensky, Karlovarsky, Ustecky, Liberecky, Kralovehradecky, Pardubicky, Vysocina, Jihomoravsky, Olomoucky, Moravskoslezsky, Zlinsky\n\n**Pohori:** Krkonose (Snezka 1603m), Sumava, Jeseniky, Beskydy\n**Reky:** Vltava, Labe, Morava, Odra, Dyje\n\n**Prumysl:** automobilovy (Skoda), strojirenstvi, IT\n**Zemedelstvi:** obilniny, chmel, vino (jizni Morava)\n\nNa co se chces zeptat?", }, { keywords: ["evropa", "eu ", "europska unie", "evropske stat", "hlavni mest"], reply: "Evropa a EU! 🇪🇺\n\n**Evropa v cislech:**\n• 44+ statu\n• ~750 milionu obyvatel\n• Nejvetsi stat: Rusko (europska cast)\n• Nejmensi: Vatikan\n\n**Europska unie:**\n• 27 clenskych statu (po Brexitu)\n• Spolecny trh, volny pohyb osob\n• Eurozona -- 20 stati s eurem\n• Schengensky prostor -- bez hranic\n\n**Dulezita hlavni mesta:**\n• Nemecko: Berlin\n• Francie: Pariz\n• Italie: Rim\n• Spanelsko: Madrid\n• Velka Britanie: Londyn\n• Polsko: Varsava\n• Rakousko: Viden\n\n**Fyzicka geografie:**\n• Pohori: Alpy, Pyreneje, Karpaty, Skandinavske\n• Reky: Dunaj, Ryn, Volha\n\nO jakem statu chces vedet vic?", }, /* ================================================================= HUDEBNI VYCHOVA (9. TRIDA ZS) ================================================================= */ { keywords: ["hudba", "hudebni", "music", "hudebn", "nota", "akor", "skladatel", "zpev"], reply: "Hudebni vychova pro 9. tridu ZS! 🎵\n\n**Hudebni teorie:**\n• Notova osnova, houstlovy a basový klíč\n• Noty: cela, pulova, ctvrtova, osminova\n• Pomlky, takty, predznamenání\n• Stupnice -- durova a mollova\n• Akordy -- kvintakord (zaklad + tercie + kvinta)\n\n**Dejiny hudby:**\n• **Baroko** (1600-1750): Bach, Vivaldi, Handel\n• **Klasicismus** (1750-1820): Mozart, Beethoven, Haydn\n• **Romantismus** (1820-1900): Smetana, Dvorak, Chopin\n• **20. stoleti**: jazz, rock, pop, elektronika\n\n**Ceska hudba:**\n• Bedrich Smetana -- Ma vlast, Prodana nevesta\n• Antonin Dvorak -- Novosvětska symfonie\n• Leos Janacek -- Jenufa\n• Bohuslav Martinu -- koncerty\n\n**Hudebni nastroje:**\n• Smyccove, dechove, bici, klavesove\n\nNa co se chces zeptat?", }, /* ================================================================= OBCANSKA VYCHOVA (9. TRIDA ZS) ================================================================= */ { keywords: ["obcank", "obcanska", "civics", "pravo", "ustav", "demokrac", "volby", "stat"], reply: "Obcanska vychova pro 9. tridu ZS! 🏛️\n\n**Stat a pravo:**\n• Ustava CR -- zakladni zakon, prava a povinnosti\n• Listina zakladnich prav a svobod\n• Delba moci: zakonodarma, vykonná, soudní\n• Parlament -- Poslanecka snemovna + Senat\n• Prezident, vlada, soudy\n\n**Demokracie:**\n• Volby -- svobodné, tajne, rovne, prime\n• Politicke strany\n• Obcanska spolecnost\n\n**Pravo:**\n• Trestní pravo -- trestne ciny, prestupy\n• Obcanske pravo -- smlouvy, vlastnictvi\n• Rodinne pravo -- manzelství, rodičovstvi\n• Pracovni pravo -- pracovni smlouva, mzda\n\n**Lidska prava:**\n• Vseobecna deklarace lidskych prav (1948)\n• Prava ditete\n• Diskriminace, rasismus, tolerance\n\n**Ekonomie:**\n• Trh, nabidka a poptavka\n• Penize, banky, dane\n• Rozpocet domacnosti\n\nO cem chces vedet vic?", }, /* ================================================================= FRANCOUZSTINA ================================================================= */ { keywords: ["francouzstin", "francais", "french", "francouzs"], reply: "Francouzstina! 🇫🇷\n\n**Zaklady pro ZS:**\n\n**Casy:**\n• Présent -- pritomny cas\n• Passé Composé -- minuly cas (avoir/être + participe)\n• Imparfait -- prubehovy minuly\n• Futur Simple -- budouci\n\n**Gramatika:**\n• Rod -- masculin / féminin (le / la)\n• Cislo -- singulier / pluriel\n• Cleny -- un/une/des, le/la/les\n• Zapor -- ne...pas\n• Zamena -- je, tu, il/elle, nous, vous, ils/elles\n\n**Slovni zasoba:**\n• Pozdravy: Bonjour, Salut, Au revoir, Merci\n• Cisla, barvy, dny, mesice\n• Rodina, skola, jidlo, cestovani\n\n**Psani:**\n• Dopis, email, kratky text\n\nS cim presne potrebujes pomoct?", }, /* ================================================================= RUSTINA ================================================================= */ { keywords: ["rustin", "russian", "rusky", "azbuk", "кириллиц"], reply: "Rustina! 🇷🇺\n\n**Zaklady pro ZS:**\n\n**Azbuka (Cyrilice):**\n• 33 pismen\n• А Б В Г Д Е Ё Ж З И Й К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Ъ Ы Ь Э Ю Я\n\n**Gramatika:**\n• 6 padu: nominativ, genitiv, dativ, akuzativ, instrumental, prepozicional\n• 3 rody: muzsky, zensky, stredni\n• Casovani sloves -- 1. a 2. konjugace\n• Vid slovesa -- dokonavy a nedokonavy\n\n**Slovni zasoba:**\n• Pozdravy: Здравствуйте, Привет, До свидания, Спасибо\n• Cisla, barvy, dny v tydnu\n• Rodina, skola, jidlo\n\n**Psani:**\n• Pismo -- tiskaci vs. psaci forma\n• Kratke texty a dopisy\n\nS cim presne potrebujes pomoct?", }, /* ================================================================= NEMCINA ================================================================= */ { keywords: ["nemcin", "deutsch", "german", "nemeck"], reply: "Nemcina! 🇩🇪\n\n**Zaklady pro ZS:**\n\n**Casy:**\n• Präsens -- pritomny cas\n• Präteritum -- preteritum (psana forma)\n• Perfekt -- minuly cas (haben/sein + Partizip II)\n• Futur I -- budouci (werden + infinitiv)\n\n**Gramatika:**\n• 4 pady: Nominativ, Genitiv, Dativ, Akkusativ\n• 3 rody: der (m), die (f), das (n)\n• Cleny: bestimmte (der/die/das) a unbestimmte (ein/eine)\n• Slovored: sloveso na 2. miste!\n• Separabilní slovesa: aufstehen, ankommen…\n\n**Slovni zasoba:**\n• Pozdravy: Hallo, Guten Tag, Auf Wiedersehen, Danke\n• Cisla, barvy, dny, mesice\n• Rodina, skola, nakupy, cestovani\n\n**Psani:**\n• Email, dopis, kratky text\n• Formalni vs. neformalni osloveni (du/Sie)\n\nS cim presne potrebujes pomoct?", }, /* ================================================================= TECH HELP ================================================================= */ { keywords: ["technicka", "pocitac", "notebook", "internet", "wifi", "computer", "tiskarn"], reply: "Technicka pomoc? Zkusime to vyresit! 💻\n\n• **Pomaly pocitac** -- zavri nepotrebne programy, restartuj, smaz docasne soubory\n• **WiFi nefunguje** -- restartuj router, zkontroluj heslo, zkus se priblizit\n• **Program pada** -- aktualizuj ho nebo prinstaluj\n• **Ztraceny soubor** -- podivej se do kose, hledej podle nazvu\n• **Tiskarna netiskne** -- zkontroluj pripojeni, vymen inkoust\n\nPopis mi svuj problem podrobneji a pokusim se poradit!", }, ] /* ------------------------------------------------------------------ */ /* Fuzzy matching — find the NEAREST answer instead of "I don't know" */ /* ------------------------------------------------------------------ */ /** Count how many keyword characters appear in the input (partial / substring matching). */ function scoreRule(input: string, rule: Rule): number { let score = 0 for (const kw of rule.keywords) { if (input.includes(kw)) { // Full keyword match — weighted by keyword length (longer = more specific) score += kw.length * 3 } else { // Partial / substring match — check if any word in input starts with the keyword or vice versa const words = input.split(/\s+/) for (const word of words) { if (word.length >= 3 && kw.startsWith(word)) { score += word.length } else if (kw.length >= 3 && word.startsWith(kw)) { score += kw.length } // Check if any 3+ char substring of the keyword appears in input if (kw.length >= 4) { const sub = kw.slice(0, Math.max(3, Math.floor(kw.length * 0.6))) if (input.includes(sub)) { score += sub.length } } } } } return score } function generateReply(input: string): string { if (!input) { return "Ahoj! 👋 Napis mi, s cim ti muzu pomoct -- ukoly, uceni, gramatika, prevody jednotek a dalsi! Znam vsechny predmety 9. tridy ZS." } // 1. Try exact matchAll rules first for (const rule of RULES) { if (rule.matchAll && rule.keywords.every((kw) => input.includes(kw))) { return rule.reply } } // 2. Try exact OR keyword match for (const rule of RULES) { if (!rule.matchAll && rule.keywords.some((kw) => input.includes(kw))) { return rule.reply } } // 3. Fuzzy fallback — score every rule and pick the best match let bestScore = 0 let bestRule: Rule | null = null for (const rule of RULES) { const s = scoreRule(input, rule) if (s > bestScore) { bestScore = s bestRule = rule } } // If we found a reasonable fuzzy match (score >= 3), use it if (bestRule && bestScore >= 3) { return bestRule.reply } // 4. Ultimate fallback — suggest subjects so the user can narrow down return "Hmm, zkus mi napsat presneji, s cim potrebujes pomoct. 🤔\n\nMuzu ti pomoct se vsemi predmety 9. tridy:\n\n• 🔢 **Matematika** -- rovnice, soustavy, funkce, geometrie\n• 🇨🇿 **Cesky jazyk** -- pravopis, skladba, literatura, sloh\n• 🇬🇧 **Anglictina** -- casy, gramatika, psani\n• 🏛️ **Dejepis** -- 1. a 2. svetova valka, komunismus, sametova revoluce\n• 🧬 **Prirodopis** -- genetika, ekologie, evoluce\n• ⚗️ **Chemie** -- organicka chemie, uhlovodiky, biochemie\n• ⚡ **Fyzika** -- elektrina, jaderna fyzika, energie\n• 🌍 **Zemepis** -- CR, Evropa, svet\n• 🎵 **Hudebni vychova** -- teorie, dejiny, skladatele\n• 🏛️ **Obcanska vychova** -- pravo, demokracie, ekonomie\n• 🇫🇷 **Francouzstina** / 🇷🇺 **Rustina** / 🇩🇪 **Nemcina**\n\nNapiš nazev predmetu nebo otazku!" } [V0_FILE]png:file="public/images/partners/tadxbubble-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Tadxbubble_20260225_211119_0000-wDQzWSpsULkxhAdufCQFamioVxq37i.png" isMerged="true" [V0_FILE]png:file="public/images/partners/studios-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Rosa%20Neon%20Noir%20_%20Vaporwave%20E-sport%20Logo%20Animato_20260202_164015_0000-8f15EUexqBg2qmJIwPsIQrxwb1LAS7.png" isMerged="true" [V0_FILE]png:file="public/images/partners/tadxchem-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/toxtade_20260219_185246_0000%281%29-dx0A1oNo1oOQyzZF0SoETpo4rE5GvT.png" isMerged="true" [V0_FILE]png:file="public/images/partners/tadeax-system-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/file_0000000065e871f4881004f06e886e86-LpqUQU97oMZOaokoxPET1OLoRfjB7O.png" isMerged="true" [V0_FILE]png:file="public/images/partners/google-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/-CITYPNG.COM-Google%20High%20Resolution%20Flat%20Logo%20-%202000x2000-lQxWGTBqCdG88duaOuivVBar22o17Q.png" isMerged="true" [V0_FILE]png:file="public/images/partners/tadxtesty-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/TadxTesty_20260221_182334_0000-qSvrpdpNxFMUir0Dftj4akoGyBpUw2.png" isMerged="true" [V0_FILE]png:file="public/images/partners/tadeaxos-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/TadeaxOS%20-%20Roblox%20%282%29-7IBWp3uZLYxwME79A5Dh3BRcEu24uk.png" isMerged="true" [V0_FILE]png:file="public/images/gallery/cambridge-certificates.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Screenshot_20260305_193743_Instagram-o0gVbWzOYcyB5Gmbe6AVuc6QyuBTz7.png" isMerged="true" [V0_FILE]jpg:file="public/images/gallery/medialni-den-ct.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/9.b-BWlhis6TvzMik3qAYYCKfgcc0BrXBq.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/gallery/cistirna-odpadnich-vod.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_20250428_104420240_HDR-3svZboRjuuYlt5qlD46nP4ggliZNYa.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/gallery/vystup-radobyl.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Kopie%20souboru%20IMG_0800.JPG-KhbKsH4HC7lEydI5IS7vtKhCx2p6hx.jpeg" isMerged="true" [V0_FILE]typescriptreact:file="app/changelog/page.tsx" isMerged="true" "use client" import { motion } from "framer-motion" import Link from "next/link" import { ChevronDown, Zap, Bug, Star, Package } from "lucide-react" import { useLanguage } from "@/lib/i18n/context" import { useState } from "react" interface VersionUpdate { version: string date: string highlights: { icon: React.ReactNode; title: string; description: string }[] details: string[] } export default function ChangelogPage() { const { t, language } = useLanguage() const [expandedVersion, setExpandedVersion] = useState("latest") const versions: VersionUpdate[] = [ { version: "v3.0.0", date: "March 5, 2026", highlights: [ { icon: , title: language === "cs" ? "Fotogalerie s rozmazáním obličejů" : "Photo Gallery with Face Blur", description: language === "cs" ? "Nové fotografie s automatickým rozmazáním obličejů pro ochranu soukromí" : "New photos with automatic face blurring for privacy protection", }, { icon: , title: language === "cs" ? "Zvukové efekty TadxBubble" : "TadxBubble Sound Effects", description: language === "cs" ? "Syntézy zvuků s Web Audio API - bubble pop, whoosh a chime" : "Sound synthesis with Web Audio API - bubble pop, whoosh, and chime", }, { icon: , title: language === "cs" ? "Nové partnerské logy" : "New Partner Logos", description: language === "cs" ? "7 nových partnerských log v zápatí - TadxBubble, TadxChem, TadeaxSystem a další" : "7 new partner logos in footer - TadxBubble, TadxChem, TadeaxSystem, and more", }, { icon: , title: language === "cs" ? "Vylepšené načítací obrazovky" : "Enhanced Loading Screens", description: language === "cs" ? "Animované pozadí, lepší vizuální feedback a podpora tmavého režimu" : "Animated backgrounds, better visual feedback, and dark mode support", }, ], details: [ language === "cs" ? "Fotogalerie nyní obsahuje 4 nové fotografie ze školních akcí" : "Photo gallery now includes 4 new photos from school events", language === "cs" ? "Zkráceny popisy výletů do divadla pro lepší přehlednost" : "Theater trip descriptions shortened for better clarity", language === "cs" ? "Logo partnerů zvětšena na h-16 a h-20 pro lepší viditelnost" : "Partner logos enlarged to h-16 and h-20 for better visibility", language === "cs" ? "Všechny Loading komponenty mají nyní konzistentní design" : "All Loading components now have consistent design", ], }, { version: "v2.5.0", date: "February 25, 2026", highlights: [ { icon: , title: language === "cs" ? "Opravy a vylepšení" : "Bugfixes & Improvements", description: language === "cs" ? "Stabilizace TadxBubble enginu a polštění překlady" : "Stabilized TadxBubble engine and multilingual support", }, { icon: , title: language === "cs" ? "Tmavý režim" : "Dark Mode", description: language === "cs" ? "Plná podpora tmavého režimu na všech stránkách" : "Full dark mode support across all pages", }, ], details: [ language === "cs" ? "Pevné CSS animace pro lepší výkon" : "Fixed CSS animations for better performance", language === "cs" ? "Vylepšená dostupnost (a11y) pro seniory" : "Improved accessibility (a11y) for seniors", ], }, { version: "v2.0.0", date: "February 15, 2026", highlights: [ { icon: , title: language === "cs" ? "TadxBubble AI" : "TadxBubble AI", description: language === "cs" ? "Nový chatbot s integrovaným AI enginem pro odpovědi na školní otázky" : "New chatbot with integrated AI engine for school questions", }, { icon: , title: language === "cs" ? "Rozšířená fotogalerie" : "Enhanced Photo Gallery", description: language === "cs" ? "Nový slideshow s paralelním efektem a optimalizací obrázků" : "New slideshow with parallax effect and image optimization", }, ], details: [ language === "cs" ? "TadxBubble widget s paměťovým systémem" : "TadxBubble widget with memory system", language === "cs" ? "Podpora 5 jazyků - CZ, EN, DE, PL, SK" : "Support for 5 languages - CZ, EN, DE, PL, SK", language === "cs" ? "Audit logy pro sledování aktivit" : "Audit logs for activity tracking", ], }, { version: "v1.5.0", date: "February 1, 2026", highlights: [ { icon: , title: language === "cs" ? "Komunita" : "Community", description: language === "cs" ? "Nový komunální systém pro diskuze a spolupráci žáků" : "New community system for student discussions and collaboration", }, ], details: [ language === "cs" ? "Systém sdílení příspěvků mezi žáky" : "Post sharing system between students", language === "cs" ? "Moderace obsahu s Role-Based Access Control (RBAC)" : "Content moderation with Role-Based Access Control (RBAC)", ], }, { version: "v1.0.0", date: "January 15, 2026", highlights: [ { icon: , title: language === "cs" ? "Primární vydání" : "Initial Release", description: language === "cs" ? "Kompletní webová aplikace pro třídu 9.B s jednotným designem" : "Complete web application for class 9.B with unified design", }, ], details: [ language === "cs" ? "Systém autentizace s Supabase" : "Authentication system with Supabase", language === "cs" ? "Rozvrh hodin a informace o studentech" : "Schedule and student information", language === "cs" ? "Administrační panel" : "Admin panel", language === "cs" ? "SEO optimalizace" : "SEO optimization", ], }, ] return (

{/* Header */}

{t("changelog.title") || "Update Log"}

{t("changelog.subtitle") || "Version history and feature updates"}

{/* Versions */}

{versions.map((version, index) => ( {/* Expanded content */} {expandedVersion === version.version && ( {/* Highlights */} {version.highlights.length > 0 && (

{language === "cs" ? "Hlavní novinky" : "Highlights"}

{version.highlights.map((highlight, i) => (

{highlight.icon}

{highlight.title}

{highlight.description}

))}

)} {/* Details */} {version.details.length > 0 && (

{language === "cs" ? "Detaily" : "Details"}

{detail}

)} )} ))}

{/* Continue Button */}

) } [V0_FILE]typescript:file="lib/i18n/translations.ts" export type Language = "cs" | "en" | "de" | "pl" | "sk" export const languages: { code: Language; name: string; flag: string }[] = [ { code: "cs", name: "Čeština", flag: "🇨🇿" }, { code: "en", name: "English", flag: "🇬🇧" }, { code: "de", name: "Deutsch", flag: "🇩🇪" }, { code: "pl", name: "Polski", flag: "🇵🇱" }, { code: "sk", name: "Slovenčina", flag: "🇸🇰" }, ] export const translations: Record> = { cs: { // Navigation "nav.home": "Domů", "nav.students": "Žáci", "nav.news": "Aktuality", "nav.schedule": "Rozvrh hodin", "nav.photogallery": "Fotogalerie", "nav.community": "Komunita", "nav.contact": "Kontakt", "nav.support": "Podpora", "nav.admin": "Administrace", "nav.login": "Přihlásit se", "nav.signup": "Registrovat", "nav.logout": "Odhlásit se", "nav.socialMedia": "Sociální sítě", "nav.about": "O nás", "nav.game": "Hra", "nav.profile": "Nastavení profilu", // Navigation categories "nav.category.info": "Informace", "nav.category.communication": "Komunikace", "nav.category.entertainment": "Zábava", // Search "search.title": "Vyhledávání", "search.placeholder": "Hledat stránky, aktuality, žáky...", "search.noResults": "Žádné výsledky nenalezeny", "search.homeDesc": "Hlavní stránka webu třídy 9.B", "search.studentsDesc": "Seznamte se s členy naší třídy a jejich zájmy", "search.newsDesc": "Nejnovější zprávy a události z našeho školního života", "search.scheduleDesc": "Aktuální rozvrh hodin pro třídu 9.B", "search.photogalleryDesc": "Fotografie a vzpomínky z našich akcí", "search.communityDesc": "Prostor pro spolužáky - diskuze a spolupráce", "search.gameDesc": "Paměťová hra pro zábavu", "search.socialMediaDesc": "Naše sociální sítě a odkazy", "search.contactDesc": "Kontaktní informace a formulář", "search.supportDesc": "Podpořte naši třídu a její aktivity", "search.aboutDesc": "Informace o naší třídě 9.B", "search.termsDesc": "Podmínky používání webu", "search.privacyDesc": "Zásady ochrany osobních údajů", // Slideshow "slideshow.title": "Fotogalerie", "slideshow.subtitle": "Procházejte naše nejlepší vzpomínky z třídních akcí a výletů", "slideshow.viewAll": "Zobrazit celou galerii", "slideshow.caption1": "Zábava na houpačkách - Školní tábor", "slideshow.caption2": "Bubliny a úsměvy - Společné chvíle", "slideshow.caption3": "Třídní foto - Naše parta 9.B", "slideshow.caption4": "Cambridge certifikáty - Předávání 9.B", "slideshow.caption5": "Mediální den - Česká televize", "slideshow.caption6": "Návštěva čistírny odpadních vod v Litoměřicích", "slideshow.caption7": "Výstup na horu Radobýl", // Game "game.title": "Paměťová hra", "game.description": "Otestuj svou paměť a najdi všechny páry karet. Čím méně tahů, tím lepší skóre!", "game.feature1": "Trénuj paměť", "game.feature2": "Zábava pro všechny", "game.moves": "Tahy", "game.time": "Čas", "game.score": "Skóre", "game.bestScore": "Nejlepší skóre", "game.bestStreak": "Nejlepší série", "game.reset": "Nová hra", "game.playAgain": "Hrát znovu", "game.congratulations": "Gratulujeme!", "game.youWon": "Našel/a jsi všechny páry!", "game.easy": "Lehká", "game.medium": "Střední", "game.hard": "Těžká", "game.howToPlay": "Jak hrát", "game.instruction1": "Klikni na kartu pro její otočení", "game.instruction2": "Zapamatuj si pozici symbolů", "game.instruction3": "Najdi všechny páry stejných karet", "game.instruction4": "Čím méně tahů, tím vyšší skóre!", // Accessibility "accessibility.seniorMode": "Pro seniory", "accessibility.enableSeniorMode": "Zapnout režim pro seniory (větší písmo, vyšší kontrast)", "accessibility.disableSeniorMode": "Vypnout režim pro seniory", // Changelog "changelog.title": "Protokol aktualizací", "changelog.subtitle": "Historie verzí a aktualizace funkcí", // Footer "footer.quickLinks": "Rychlé odkazy", "footer.information": "Informace", "footer.contact": "Kontakt", "footer.partners": "Naši partneři", "footer.rights": "Všechna práva vyhrazena.", "footer.privateNote": "Tento web je určen pouze pro členy třídy 9.B a není veřejně přístupný.", "footer.terms": "Podmínky používání", "footer.privacy": "Ochrana osobních údajů", // Common "common.parent": "Rodič", "common.student": "Žák", "common.administrator": "Administrátor", "common.continue": "Pokračovat", "common.loading": "Načítání...", "common.error": "Chyba", "common.success": "Úspěch", "common.save": "Uložit", "common.cancel": "Zrušit", "common.delete": "Smazat", "common.edit": "Upravit", "common.view": "Zobrazit", "common.search": "Hledat", "common.filter": "Filtrovat", // Auth "auth.login": "Přihlásit se", "auth.loginDesc": "Zadejte své přihlašovací údaje", "auth.signup": "Registrovat", "auth.logout": "Odhlásit se", "auth.email": "E-mail", "auth.password": "Heslo", "auth.repeatPassword": "Zopakovat heslo", "auth.noAccount": "Nemáte účet?", "auth.parentAccess": "Vstoupit jako rodič", "auth.parentAccessDesc": "Omezený přístup - pouze základní stránky", "auth.restrictedAccess": "Omezený přístup", "auth.restrictedDesc": "Tato stránka je přístupná pouze přihlášeným žákům.", "auth.classOnly": "Tento web je určen pouze pro členy třídy 9.B", "auth.edupageLogin": "Přihlášení přes Edupage", "auth.edupageDesc": "Použijte své přihlašovací údaje z Edupage", "auth.username": "Uživatelské jméno", "auth.usernamePlaceholder": "Vaše uživatelské jméno", "auth.loginWithEdupage": "Přihlásit se přes Edupage", "auth.loggingIn": "Přihlašování...", "auth.backToLogin": "Zpět na standardní přihlášení", "auth.haveEdupage": "Máte účet na Edupage?", "auth.edupageQuick": "Rychlé přihlášení jedním kliknutím", "auth.useEdupage": "Použít Edupage", "auth.edupageError": "Přihlášení k Edupage selhalo. Zkontrolujte údaje.", "auth.edupageMaintenanceTitle": "Edupage - Údržba systému", "auth.edupageMaintenance": "Přihlášení přes Edupage je dočasně nedostupné z důvodu údržby a nestability systému. Prosím použijte standardní přihlášení nebo se vraťte později.", "auth.loginSlowTitle": "Pomalé přihlášení?", "auth.loginSlowDesc": "Pokud přihlášení trvá příliš dlouho, obnovte stránku a začněte proces přihlášení znovu v Tadeax Systému. Může to být způsobeno sníženým výkonem našich serverů. Omlouváme se za toto.", "auth.loginSlowSignature": "- Váš Tadeax System", "auth.resetPassword": "Zapomenuté heslo?", "auth.resetPasswordTitle": "Obnovit heslo", "auth.resetPasswordDesc": "Zadejte svůj e-mail pro obnovení hesla", "auth.resetPasswordSent": "Odkaz pro obnovení hesla byl odeslán na váš e-mail", "auth.resendConfirmation": "Znovu odeslat potvrzovací e-mail", "auth.resendConfirmationSent": "Potvrzovací e-mail byl odeslán", // About page "about.title": "O nás", "about.subtitle": "Seznamte se s třídou 9.B - skupinou skvělých studentů plných energie a nadšení", "about.bestTeacher": "S nejlepším učitelem na světě!", "about.signature": "- Naše 9.B", "about.studentsCount": "Žáků", "about.yearsTogether": "Let společně", "about.achievements": "Úspěchů", "about.teamSpirit": "Týmový duch", "about.whoWeAre": "Kdo jsme", "about.description1": "Jsme třída 9.B ze Základní školy Boženy Němcové v Litoměřicích. Naše třída je plná energie, kreativity a přátelství. Společně prožíváme nezapomenutelné okamžiky našeho posledního roku na základní škole.", "about.description2": "Během let jsme se stali skvělým týmem, který se vzájemně podporuje ve studiu i mimo něj. Máme rádi sportovní aktivity, kreativní projekty a společné výlety, které nás ještě více stmelují.", "about.description3": "Naším cílem je nejen dosáhnout dobrých výsledků ve studiu, ale také si užít tento poslední rok naplno a vytvořit vzpomínky, na které budeme vzpomínat celý život.", "about.description4": "Naše třída vznikla spojením různých osobností, které společně tvoří jedinečný kolektiv. Máme mezi sebou sportovce, umělce, techniky i snílky. Každý přináší něco jedinečného a společně se doplňujeme.", "about.description5": "Za dobu našeho společného studia jsme zažili mnoho nezapomenutelných chvil - od školních výletů přes třídní akce až po každodenní okamžiky ve třídě. Tato webová stránka slouží jako digitální památník naší cesty základní školou.", "about.ourValues": "Naše hodnoty", "about.ourValuesDesc": "Principy, které nás spojují a formují náš kolektiv", "about.friendship": "Přátelství", "about.friendshipDesc": "Vzájemná podpora a respekt jsou základem naší třídy", "about.education": "Vzdělání", "about.educationDesc": "Snažíme se dosáhnout nejlepších výsledků ve studiu", "about.creativity": "Kreativita", "about.creativityDesc": "Podporujeme nové nápady a originální přístupy", "about.achievement": "Úspěch", "about.achievementDesc": "Společně slavíme každý úspěch, ať už velký či malý", "about.ourSchool": "Naše škola", "about.schoolName": "ZŠ Boženy Němcové, Litoměřice", "about.schoolDesc": "Základní škola s dlouholetou tradicí a moderním přístupem ke vzdělávání. Škola nabízí kvalitní výuku a širokou nabídku mimoškolních aktivit.", "about.schoolAddress": "Boženy Němcové 2, 412 01 Litoměřice", // Admin "admin.title": "Administrace", "admin.auditLogs": "Audit logy", "admin.users": "Uživatelé", "admin.settings": "Nastavení", "admin.ipAddress": "IP adresa", "admin.action": "Akce", "admin.user": "Uživatel", "admin.timestamp": "Čas", "admin.details": "Podrobnosti", // Hero "hero.title": "Vítejte na stránkách třídy 9.B", "hero.subtitle": "Jsme třída plná energie, kreativity a přátelství. Společně prožíváme nezapomenutelné okamžiky našeho posledního roku na základní škole.", "hero.meetClass": "Poznej naši třídu", "hero.schedule": "Rozvrh hodin", "hero.studentsInClass": "Žáků ve třídě", "hero.subjects": "Předmětů", "hero.yearsTogether": "Let společně", "hero.searchPlaceholder": "Hledat žáky, aktuality, rozvrh...", // Quick Links "quickLinks.title": "Rychlé odkazy", "quickLinks.subtitle": "Vše, co potřebujete vědět o naší třídě, na jednom místě.", "quickLinks.students": "Žáci", "quickLinks.studentsDesc": "Seznamte se s našimi spolužáky a jejich zájmy.", "quickLinks.news": "Aktuality", "quickLinks.newsDesc": "Nejnovější zprávy a události z našeho školního života.", "quickLinks.schedule": "Rozvrh hodin", "quickLinks.scheduleDesc": "Aktuální rozvrh hodin pro naši třídu.", "quickLinks.contact": "Kontakt", "quickLinks.contactDesc": "Kontaktní informace a způsoby, jak se s námi spojit.", "quickLinks.support": "Podpora", "quickLinks.supportDesc": "Podpořte naši třídu a její aktivity.", // Latest News "latestNews.title": "Nejnovější aktuality", "latestNews.subtitle": "Co je nového v naší třídě", "latestNews.viewAll": "Všechny aktuality", // News "news.mockExams.title": "Přijímačky nanečisto", "news.mockExams.category": "Vzdělávání", "news.mockExams.description": "Přijímačky nanečisto se uskuteční dne 28. ledna. Blíží se důležitý okamžik v životě každého deváťáka - přijímací zkoušky na střední školy! Abychom vám pomohli se co nejlépe připravit, organizujeme přijímačky nanečisto.", "news.england.title": "Zájezd do Anglie 2026", "news.england.category": "Výlet", "news.england.description": "Připravte se na nezapomenutelný zážitek! V létě 2026 plánujeme třídní zájezd do Anglie. Místa jsou již obsazena, ti kteří se přihlásili se podrobnosti o výletě dozví již brzy nebo od našeho učitele.", "news.merch.title": "Vývoj třídního merche", "news.merch.category": "Merch", "news.merch.description": "Pracujeme na exkluzivním třídním merchi pro 9.B! Připravujeme jedinečné produkty včetně triček, mikn a dalších doplňků s naším třídním designem.", "news.merchUpdate.title": "Školní merch se blíží ke konci vývoje!", "news.merchUpdate.category": "Merch", "news.merchUpdate.description": "Vývoj školního merche se blíží ke svému závěru! Školní merch bude brzy dostupný pro všechny žáky a jejich rodiny. Těšte se na exkluzivní trička, mikiny a další produkty s logem naší třídy 9.B. Přesné datum spuštění prodeje bude oznámeno v nejbližší době.", "news.cambridge.title": "Cambridgeské certifikáty rozdány!", "news.cambridge.category": "Certifikáty", "news.cambridge.description": "Velká gratulace všem žákům, kteří obdrželi své Cambridgeské jazykové certifikáty! Certifikáty byly slavnostně rozdány a potvrzují vysokou jazykovou úroveň našich studentů. Tento úspěch je výsledkem tvrdé práce a oddanosti angličtině. Jsme na vás velmi hrdí!", "news.theaterTrip.title": "Výlet do Činoherního Studia v Divadle Ústí n.Labem", "news.theaterTrip.category": "Divadlo", "news.theaterTrip.description": "Válka s mloky - po 23. 3. 2026. Sraz 8:30, stanice Litoměřice město. Návrat ~13:00. Cena: 150 Kč + 58 Kč vlak (hrazeno z OP JAK).", "news.dance.title": "Školní ples [Proběhl]", "news.dance.category": "Tanec", "news.dance.description": "Školní ples se úspěšně uskutečnil a byl to nezapomenutelný večer plný tance, hudby a skvělé zábavy! Žáci i učitelé si užili nádherně nazdobený sál, živou hudbu a skvělou atmosféru. Děkujeme všem, kteří se podíleli na organizaci tohoto skvělého večera.", "news.noNews": "Zatím žádné aktuality", "news.noNewsDesc": "Aktuality budou brzy přidány.", // Students Page "students.title": "Naši žáci", "students.subtitle": "Seznamte se s členy naší skvělé třídy 9.B. Jsme parta {count} skvělých osobností!", "students.boys": "Chlapci", "students.girls": "Dívky", "students.searchPlaceholder": "Hledat žáky podle jména nebo zájmů...", "students.searchResults": "Nalezeno {count} žáků", "students.noResults": "Žádní žáci nebyli nalezeni", "students.teacher": "Náš učitel", "students.classTeacher": "Třídní učitel", // Other pages "news.title": "Aktuality", "news.subtitle": "Nejnovější zprávy, události a oznámení z našeho školního života.", "schedule.title": "Rozvrh hodin", "schedule.subtitle": "Aktuální rozvrh hodin pro třídu 9.B", "support.title": "Podpořte nás", "support.subtitle": "Vaše podpora nám pomáhá realizovat naše třídní aktivity.", "photogallery.title": "Fotogalerie", "photogallery.subtitle": "Vzpomínky naší třídy zachycené na fotografiích", "photogallery.studentsOnly": "Pouze pro žáky", "photogallery.upload": "Nahrát fotky", "photogallery.uploadSuccess": "Fotky úspěšně vybrány!", "photogallery.uploadError": "Vyberte prosím pouze obrázky", "photogallery.filesSelected": "souborů vybráno", "photogallery.selectPhotos": "Vybrat fotky", "photogallery.albums": "Alba", "photogallery.browseMemories": "Procházejte naše společné vzpomínky", "photogallery.photos": "fotek", "photogallery.noPhotos": "Zatím žádné fotky", "photogallery.noPhotosDesc": "Buďte první, kdo nahraje fotky do galerie!", "photogallery.private": "Soukromé", "photogallery.privateDesc": "Fotky jsou viditelné pouze pro členy třídy", "photogallery.sharing": "Sdílení", "photogallery.sharingDesc": "Sdílejte své nejlepší momenty se spolužáky", "photogallery.memories": "Vzpomínky", "photogallery.memoriesDesc": "Uchovejte vzpomínky na celý život", "photogallery.more": "dalších", // Upload dialog "upload.title": "Nahrát fotografie", "upload.description": "Nahrajte své fotografie a sdílejte je se třídou", "upload.dropzone": "Přetáhněte fotografie sem", "upload.dropzoneDesc": "nebo klikněte pro výběr souborů", "upload.selectedFiles": "Vybrané soubory", "upload.clearAll": "Vymazat vše", "upload.continue": "Pokračovat", "upload.back": "Zpět", "upload.startUpload": "Nahrát fotografie", "upload.photoName": "Název fotografie", "upload.photoNamePlaceholder": "Zadejte název fotografie", "upload.photoDescription": "Popis", "upload.photoDescriptionPlaceholder": "Přidejte popis k fotografii...", "upload.category": "Kategorie", "upload.category.general": "Obecné", "upload.category.trip": "Výlet", "upload.category.event": "Událost", "upload.category.sports": "Sport", "upload.category.classroom": "Třída", "upload.visibility": "Viditelnost", "upload.visibility.public": "Veřejná", "upload.visibility.publicDesc": "Viditelná pro všechny", "upload.visibility.unlisted": "Neuvedená", "upload.visibility.unlistedDesc": "Pouze s odkazem", "upload.visibility.private": "Soukromá", "upload.visibility.privateDesc": "Pouze pro vás", "upload.tags": "Štítky", "upload.tagsPlaceholder": "Přidejte štítek...", "upload.addTag": "Přidat", "upload.previous": "Předchozí", "upload.next": "Další", "upload.processing": "Zpracování fotografií", "upload.processingDesc": "Nahrávání a kontrola bezpečnosti...", "upload.uploading": "Nahrávání", "upload.scanning": "Kontrola", "upload.complete": "Hotovo!", "upload.photosUploaded": "fotografií úspěšně nahráno", "upload.close": "Zavřít", "upload.uploadMore": "Nahrát další", "community.title": "Komunita", "community.subtitle": "Prostor pro spolužáky - sdílej, diskutuj, spolupracuj", "community.studentsOnly": "Pouze pro žáky", "community.createPost": "Co je nového? Sdílej se třídou...", "community.addPost": "Přidat příspěvek", "community.beFirst": "Buď první!", "community.beFirstDesc": "Zatím tu nejsou žádné další příspěvky.", "community.upcomingEvents": "Nadcházející události", "community.announcements": "Oznámení", "community.noAnnouncements": "Žádná nová oznámení", "contact.title": "Kontakt", "contact.subtitle": "Máte dotaz nebo nápad? Neváhejte nás kontaktovat!", "faq.title": "Často kladené otázky", "faq.subtitle": "Najděte odpovědi na nejčastější dotazy", "faq.searchPlaceholder": "Hledat v otázkách...", "faq.resultsFound": "výsledků nalezeno", "faq.noResults": "Žádné výsledky nenalezeny", "faq.stillNeedHelp": "Stále potřebujete pomoc?", "faq.contactUs": "Náš tým je tu pro vás. Neváhejte nás kontaktovat.", "faq.goToContact": "Přejít na kontakt", "faq.general": "Obecné otázky", "faq.account": "Účet a přihlášení", "faq.features": "Funkce webu", "faq.q1": "Co je to web třídy 9.B?", "faq.a1": "Jedná se o privátní webovou stránku určenou pro žáky třídy 9.B ZŠ Boženy Němcové v Litoměřicích, jejich rodiče a učitele. Web slouží ke sdílení informací, aktualit a komunikaci v rámci třídy.", "faq.q2": "Kdo může přistupovat k tomuto webu?", "faq.a2": "Web je určen pouze pro členy třídy 9.B - žáky, jejich rodiče a učitele. Přístup k některým sekcím vyžaduje přihlášení.", "faq.q3": "Jak mohu kontaktovat správce webu?", "faq.a3": "Můžete nás kontaktovat prostřednictvím kontaktního formuláře na stránce Kontakt nebo přímo na e-mail tad.studio.cz@gmail.com.", "faq.q4": "Jak se mohu přihlásit?", "faq.a4": "Pro přihlášení použijte své školní přihlašovací údaje z Edupage nebo se zaregistrujte pomocí e-mailu.", "faq.q5": "Zapomněl/a jsem heslo. Co mám dělat?", "faq.a5": "Kontaktujte správce webu prostřednictvím kontaktního formuláře nebo přímo na e-mail pro resetování hesla.", "faq.q6": "Co najdu v sekci Žáci?", "faq.a6": "V sekci Žáci najdete profily všech spolužáků, jejich zájmy a fotografie.", "faq.q7": "Jak funguje komunita?", "faq.a7": "Sekce Komunita umožňuje sdílení příspěvků, diskusi a spolupráci mezi spolužáky. Je dostupná pouze pro přihlášené žáky.", "faq.q8": "Mohu nahrávat vlastní fotografie?", "faq.a8": "Ano, přihlášení žáci mohou nahrávat fotografie do fotogalerie. Všechny nahrané fotografie jsou moderovány.", // Contact page "contact.studioTitle": "Tadeax Studio", "contact.schoolTitle": "Naše škola", "contact.teacherTitle": "Třídní učitel", "contact.address": "Adresa", "contact.phone": "Telefon", "contact.email": "E-mail", "contact.classTeacher": "Třídní učitel třídy 9.B", "contact.formTitle": "Napište nám", "contact.formDescription": "Máte dotaz nebo nápad? Vyplňte formulář a my se vám ozveme.", "contact.name": "Jméno", "contact.namePlaceholder": "Vaše jméno", "contact.emailPlaceholder": "vas@email.cz", "contact.subject": "Předmět", "contact.subjectPlaceholder": "O čem chcete psát?", "contact.message": "Zpráva", "contact.messagePlaceholder": "Vaše zpráva...", "contact.send": "Odeslat zprávu", // Thanks popup "thanks.title": "Speciální poděkování", "thanks.description": "Děkujeme našim partnerům za podporu tohoto projektu.", "thanks.button": "Rozumím, děkuji!", // Terms of Use "terms.title": "Podmínky používání", "terms.backToHome": "Zpět na hlavní stránku", "terms.lastUpdated": "Poslední aktualizace", "terms.introduction": "Vítejte na webových stránkách třídy 9.B ZŠ Boženy Němcové v Litoměřicích. Používáním tohoto webu souhlasíte s následujícími podmínkami. Prosím, přečtěte si je pečlivě.", "terms.acceptanceTitle": "Přijetí podmínek", "terms.acceptanceContent": "Přístupem k tomuto webu a jeho používáním souhlasíte s těmito podmínkami používání. Pokud s některou částí těchto podmínek nesouhlasíte, nemůžete web používat.", "terms.eligibilityTitle": "Způsobilost", "terms.eligibilityContent": "Tento web je určen výhradně pro žáky třídy 9.B, jejich rodiče a učitele ZŠ Boženy Němcové v Litoměřicích. Přístup k určitým sekcím vyžaduje přihlášení a ověření příslušnosti ke třídě.", "terms.accountTitle": "Uživatelské účty", "terms.accountContent": "Jste zodpovědní za zachování důvěrnosti svého účtu a hesla. Souhlasíte s tím, že přijímáte odpovědnost za všechny aktivity, které se uskuteční pod vaším účtem. Neprodleně nás informujte o jakémkoli neoprávněném použití vašeho účtu.", "terms.conductTitle": "Pravidla chování", "terms.conductContent": "Zavazujete se nepoužívat web k:\n• Nahrávání nevhodného nebo urážlivého obsahu\n• Obtěžování ostatních uživatelů\n• Šíření nepravdivých informací\n• Jakékoli nezákonné činnosti\n• Narušování fungování webu", "terms.contentTitle": "Obsah a autorská práva", "terms.contentContent": "Veškerý obsah na tomto webu, včetně textů, obrázků a grafiky, je chráněn autorským právem. Uživatelé mohou nahrávat vlastní obsah, ale musí zajistit, že mají právo tento obsah sdílet a že neporušuje práva třetích stran.", "terms.changesTitle": "Změny podmínek", "terms.changesContent": "Vyhrazujeme si právo tyto podmínky kdykoli změnit. O významných změnách vás budeme informovat prostřednictvím webu. Pokračováním v používání webu po změnách souhlasíte s novými podmínkami.", "terms.questionsTitle": "Máte otázky?", "terms.questionsContent": "Pokud máte jakékoli dotazy k těmto podmínkám, neváhejte nás kontaktovat.", "terms.contactUs": "Kontaktovat nás", "terms.privacyLink": "Zásady ochrany osobních údajů", // Privacy Policy "privacy.title": "Zásady ochrany osobních údajů", "privacy.backToHome": "Zpět na hlavní stránku", "privacy.lastUpdated": "Poslední aktualizace", "privacy.introduction": "Vaše soukromí je pro nás důležité. Tyto zásady popisují, jaké informace shromažďujeme, jak je používáme a jak je chráníme. Tento web je provozován pro vzdělávací účely třídy 9.B.", "privacy.collectionTitle": "Jaké údaje shromažďujeme", "privacy.collectionContent": "Shromažďujeme následující typy údajů:\n• Přihlašovací údaje (e-mail, uživatelské jméno)\n• Profilové informace (jméno, třída)\n• Obsah, který nahrajete (fotografie, příspěvky)\n• Technické údaje (IP adresa, typ prohlížeče)", "privacy.useTitle": "Jak údaje používáme", "privacy.useContent": "Vaše údaje používáme k:\n• Poskytování přístupu k webu\n• Zobrazení vašeho profilu spolužákům\n• Správě komunitních funkcí\n• Zlepšování fungování webu\n• Komunikaci s vámi ohledně webu", "privacy.securityTitle": "Zabezpečení údajů", "privacy.securityContent": "Implementujeme přiměřená bezpečnostní opatření k ochraně vašich osobních údajů před neoprávněným přístupem, změnou, zveřejněním nebo zničením. Používáme šifrované připojení a bezpečné ukládání dat.", "privacy.sharingTitle": "Sdílení údajů", "privacy.sharingContent": "Vaše osobní údaje nesdílíme s třetími stranami, s výjimkou:\n• Když to vyžaduje zákon\n• Pro ochranu práv a bezpečnosti\n• S vaším výslovným souhlasem\n\nVaše příspěvky a fotografie jsou viditelné pouze členům třídy.", "privacy.retentionTitle": "Uchovávání údajů", "privacy.retentionContent": "Vaše údaje uchováváme po dobu, kdy jste členem třídy, a přiměřenou dobu poté pro archivní účely. Můžete požádat o smazání svého účtu a souvisejících údajů.", "privacy.rightsTitle": "Vaše práva", "privacy.rightsContent": "Máte právo:\n• Přistupovat ke svým údajům\n• Opravit nepřesné údaje\n• Požádat o smazání údajů\n• Namítat proti zpracování\n• Přenést své údaje\n\nPro uplatnění těchto práv nás kontaktujte.", "privacy.questionsTitle": "Otázky ohledně soukromí?", "privacy.questionsContent": "Máte-li dotazy ohledně ochrany vašich údajů, kontaktujte nás.", "privacy.contactUs": "Kontaktovat nás", "privacy.termsLink": "Podmínky používání", // Social Media "social.title": "Sociální sítě", "social.subtitle": "Sledujte nás na sociálních sítích a buďte v obraze", "social.stayConnected": "Zůstaňte ve spojení", "social.website": "Web", "social.visitProfile": "Navštívit profil", "social.followUs": "Sledujte nás", "social.followUsDesc": "Připojte se k naší online komunitě", "social.followInstagram": "Sledovat na Instagramu", "social.visitSchool": "Navštívit web školy", "social.instagramClassDesc": "Oficiální Instagram třídy 9.B - fotky, příběhy a dění z našeho školního života", "social.instagramTadeaxDesc": "Instagram Tadeax Studia - kreativní tým a webové projekty", "social.schoolWebsiteDesc": "Oficiální web ZŠ Boženy Němcové v Litoměřicích - informace pro rodiče a studenty", "social.tadeaxWebsiteDesc": "Web Tadeax Studia - tvorba moderních webových stránek a aplikací", // Notifications "notifications.title": "Oznámení", "notifications.description": "Dostávejte upozornění na nové aktuality", "notifications.allow": "Povolit", "notifications.decline": "Odmítnout", "notifications.enabled": "Oznámení povolena", "notifications.enabledDesc": "Budete dostávat upozornění na nové aktuality", // Cookie Consent "cookie.title": "Používáme cookies", "cookie.description": "Tento web používá cookies pro zlepšení vašeho zážitku. Cookies nám pomáhají analyzovat návštěvnost a personalizovat obsah.", "cookie.accept": "Přijmout", "cookie.decline": "Odmítnout", // Profile Settings "profile.title": "Nastavení profilu", "profile.subtitle": "Spravujte svůj účet a nastavení", "profile.general": "Obecné", "profile.security": "Zabezpečení", "profile.sessions": "Relace", "profile.avatar": "Profilový obrázek", "profile.avatarDesc": "Nahrajte vlastní profilový obrázek", "profile.uploadAvatar": "Nahrát obrázek", "profile.displayName": "Zobrazované jméno", "profile.displayNameDesc": "Vaše jméno viditelné ostatním", "profile.saveChanges": "Uložit změny", "profile.saving": "Ukládání...", "profile.saved": "Změny uloženy", "profile.twoFactor": "Dvoufaktorové ověření", "profile.twoFactorDesc": "Přidejte další vrstvu zabezpečení pomocí SMS", "profile.twoFactorEnabled": "Dvoufaktorové ověření je aktivní", "profile.twoFactorDisabled": "Dvoufaktorové ověření není aktivní", "profile.enableTwoFactor": "Aktivovat 2FA", "profile.disableTwoFactor": "Deaktivovat 2FA", "profile.phoneNumber": "Telefonní číslo", "profile.phoneNumberPlaceholder": "+420 XXX XXX XXX", "profile.sendCode": "Odeslat kód", "profile.verifyCode": "Ověřit kód", "profile.enterCode": "Zadejte kód z SMS", "profile.activeSessions": "Aktivní relace", "profile.activeSessionsDesc": "Zařízení přihlášená k vašemu účtu", "profile.currentSession": "Aktuální relace", "profile.lastActive": "Naposledy aktivní", "profile.revokeSession": "Odhlásit", "profile.revokeAllSessions": "Odhlásit všechna zařízení", "profile.sessionRevoked": "Relace byla ukončena", "profile.noSessions": "Žádné další aktivní relace", // Profile settings - additional keys "profile.description": "Spravujte svůj účet a nastavení", "profile.email": "E-mail", "profile.displayNamePlaceholder": "Zadejte zobrazované jméno", "profile.avatarHint": "Podporované formáty: JPG, PNG, GIF. Max 5MB.", "profile.updated": "Změny uloženy", "profile.updatedDesc": "Váš profil byl úspěšně aktualizován.", "profile.error": "Chyba", "profile.avatarUpdated": "Profilový obrázek aktualizován", "profile.avatarUpdatedDesc": "Váš profilový obrázek byl úspěšně aktualizován.", "profile.avatarUploadError": "Nepodařilo se nahrát profilový obrázek.", "profile.updateError": "Nepodařilo se uložit změny.", "profile.phoneRequired": "Zadejte telefonní číslo pro aktivaci 2FA.", "profile.verificationSent": "Ověřovací kód odeslán", "profile.verificationSentDesc": "Ověřovací kód byl odeslán na vaše telefonní číslo.", "profile.smsError": "Nepodařilo se odeslat SMS. Zkuste to znovu.", "profile.2faEnabled": "Dvoufaktorové ověření aktivováno", "profile.2faEnabledDesc": "Váš účet je nyní chráněn dvoufaktorovým ověřením.", "profile.2faError": "Nepodařilo se aktivovat dvoufaktorové ověření.", "profile.disable": "Deaktivovat", "profile.enable2FA": "Aktivovat 2FA", "profile.verify": "Ověřit", "profile.cancel": "Zrušit", "profile.verificationCode": "Ověřovací kód", "profile.verificationCodeHint": "Zadejte 6místný kód z SMS.", "profile.current": "Aktuální", "profile.sessionRevokedDesc": "Zařízení bylo úspěšně odhlášeno.", "profile.revokeError": "Nepodařilo se odhlásit zařízení.", "profile.loginHistoryDesc": "Zařízení aktuálně přihlášená k vašemu účtu.", "profile.twoFactorAuth": "Dvoufaktorové ověření", // Share "share.title": "Sdílet", "share.copyLink": "Kopírovat odkaz", "share.linkCopied": "Odkaz zkopírován!", "share.shareVia": "Sdílet přes", }, en: { // Navigation "nav.home": "Home", "nav.students": "Students", "nav.news": "News", "nav.schedule": "Schedule", "nav.photogallery": "Photo Gallery", "nav.community": "Community", "nav.contact": "Contact", "nav.support": "Support", "nav.admin": "Admin", "nav.login": "Log in", "nav.signup": "Sign up", "nav.logout": "Log out", "nav.socialMedia": "Social Media", "nav.about": "About", "nav.game": "Game", "nav.profile": "Profile Settings", // Navigation categories "nav.category.info": "Information", "nav.category.communication": "Communication", "nav.category.entertainment": "Entertainment", // Search "search.title": "Search", "search.placeholder": "Search pages, news, students...", "search.noResults": "No results found", "search.homeDesc": "Main page of class 9.B website", "search.studentsDesc": "Meet the members of our class and their interests", "search.newsDesc": "Latest news and events from our school life", "search.scheduleDesc": "Current schedule for class 9.B", "search.photogalleryDesc": "Photos and memories from our events", "search.communityDesc": "Space for classmates - discussions and collaboration", "search.gameDesc": "Memory game for fun", "search.socialMediaDesc": "Our social media and links", "search.contactDesc": "Contact information and form", "search.supportDesc": "Support our class and its activities", "search.aboutDesc": "Information about our class 9.B", "search.termsDesc": "Website terms of use", "search.privacyDesc": "Privacy policy", // Slideshow "slideshow.title": "Photo Gallery", "slideshow.subtitle": "Browse our best memories from class events and trips", "slideshow.viewAll": "View full gallery", "slideshow.caption1": "Fun on the swings - School camp", "slideshow.caption2": "Bubbles and smiles - Moments together", "slideshow.caption3": "Class photo - Our 9.B group", "slideshow.caption4": "Cambridge Certificates - 9.B Award Ceremony", "slideshow.caption5": "Media Day - Czech Television", "slideshow.caption6": "Visit to the Wastewater Treatment Plant in Litoměřice", "slideshow.caption7": "Hike to Radobýl Hill", // Game "game.title": "Memory Game", "game.description": "Test your memory and find all matching pairs. The fewer moves, the better your score!", "game.feature1": "Train your memory", "game.feature2": "Fun for everyone", "game.moves": "Moves", "game.time": "Time", "game.score": "Score", "game.bestScore": "Best score", "game.bestStreak": "Best streak", "game.reset": "New game", "game.playAgain": "Play again", "game.congratulations": "Congratulations!", "game.youWon": "You found all the pairs!", "game.easy": "Easy", "game.medium": "Medium", "game.hard": "Hard", "game.howToPlay": "How to play", "game.instruction1": "Click on a card to flip it", "game.instruction2": "Remember the position of symbols", "game.instruction3": "Find all pairs of matching cards", "game.instruction4": "Fewer moves means higher score!", // Accessibility "accessibility.seniorMode": "Senior Mode", "accessibility.enableSeniorMode": "Enable senior mode (larger font, higher contrast)", "accessibility.disableSeniorMode": "Disable senior mode", // Changelog "changelog.title": "Update Log", "changelog.subtitle": "Version history and feature updates", // Footer "footer.quickLinks": "Quick Links", "footer.information": "Information", "footer.contact": "Contact", "footer.partners": "Our Partners", "footer.rights": "All rights reserved.", "footer.privateNote": "This website is intended only for members of class 9.B and is not publicly accessible.", "footer.terms": "Terms of Use", "footer.privacy": "Privacy Policy", // Common "common.parent": "Parent", "common.student": "Student", "common.administrator": "Administrator", "common.continue": "Continue", "common.loading": "Loading...", "common.error": "Error", "common.success": "Success", "common.save": "Save", "common.cancel": "Cancel", "common.delete": "Delete", "common.edit": "Edit", "common.view": "View", "common.search": "Search", "common.filter": "Filter", // Auth "auth.login": "Log in", "auth.loginDesc": "Enter your credentials", "auth.signup": "Sign up", "auth.logout": "Log out", "auth.email": "Email", "auth.password": "Password", "auth.repeatPassword": "Repeat password", "auth.noAccount": "Don't have an account?", "auth.parentAccess": "Enter as parent", "auth.parentAccessDesc": "Limited access - basic pages only", "auth.restrictedAccess": "Restricted Access", "auth.restrictedDesc": "This page is only accessible to logged-in students.", "auth.classOnly": "This website is only for members of class 9.B", "auth.edupageLogin": "Login with Edupage", "auth.edupageDesc": "Use your Edupage credentials", "auth.username": "Username", "auth.usernamePlaceholder": "Your username", "auth.loginWithEdupage": "Log in with Edupage", "auth.loggingIn": "Logging in...", "auth.backToLogin": "Back to standard login", "auth.haveEdupage": "Have an Edupage account?", "auth.edupageQuick": "Quick login with one click", "auth.useEdupage": "Use Edupage", "auth.edupageError": "Edupage login failed. Check your credentials.", "auth.edupageMaintenanceTitle": "Edupage - System Maintenance", "auth.edupageMaintenance": "Edupage login is temporarily unavailable due to maintenance and system instability. Please use standard login or try again later.", "auth.loginSlowTitle": "Slow login?", "auth.loginSlowDesc": "If login takes too long, refresh the page and restart the login process in Tadeax System. It may be due to degraded performance on our servers. We apologize for this.", "auth.loginSlowSignature": "- Your Tadeax System", "auth.resetPassword": "Forgot password?", "auth.resetPasswordTitle": "Reset Password", "auth.resetPasswordDesc": "Enter your email to reset your password", "auth.resetPasswordSent": "Password reset link has been sent to your email", "auth.resendConfirmation": "Resend confirmation email", "auth.resendConfirmationSent": "Confirmation email has been sent", // About page "about.title": "About Us", "about.subtitle": "Meet class 9.B - a group of great students full of energy and enthusiasm", "about.bestTeacher": "With the best teacher ever!", "about.signature": "- Our 9.B", "about.studentsCount": "Students", "about.yearsTogether": "Years Together", "about.achievements": "Achievements", "about.teamSpirit": "Team Spirit", "about.whoWeAre": "Who We Are", "about.description1": "We are class 9.B from Boženy Němcové Elementary School in Litoměřice. Our class is full of energy, creativity and friendship.", "about.description2": "Over the years, we have become a great team that supports each other in studies and beyond.", "about.description3": "Our goal is not only to achieve good results in studies, but also to enjoy this last year to the fullest.", "about.description4": "Our class was formed by combining different personalities that together create a unique collective. We have athletes, artists, technicians and dreamers among us. Everyone brings something unique and together we complement each other.", "about.description5": "During our time together, we have experienced many unforgettable moments - from school trips to class events to everyday moments in class. This website serves as a digital memorial of our journey through elementary school.", "about.ourValues": "Our Values", "about.ourValuesDesc": "Principles that unite us and shape our collective", "about.friendship": "Friendship", "about.friendshipDesc": "Mutual support and respect are the foundation of our class", "about.education": "Education", "about.educationDesc": "We strive to achieve the best results in our studies", "about.creativity": "Creativity", "about.creativityDesc": "We encourage new ideas and original approaches", "about.achievement": "Achievement", "about.achievementDesc": "Together we celebrate every success, big or small", "about.ourSchool": "Our School", "about.schoolName": "Boženy Němcové Elementary School, Litoměřice", "about.schoolDesc": "An elementary school with a long tradition and modern approach to education.", "about.schoolAddress": "Boženy Němcové 2, 412 01 Litoměřice", // Admin "admin.title": "Administration", "admin.auditLogs": "Audit Logs", "admin.users": "Users", "admin.settings": "Settings", "admin.ipAddress": "IP Address", "admin.action": "Action", "admin.user": "User", "admin.timestamp": "Timestamp", "admin.details": "Details", // Hero "hero.title": "Welcome to Class 9.B", "hero.subtitle": "We are a class full of energy, creativity and friendship. Together we experience unforgettable moments of our last year at elementary school.", "hero.meetClass": "Meet our class", "hero.schedule": "Schedule", "hero.studentsInClass": "Students in class", "hero.subjects": "Subjects", "hero.yearsTogether": "Years together", "hero.searchPlaceholder": "Search students, news, schedule...", // Quick Links "quickLinks.title": "Quick Links", "quickLinks.subtitle": "Everything you need to know about our class in one place.", "quickLinks.students": "Students", "quickLinks.studentsDesc": "Meet our classmates and their interests.", "quickLinks.news": "News", "quickLinks.newsDesc": "Latest news and events from our school life.", "quickLinks.schedule": "Schedule", "quickLinks.scheduleDesc": "Current schedule for our class.", "quickLinks.contact": "Contact", "quickLinks.contactDesc": "Contact information and ways to reach us.", "quickLinks.support": "Support", "quickLinks.supportDesc": "Support our class and its activities.", // Latest News "latestNews.title": "Latest News", "latestNews.subtitle": "What's new in our class", "latestNews.viewAll": "All news", // News "news.mockExams.title": "Mock Entrance Exams", "news.mockExams.category": "Education", "news.mockExams.description": "Mock entrance exams will take place on January 28th. An important moment in every ninth grader's life is approaching - high school entrance exams!", "news.england.title": "Trip to England 2026", "news.england.category": "Trip", "news.england.description": "Get ready for an unforgettable experience! In summer 2026, we are planning a class trip to England. Spots are already taken, those who signed up will learn details soon.", "news.merch.title": "Class Merch Development", "news.merch.category": "Merch", "news.merch.description": "We are working on exclusive class merch for 9.B! We are preparing unique products including t-shirts, hoodies and other accessories.", "news.merchUpdate.title": "School Merch is Nearing Its End!", "news.merchUpdate.category": "Merch", "news.merchUpdate.description": "The development of school merch is nearing its end! School merch will be available soon for all students and their families. Look forward to exclusive t-shirts, hoodies and other products with our class 9.B logo. The exact launch date will be announced very soon.", "news.cambridge.title": "Cambridge Certificates Distributed!", "news.cambridge.category": "Certificates", "news.cambridge.description": "Congratulations to all students who received their Cambridge language certificates! The certificates were ceremonially distributed and confirm the high language proficiency of our students. This success is the result of hard work and dedication to English. We are very proud of you!", "news.theaterTrip.title": "Trip to Činoherní Studio Theater in Ústí nad Labem", "news.theaterTrip.category": "Theater", "news.theaterTrip.description": "War with the Newts - Mon 23 Mar 2026. Meet 8:30, Litoměřice město station. Return ~13:00. Price: 150 + 58 CZK train (covered by OP JAK).", "news.dance.title": "School Dance [Performed]", "news.dance.category": "Dance", "news.dance.description": "The school dance successfully took place and it was an unforgettable evening full of dancing, music and great fun! Students and teachers enjoyed the beautifully decorated hall, live music and a great atmosphere. Thank you to everyone who helped organise this wonderful evening.", "news.noNews": "No news yet", "news.noNewsDesc": "News will be added soon.", // Students Page "students.title": "Our Students", "students.subtitle": "Meet the members of our great class 9.B. We are a group of {count} great personalities!", "students.boys": "Boys", "students.girls": "Girls", "students.searchPlaceholder": "Search students by name or interests...", "students.searchResults": "Found {count} students", "students.noResults": "No students found", "students.teacher": "Our Teacher", "students.classTeacher": "Class Teacher", // Other pages "news.title": "News", "news.subtitle": "Latest news, events and announcements from our school life.", "schedule.title": "Schedule", "schedule.subtitle": "Current schedule for class 9.B", "support.title": "Support Us", "support.subtitle": "Your support helps us realize our class activities.", "photogallery.title": "Photo Gallery", "photogallery.subtitle": "Memories of our class captured in photos", "photogallery.studentsOnly": "Students only", "photogallery.upload": "Upload photos", "photogallery.uploadSuccess": "Photos successfully selected!", "photogallery.uploadError": "Please select only images", "photogallery.filesSelected": "files selected", "photogallery.selectPhotos": "Select photos", "photogallery.albums": "Albums", "photogallery.browseMemories": "Browse our shared memories", "photogallery.photos": "photos", "photogallery.noPhotos": "No photos yet", "photogallery.noPhotosDesc": "Be the first to upload photos to the gallery!", "photogallery.private": "Private", "photogallery.privateDesc": "Photos are only visible to class members", "photogallery.sharing": "Sharing", "photogallery.sharingDesc": "Share your best moments with classmates", "photogallery.memories": "Memories", "photogallery.memoriesDesc": "Preserve memories for a lifetime", "photogallery.more": "more", // Upload dialog "upload.title": "Upload Photos", "upload.description": "Upload your photos and share them with the class", "upload.dropzone": "Drop photos here", "upload.dropzoneDesc": "or click to select files", "upload.selectedFiles": "Selected files", "upload.clearAll": "Clear all", "upload.continue": "Continue", "upload.back": "Back", "upload.startUpload": "Upload photos", "upload.photoName": "Photo name", "upload.photoNamePlaceholder": "Enter photo name", "upload.photoDescription": "Description", "upload.photoDescriptionPlaceholder": "Add a description...", "upload.category": "Category", "upload.category.general": "General", "upload.category.trip": "Trip", "upload.category.event": "Event", "upload.category.sports": "Sports", "upload.category.classroom": "Classroom", "upload.visibility": "Visibility", "upload.visibility.public": "Public", "upload.visibility.publicDesc": "Visible to everyone", "upload.visibility.unlisted": "Unlisted", "upload.visibility.unlistedDesc": "Only with link", "upload.visibility.private": "Private", "upload.visibility.privateDesc": "Only for you", "upload.tags": "Tags", "upload.tagsPlaceholder": "Add a tag...", "upload.addTag": "Add", "upload.previous": "Previous", "upload.next": "Next", "upload.processing": "Processing photos", "upload.processingDesc": "Uploading and security check...", "upload.uploading": "Uploading", "upload.scanning": "Scanning", "upload.complete": "Done!", "upload.photosUploaded": "photos successfully uploaded", "upload.close": "Close", "upload.uploadMore": "Upload more", "community.title": "Community", "community.subtitle": "Space for classmates - share, discuss, collaborate", "community.studentsOnly": "Students only", "community.createPost": "What's new? Share with the class...", "community.addPost": "Add post", "community.beFirst": "Be first!", "community.beFirstDesc": "No posts yet.", "community.upcomingEvents": "Upcoming Events", "community.announcements": "Announcements", "community.noAnnouncements": "No new announcements", "contact.title": "Contact", "contact.subtitle": "Have a question or idea? Feel free to contact us!", "faq.title": "Frequently Asked Questions", "faq.subtitle": "Find answers to the most common questions", "faq.searchPlaceholder": "Search questions...", "faq.resultsFound": "results found", "faq.noResults": "No results found", "faq.stillNeedHelp": "Still need help?", "faq.contactUs": "Our team is here for you. Feel free to contact us.", "faq.goToContact": "Go to contact", "faq.general": "General Questions", "faq.account": "Account & Login", "faq.features": "Website Features", "faq.q1": "What is the 9.B class website?", "faq.a1": "This is a private website for students of class 9.B at Bozena Nemcova Elementary School in Litomerice, their parents and teachers. The website is used for sharing information, news and communication within the class.", "faq.q2": "Who can access this website?", "faq.a2": "The website is only for members of class 9.B - students, their parents and teachers. Access to some sections requires login.", "faq.q3": "How can I contact the website administrator?", "faq.a3": "You can contact us through the contact form on the Contact page or directly at tad.studio.cz@gmail.com.", "faq.q4": "How can I log in?", "faq.a4": "To log in, use your school credentials from Edupage or register with your email.", "faq.q5": "I forgot my password. What should I do?", "faq.a5": "Contact the website administrator through the contact form or directly by email to reset your password.", "faq.q6": "What will I find in the Students section?", "faq.a6": "In the Students section you will find profiles of all classmates, their interests and photos.", "faq.q7": "How does the community work?", "faq.a7": "The Community section allows sharing posts, discussion and collaboration between classmates. It is only available to logged-in students.", "faq.q8": "Can I upload my own photos?", "faq.a8": "Yes, logged-in students can upload photos to the photo gallery. All uploaded photos are moderated.", // Contact page "contact.studioTitle": "Tadeax Studio", "contact.schoolTitle": "Our School", "contact.teacherTitle": "Class Teacher", "contact.address": "Address", "contact.phone": "Phone", "contact.email": "Email", "contact.classTeacher": "Class teacher of 9.B", "contact.formTitle": "Write to us", "contact.formDescription": "Have a question or idea? Fill out the form and we will get back to you.", "contact.name": "Name", "contact.namePlaceholder": "Your name", "contact.emailPlaceholder": "your@email.com", "contact.subject": "Subject", "contact.subjectPlaceholder": "What do you want to write about?", "contact.message": "Message", "contact.messagePlaceholder": "Your message...", "contact.send": "Send message", // Thanks popup "thanks.title": "Special Thanks", "thanks.description": "Thank you to our partners for supporting this project.", "thanks.button": "I understand, thank you!", // Terms of Use "terms.title": "Terms of Use", "terms.backToHome": "Back to home", "terms.lastUpdated": "Last updated", "terms.introduction": "Welcome to the website of class 9.B at Bozena Nemcova Elementary School in Litomerice. By using this website, you agree to the following terms. Please read them carefully.", "terms.acceptanceTitle": "Acceptance of Terms", "terms.acceptanceContent": "By accessing and using this website, you agree to these terms of use. If you do not agree with any part of these terms, you may not use the website.", "terms.eligibilityTitle": "Eligibility", "terms.eligibilityContent": "This website is intended exclusively for students of class 9.B, their parents, and teachers at Bozena Nemcova Elementary School in Litomerice. Access to certain sections requires login and verification of class membership.", "terms.accountTitle": "User Accounts", "terms.accountContent": "You are responsible for maintaining the confidentiality of your account and password. You agree to accept responsibility for all activities that occur under your account. Notify us immediately of any unauthorized use of your account.", "terms.conductTitle": "Code of Conduct", "terms.conductContent": "You agree not to use the website to:\n• Upload inappropriate or offensive content\n• Harass other users\n• Spread false information\n• Engage in any illegal activity\n• Disrupt the functioning of the website", "terms.contentTitle": "Content and Copyright", "terms.contentContent": "All content on this website, including text, images, and graphics, is protected by copyright. Users may upload their own content but must ensure they have the right to share it and that it does not infringe on third-party rights.", "terms.changesTitle": "Changes to Terms", "terms.changesContent": "We reserve the right to change these terms at any time. We will notify you of significant changes through the website. By continuing to use the website after changes, you agree to the new terms.", "terms.questionsTitle": "Have Questions?", "terms.questionsContent": "If you have any questions about these terms, please feel free to contact us.", "terms.contactUs": "Contact Us", "terms.privacyLink": "Privacy Policy", // Privacy Policy "privacy.title": "Privacy Policy", "privacy.backToHome": "Back to home", "privacy.lastUpdated": "Last updated", "privacy.introduction": "Your privacy is important to us. This policy describes what information we collect, how we use it, and how we protect it. This website is operated for educational purposes of class 9.B.", "privacy.collectionTitle": "What Data We Collect", "privacy.collectionContent": "We collect the following types of data:\n• Login credentials (email, username)\n• Profile information (name, class)\n• Content you upload (photos, posts)\n• Technical data (IP address, browser type)", "privacy.useTitle": "How We Use Data", "privacy.useContent": "We use your data to:\n• Provide access to the website\n• Display your profile to classmates\n• Manage community features\n• Improve website functionality\n• Communicate with you about the website", "privacy.securityTitle": "Data Security", "privacy.securityContent": "We implement reasonable security measures to protect your personal data from unauthorized access, alteration, disclosure, or destruction. We use encrypted connections and secure data storage.", "privacy.sharingTitle": "Data Sharing", "privacy.sharingContent": "We do not share your personal data with third parties, except:\n• When required by law\n• To protect rights and safety\n• With your explicit consent\n\nYour posts and photos are only visible to class members.", "privacy.retentionTitle": "Data Retention", "privacy.retentionContent": "We retain your data for as long as you are a class member and a reasonable time thereafter for archival purposes. You may request deletion of your account and related data.", "privacy.rightsTitle": "Your Rights", "privacy.rightsContent": "You have the right to:\n• Access your data\n• Correct inaccurate data\n• Request data deletion\n• Object to processing\n• Transfer your data\n\nContact us to exercise these rights.", "privacy.questionsTitle": "Privacy Questions?", "privacy.questionsContent": "If you have questions about the protection of your data, please contact us.", "privacy.contactUs": "Contact Us", "privacy.termsLink": "Terms of Use", // Social Media "social.title": "Social Media", "social.subtitle": "Follow us on social media and stay updated", "social.stayConnected": "Stay Connected", "social.website": "Website", "social.visitProfile": "Visit Profile", "social.followUs": "Follow Us", "social.followUsDesc": "Join our online community", "social.followInstagram": "Follow on Instagram", "social.visitSchool": "Visit School Website", "social.instagramClassDesc": "Official Instagram of class 9.B - photos, stories and updates from our school life", "social.instagramTadeaxDesc": "Tadeax Studio Instagram - our creative team and web projects", "social.schoolWebsiteDesc": "Official website of ZS Bozeny Nemcove in Litomerice - information for parents and students", "social.tadeaxWebsiteDesc": "Tadeax Studio website - creating modern websites and applications", // Notifications "notifications.title": "Notifications", "notifications.description": "Receive alerts about new updates", "notifications.allow": "Allow", "notifications.decline": "Decline", "notifications.enabled": "Notifications Enabled", "notifications.enabledDesc": "You will receive alerts about new updates", // Cookie Consent "cookie.title": "We use cookies", "cookie.description": "This website uses cookies to improve your experience. Cookies help us analyze traffic and personalize content.", "cookie.accept": "Accept", "cookie.decline": "Decline", // Profile Settings "profile.title": "Profile Settings", "profile.subtitle": "Manage your account and settings", "profile.general": "General", "profile.security": "Security", "profile.sessions": "Sessions", "profile.avatar": "Profile Picture", "profile.avatarDesc": "Upload a custom profile picture", "profile.uploadAvatar": "Upload Picture", "profile.displayName": "Display Name", "profile.displayNameDesc": "Your name visible to others", "profile.saveChanges": "Save Changes", "profile.saving": "Saving...", "profile.saved": "Changes saved", "profile.twoFactor": "Two-Factor Authentication", "profile.twoFactorDesc": "Add an extra layer of security via SMS", "profile.twoFactorEnabled": "Two-factor authentication is active", "profile.twoFactorDisabled": "Two-factor authentication is not active", "profile.enableTwoFactor": "Enable 2FA", "profile.disableTwoFactor": "Disable 2FA", "profile.phoneNumber": "Phone Number", "profile.phoneNumberPlaceholder": "+1 XXX XXX XXXX", "profile.sendCode": "Send Code", "profile.verifyCode": "Verify Code", "profile.enterCode": "Enter the code from SMS", "profile.activeSessions": "Active Sessions", "profile.activeSessionsDesc": "Devices logged into your account", "profile.currentSession": "Current Session", "profile.lastActive": "Last Active", "profile.revokeSession": "Log out", "profile.revokeAllSessions": "Log out all devices", "profile.sessionRevoked": "Session has been terminated", "profile.noSessions": "No other active sessions", // Profile settings - additional keys "profile.description": "Manage your account and settings", "profile.email": "Email", "profile.displayNamePlaceholder": "Enter display name", "profile.avatarHint": "Supported formats: JPG, PNG, GIF. Max 5MB.", "profile.updated": "Changes saved", "profile.updatedDesc": "Your profile has been successfully updated.", "profile.error": "Error", "profile.avatarUpdated": "Profile picture updated", "profile.avatarUpdatedDesc": "Your profile picture has been successfully updated.", "profile.avatarUploadError": "Failed to upload profile picture.", "profile.updateError": "Failed to save changes.", "profile.phoneRequired": "Please enter a phone number to enable 2FA.", "profile.verificationSent": "Verification code sent", "profile.verificationSentDesc": "A verification code has been sent to your phone number.", "profile.smsError": "Failed to send SMS. Please try again.", "profile.2faEnabled": "Two-factor authentication enabled", "profile.2faEnabledDesc": "Your account is now protected with two-factor authentication.", "profile.2faError": "Failed to enable two-factor authentication.", "profile.disable": "Disable", "profile.enable2FA": "Enable 2FA", "profile.verify": "Verify", "profile.cancel": "Cancel", "profile.verificationCode": "Verification Code", "profile.verificationCodeHint": "Enter the 6-digit code from SMS.", "profile.current": "Current", "profile.sessionRevokedDesc": "Device has been successfully logged out.", "profile.revokeError": "Failed to log out device.", "profile.loginHistoryDesc": "Devices currently logged into your account.", "profile.twoFactorAuth": "Two-Factor Authentication", // Share "share.title": "Share", "share.copyLink": "Copy Link", "share.linkCopied": "Link copied!", "share.shareVia": "Share via", }, de: { // Navigation "nav.home": "Startseite", "nav.students": "Schüler", "nav.news": "Aktuelles", "nav.schedule": "Stundenplan", "nav.photogallery": "Fotogalerie", "nav.community": "Gemeinschaft", "nav.contact": "Kontakt", "nav.support": "Unterstützung", "nav.admin": "Verwaltung", "nav.login": "Anmelden", "nav.signup": "Registrieren", "nav.logout": "Abmelden", "nav.socialMedia": "Soziale Medien", "nav.about": "Über uns", "nav.game": "Spiel", "nav.profile": "Profileinstellungen", // Navigation categories "nav.category.info": "Informationen", "nav.category.communication": "Kommunikation", "nav.category.entertainment": "Unterhaltung", // Search "search.title": "Suche", "search.placeholder": "Seiten, Nachrichten, Schüler suchen...", "search.noResults": "Keine Ergebnisse gefunden", "search.homeDesc": "Hauptseite der Klasse 9.B", "search.studentsDesc": "Lernen Sie die Mitglieder unserer Klasse kennen", "search.newsDesc": "Neueste Nachrichten aus unserem Schulleben", "search.scheduleDesc": "Aktueller Stundenplan für Klasse 9.B", "search.photogalleryDesc": "Fotos und Erinnerungen von unseren Veranstaltungen", "search.communityDesc": "Raum für Klassenkameraden - Diskussionen", "search.gameDesc": "Gedächtnisspiel zum Spaß", "search.socialMediaDesc": "Unsere sozialen Medien und Links", "search.contactDesc": "Kontaktinformationen und Formular", "search.supportDesc": "Unterstützen Sie unsere Klasse", "search.aboutDesc": "Informationen über unsere Klasse 9.B", "search.termsDesc": "Nutzungsbedingungen der Website", "search.privacyDesc": "Datenschutzrichtlinie", // Slideshow "slideshow.title": "Fotogalerie", "slideshow.subtitle": "Durchsuchen Sie unsere besten Erinnerungen", "slideshow.viewAll": "Gesamte Galerie anzeigen", "slideshow.caption1": "Spaß auf der Schaukel - Schullager", "slideshow.caption2": "Seifenblasen und Lächeln - Gemeinsame Momente", "slideshow.caption3": "Klassenfoto - Unsere 9.B Gruppe", "slideshow.caption4": "Cambridge-Zertifikate - Verleihung 9.B", "slideshow.caption5": "Medientag - Tschechisches Fernsehen", "slideshow.caption6": "Besuch der Kläranlage in Litoměřice", "slideshow.caption7": "Wanderung auf den Radobýl-Berg", // Game "game.title": "Gedächtnisspiel", "game.description": "Teste dein Gedächtnis und finde alle passenden Paare. Je weniger Züge, desto besser!", "game.feature1": "Trainiere dein Gedächtnis", "game.feature2": "Spaß für alle", "game.moves": "Züge", "game.time": "Zeit", "game.score": "Punkte", "game.bestScore": "Beste Punktzahl", "game.bestStreak": "Beste Serie", "game.reset": "Neues Spiel", "game.playAgain": "Nochmal spielen", "game.congratulations": "Herzlichen Glückwunsch!", "game.youWon": "Du hast alle Paare gefunden!", "game.easy": "Leicht", "game.medium": "Mittel", "game.hard": "Schwer", "game.howToPlay": "Spielanleitung", "game.instruction1": "Klicke auf eine Karte, um sie umzudrehen", "game.instruction2": "Merke dir die Position der Symbole", "game.instruction3": "Finde alle passenden Kartenpaare", "game.instruction4": "Weniger Züge bedeuten mehr Punkte!", // Accessibility "accessibility.seniorMode": "Seniorenmodus", "accessibility.enableSeniorMode": "Seniorenmodus aktivieren (größere Schrift, höherer Kontrast)", "accessibility.disableSeniorMode": "Seniorenmodus deaktivieren", // Changelog "changelog.title": "Änderungsprotokoll", "changelog.subtitle": "Versionsverlauf und Funktionsaktualisierungen", // Footer "footer.quickLinks": "Schnelllinks", "footer.information": "Information", "footer.contact": "Kontakt", "footer.partners": "Unsere Partner", "footer.rights": "Alle Rechte vorbehalten.", "footer.privateNote": "Diese Website ist nur für Mitglieder der Klasse 9.B und ist nicht öffentlich zugänglich.", "footer.terms": "Nutzungsbedingungen", "footer.privacy": "Datenschutz", // Common "common.parent": "Elternteil", "common.student": "Schüler", "common.administrator": "Administrator", "common.continue": "Fortsetzen", "common.loading": "Laden...", "common.error": "Fehler", "common.success": "Erfolg", "common.save": "Speichern", "common.cancel": "Abbrechen", "common.delete": "Löschen", "common.edit": "Bearbeiten", "common.view": "Ansehen", "common.search": "Suchen", "common.filter": "Filtern", // Auth "auth.login": "Anmelden", "auth.loginDesc": "Geben Sie Ihre Anmeldedaten ein", "auth.signup": "Registrieren", "auth.logout": "Abmelden", "auth.email": "E-Mail", "auth.password": "Passwort", "auth.repeatPassword": "Passwort wiederholen", "auth.noAccount": "Kein Konto?", "auth.parentAccess": "Als Elternteil eintreten", "auth.parentAccessDesc": "Eingeschränkter Zugang - nur Basisseiten", "auth.restrictedAccess": "Eingeschränkter Zugang", "auth.restrictedDesc": "Diese Seite ist nur für angemeldete Schüler zugänglich.", "auth.classOnly": "Diese Website ist nur für Mitglieder der Klasse 9.B", "auth.edupageLogin": "Mit Edupage anmelden", "auth.edupageDesc": "Verwenden Sie Ihre Edupage-Anmeldedaten", "auth.username": "Benutzername", "auth.usernamePlaceholder": "Ihr Benutzername", "auth.loginWithEdupage": "Mit Edupage anmelden", "auth.loggingIn": "Anmelden...", "auth.backToLogin": "Zurück zur Standardanmeldung", "auth.haveEdupage": "Haben Sie ein Edupage-Konto?", "auth.edupageQuick": "Schnelle Anmeldung mit einem Klick", "auth.useEdupage": "Edupage verwenden", "auth.edupageError": "Edupage-Anmeldung fehlgeschlagen.", "auth.edupageMaintenanceTitle": "Edupage - Systemwartung", "auth.edupageMaintenance": "Die Edupage-Anmeldung ist aufgrund von Wartungsarbeiten und Systeminstabilität vorübergehend nicht verfügbar. Bitte verwenden Sie die Standardanmeldung oder versuchen Sie es später erneut.", "auth.loginSlowTitle": "Langsame Anmeldung?", "auth.loginSlowDesc": "Wenn die Anmeldung zu lange dauert, aktualisieren Sie die Seite und starten Sie den Anmeldevorgang neu.", "auth.loginSlowSignature": "- Ihr Tadeax System", "auth.resetPassword": "Passwort vergessen?", "auth.resetPasswordTitle": "Passwort zurücksetzen", "auth.resetPasswordDesc": "Geben Sie Ihre E-Mail ein, um Ihr Passwort zurückzusetzen", "auth.resetPasswordSent": "Ein Link zum Zurücksetzen des Passworts wurde an Ihre E-Mail gesendet", "auth.resendConfirmation": "Bestätigungs-E-Mail erneut senden", "auth.resendConfirmationSent": "Bestätigungs-E-Mail wurde gesendet", // About page "about.title": "Über uns", "about.subtitle": "Lernen Sie die Klasse 9.B kennen - eine Gruppe großartiger Schüler voller Energie", "about.bestTeacher": "Mit dem besten Lehrer aller Zeiten!", "about.signature": "- Unsere 9.B", "about.studentsCount": "Schüler", "about.yearsTogether": "Jahre zusammen", "about.achievements": "Erfolge", "about.teamSpirit": "Teamgeist", "about.whoWeAre": "Wer wir sind", "about.description1": "Wir sind die Klasse 9.B der Grundschule Boženy Němcové in Litoměřice. Unsere Klasse ist voller Energie, Kreativität und Freundschaft.", "about.description2": "Im Laufe der Jahre sind wir zu einem großartigen Team geworden, das sich gegenseitig im Studium und darüber hinaus unterstützt.", "about.description3": "Unser Ziel ist es nicht nur, gute Studienergebnisse zu erzielen, sondern auch dieses letzte Jahr in vollen Zügen zu genießen.", "about.description4": "Unsere Klasse entstand aus der Verbindung verschiedener Persönlichkeiten, die zusammen ein einzigartiges Kollektiv bilden.", "about.description5": "Während unserer gemeinsamen Zeit haben wir viele unvergessliche Momente erlebt - von Schulausflügen über Klassenveranstaltungen bis hin zu alltäglichen Momenten.", "about.ourValues": "Unsere Werte", "about.ourValuesDesc": "Prinzipien, die uns vereinen und unser Kollektiv formen", "about.friendship": "Freundschaft", "about.friendshipDesc": "Gegenseitige Unterstützung und Respekt sind die Grundlage unserer Klasse", "about.education": "Bildung", "about.educationDesc": "Wir streben nach den besten Ergebnissen in unserem Studium", "about.creativity": "Kreativität", "about.creativityDesc": "Wir fördern neue Ideen und originelle Ansätze", "about.achievement": "Erfolg", "about.achievementDesc": "Gemeinsam feiern wir jeden Erfolg, ob groß oder klein", "about.ourSchool": "Unsere Schule", "about.schoolName": "Grundschule Boženy Němcové, Litoměřice", "about.schoolDesc": "Eine Grundschule mit langer Tradition und modernem Bildungsansatz.", "about.schoolAddress": "Boženy Němcové 2, 412 01 Litoměřice", // Admin "admin.title": "Verwaltung", "admin.auditLogs": "Audit-Protokolle", // Hero "hero.title": "Willkommen auf den Seiten der Klasse 9.B", "hero.subtitle": "Wir sind eine Klasse voller Energie, Kreativität und Freundschaft.", "hero.meetClass": "Lerne unsere Klasse kennen", "hero.schedule": "Stundenplan", "hero.searchPlaceholder": "Schüler, Nachrichten, Stundenplan suchen...", // News "news.title": "Aktuelles", "news.subtitle": "Aktuelle Neuigkeiten und Ankündigungen aus der Klasse 9.B", "news.mockExams.title": "Übungsaufnahmeprüfungen", "news.mockExams.category": "Bildung", "news.mockExams.description": "Übungsaufnahmeprüfungen finden am 28. Januar statt. Ein wichtiger Moment im Leben jedes Neuntklässlers naht!", "news.england.title": "Reise nach England 2026", "news.england.category": "Ausflug", "news.england.description": "Bereitet euch auf ein unvergessliches Erlebnis vor! Im Sommer 2026 planen wir eine Klassenreise nach England.", "news.merch.title": "Klassen-Merch Entwicklung", "news.merch.category": "Merch", "news.merch.description": "Wir arbeiten an exklusivem Klassen-Merch für 9.B! Wir bereiten einzigartige Produkte vor.", "news.merchUpdate.title": "Schulmerch kurz vor der Fertigstellung!", "news.merchUpdate.category": "Merch", "news.merchUpdate.description": "Die Entwicklung des Schulmerch nähert sich ihrem Ende! Schulmerch wird bald für alle Schüler und ihre Familien verfügbar sein. Freut euch auf exklusive T-Shirts, Hoodies und weitere Produkte mit unserem Klassen-Logo.", "news.cambridge.title": "Cambridge-Zertifikate verteilt!", "news.cambridge.category": "Zertifikate", "news.cambridge.description": "Herzlichen Glückwunsch an alle Schüler, die ihre Cambridge-Sprachzertifikate erhalten haben! Die Zertifikate belegen das hohe Sprachniveau unserer Schüler. Wir sind sehr stolz auf euch!", "news.theaterTrip.title": "Ausflug ins Činoherní Studio Theater in Ústí nad Labem", "news.theaterTrip.category": "Theater", "news.theaterTrip.description": "Krieg mit den Molchen - Mo 23. 3. 2026. Treffpunkt 8:30, Bhf Litoměřice město. Rückkehr ~13:00. Preis: 150 + 58 CZK Zug (OP JAK finanziert).", "news.dance.title": "Schulball [Stattgefunden]", "news.dance.category": "Tanz", "news.dance.description": "Der Schulball fand erfolgreich statt und war ein unvergesslicher Abend voller Tanz, Musik und großem Spaß! Vielen Dank an alle, die bei der Organisation dieses wunderbaren Abends mitgeholfen haben.", "news.noNews": "Noch keine Neuigkeiten", "news.noNewsDesc": "Neuigkeiten werden bald hinzugefügt.", // Students "students.title": "Unsere Schüler", "students.boys": "Jungen", "students.girls": "Mädchen", "students.teacher": "Unser Lehrer", "students.classTeacher": "Klassenlehrer", // Other "community.title": "Gemeinschaft", "community.studentsOnly": "Nur für Schüler", // Photogallery "photogallery.title": "Fotogalerie", "photogallery.subtitle": "Erinnerungen unserer Klasse in Fotos festgehalten", "photogallery.studentsOnly": "Nur für Schüler", "photogallery.upload": "Fotos hochladen", "photogallery.uploadSuccess": "Fotos erfolgreich ausgewählt!", "photogallery.uploadError": "Bitte nur Bilder auswählen", "photogallery.filesSelected": "Dateien ausgewählt", "photogallery.selectPhotos": "Fotos auswählen", "photogallery.albums": "Alben", "photogallery.browseMemories": "Durchstöbern Sie unsere gemeinsamen Erinnerungen", "photogallery.photos": "Fotos", "photogallery.noPhotos": "Noch keine Fotos", "photogallery.noPhotosDesc": "Seien Sie der Erste, der Fotos hochlädt!", "photogallery.private": "Privat", "photogallery.privateDesc": "Fotos nur für Klassenmitglieder sichtbar", "photogallery.sharing": "Teilen", "photogallery.sharingDesc": "Teilen Sie Ihre besten Momente", "photogallery.memories": "Erinnerungen", "photogallery.memoriesDesc": "Bewahren Sie Erinnerungen für immer", "photogallery.more": "weitere", // Upload dialog "upload.title": "Fotos hochladen", "upload.description": "Laden Sie Ihre Fotos hoch und teilen Sie sie", "upload.dropzone": "Fotos hierher ziehen", "upload.dropzoneDesc": "oder klicken Sie zum Auswählen", "upload.selectedFiles": "Ausgewählte Dateien", "upload.clearAll": "Alle löschen", "upload.continue": "Weiter", "upload.back": "Zurück", "upload.startUpload": "Fotos hochladen", "upload.photoName": "Fotoname", "upload.photoNamePlaceholder": "Fotoname eingeben", "upload.photoDescription": "Beschreibung", "upload.photoDescriptionPlaceholder": "Beschreibung hinzufügen...", "upload.category": "Kategorie", "upload.category.general": "Allgemein", "upload.category.trip": "Ausflug", "upload.category.event": "Veranstaltung", "upload.category.sports": "Sport", "upload.category.classroom": "Klassenzimmer", "upload.visibility": "Sichtbarkeit", "upload.visibility.public": "Öffentlich", "upload.visibility.publicDesc": "Für alle sichtbar", "upload.visibility.unlisted": "Nicht gelistet", "upload.visibility.unlistedDesc": "Nur mit Link", "upload.visibility.private": "Privat", "upload.visibility.privateDesc": "Nur für Sie", "upload.tags": "Tags", "upload.tagsPlaceholder": "Tag hinzufügen...", "upload.addTag": "Hinzufügen", "upload.previous": "Zurück", "upload.next": "Weiter", "upload.processing": "Fotos werden verarbeitet", "upload.processingDesc": "Hochladen und Sicherheitsprüfung...", "upload.uploading": "Hochladen", "upload.scanning": "Scannen", "upload.complete": "Fertig!", "upload.photosUploaded": "Fotos erfolgreich hochgeladen", "upload.close": "Schließen", "upload.uploadMore": "Mehr hochladen", "contact.title": "Kontakt", "contact.studioTitle": "Tadeax Studio", "contact.schoolTitle": "Unsere Schule", "contact.teacherTitle": "Klassenlehrer", "contact.address": "Adresse", "contact.phone": "Telefon", "contact.email": "E-Mail", "contact.classTeacher": "Klassenlehrer der 9.B", "contact.formTitle": "Schreiben Sie uns", "contact.formDescription": "Haben Sie eine Frage oder Idee? Füllen Sie das Formular aus.", "contact.name": "Name", "contact.namePlaceholder": "Ihr Name", "contact.emailPlaceholder": "ihre@email.de", "contact.subject": "Betreff", "contact.subjectPlaceholder": "Worüber möchten Sie schreiben?", "contact.message": "Nachricht", "contact.messagePlaceholder": "Ihre Nachricht...", "contact.send": "Nachricht senden", "faq.title": "Häufig gestellte Fragen", "faq.subtitle": "Finden Sie Antworten auf häufige Fragen", "faq.searchPlaceholder": "Fragen durchsuchen...", "faq.resultsFound": "Ergebnisse gefunden", "faq.noResults": "Keine Ergebnisse gefunden", "faq.stillNeedHelp": "Brauchen Sie noch Hilfe?", "faq.contactUs": "Unser Team ist für Sie da. Kontaktieren Sie uns.", "faq.goToContact": "Zum Kontakt", "faq.general": "Allgemeine Fragen", "faq.account": "Konto & Anmeldung", "faq.features": "Website-Funktionen", "faq.q1": "Was ist die Website der Klasse 9.B?", "faq.a1": "Dies ist eine private Website für Schüler der Klasse 9.B der Grundschule Bozena Nemcova in Litomerice.", "faq.q2": "Wer kann auf diese Website zugreifen?", "faq.a2": "Die Website ist nur für Mitglieder der Klasse 9.B - Schüler, Eltern und Lehrer.", "faq.q3": "Wie kann ich den Administrator kontaktieren?", "faq.a3": "Über das Kontaktformular oder per E-Mail an tad.studio.cz@gmail.com.", "faq.q4": "Wie kann ich mich anmelden?", "faq.a4": "Verwenden Sie Ihre Edupage-Anmeldedaten oder registrieren Sie sich mit Ihrer E-Mail.", "faq.q5": "Ich habe mein Passwort vergessen. Was soll ich tun?", "faq.a5": "Kontaktieren Sie den Administrator über das Kontaktformular.", "faq.q6": "Was finde ich im Bereich Schüler?", "faq.a6": "Profile aller Klassenkameraden, ihre Interessen und Fotos.", "faq.q7": "Wie funktioniert die Community?", "faq.a7": "Die Community ermöglicht das Teilen von Beiträgen und Diskussionen zwischen Klassenkameraden.", "faq.q8": "Kann ich eigene Fotos hochladen?", "faq.a8": "Ja, angemeldete Schüler können Fotos in die Galerie hochladen.", "thanks.title": "Besonderer Dank", "thanks.description": "Danke an unsere Partner für die Unterstützung dieses Projekts.", "thanks.button": "Verstanden, danke!", // Terms of Use "terms.title": "Nutzungsbedingungen", "terms.backToHome": "Zurück zur Startseite", "terms.lastUpdated": "Zuletzt aktualisiert", "terms.introduction": "Willkommen auf der Website der Klasse 9.B der Grundschule Bozena Nemcova in Litomerice. Durch die Nutzung dieser Website stimmen Sie den folgenden Bedingungen zu.", "terms.acceptanceTitle": "Annahme der Bedingungen", "terms.acceptanceContent": "Durch den Zugriff auf diese Website stimmen Sie diesen Nutzungsbedingungen zu. Wenn Sie mit einem Teil dieser Bedingungen nicht einverstanden sind, dürfen Sie die Website nicht nutzen.", "terms.eligibilityTitle": "Berechtigung", "terms.eligibilityContent": "Diese Website ist ausschließlich für Schüler der Klasse 9.B, ihre Eltern und Lehrer bestimmt. Der Zugang zu bestimmten Bereichen erfordert eine Anmeldung.", "terms.accountTitle": "Benutzerkonten", "terms.accountContent": "Sie sind für die Vertraulichkeit Ihres Kontos und Passworts verantwortlich. Sie erklären sich damit einverstanden, die Verantwortung für alle Aktivitäten zu übernehmen, die unter Ihrem Konto stattfinden.", "terms.conductTitle": "Verhaltensregeln", "terms.conductContent": "Sie verpflichten sich, die Website nicht zu verwenden für:\n• Hochladen unangemessener Inhalte\n• Belästigung anderer Benutzer\n• Verbreitung falscher Informationen\n• Illegale Aktivitäten", "terms.contentTitle": "Inhalte und Urheberrecht", "terms.contentContent": "Alle Inhalte auf dieser Website sind urheberrechtlich geschützt. Benutzer können eigene Inhalte hochladen, müssen aber sicherstellen, dass sie das Recht haben, diese zu teilen.", "terms.changesTitle": "Änderungen der Bedingungen", "terms.changesContent": "Wir behalten uns das Recht vor, diese Bedingungen jederzeit zu ändern. Über wesentliche Änderungen werden wir Sie informieren.", "terms.questionsTitle": "Haben Sie Fragen?", "terms.questionsContent": "Bei Fragen zu diesen Bedingungen kontaktieren Sie uns bitte.", "terms.contactUs": "Kontaktieren Sie uns", "terms.privacyLink": "Datenschutzerklärung", // Privacy Policy "privacy.title": "Datenschutzerklärung", "privacy.backToHome": "Zurück zur Startseite", "privacy.lastUpdated": "Zuletzt aktualisiert", "privacy.introduction": "Ihre Privatsphäre ist uns wichtig. Diese Richtlinie beschreibt, welche Informationen wir sammeln, wie wir sie verwenden und wie wir sie schützen.", "privacy.collectionTitle": "Welche Daten wir sammeln", "privacy.collectionContent": "Wir sammeln folgende Daten:\n• Anmeldedaten (E-Mail, Benutzername)\n• Profilinformationen (Name, Klasse)\n• Hochgeladene Inhalte (Fotos, Beiträge)\n• Technische Daten (IP-Adresse, Browsertyp)", "privacy.useTitle": "Wie wir Daten verwenden", "privacy.useContent": "Wir verwenden Ihre Daten für:\n• Zugang zur Website\n• Anzeige Ihres Profils\n• Verwaltung der Community-Funktionen\n• Verbesserung der Website", "privacy.securityTitle": "Datensicherheit", "privacy.securityContent": "Wir implementieren angemessene Sicherheitsmaßnahmen zum Schutz Ihrer persönlichen Daten. Wir verwenden verschlüsselte Verbindungen und sichere Datenspeicherung.", "privacy.sharingTitle": "Datenweitergabe", "privacy.sharingContent": "Wir geben Ihre Daten nicht an Dritte weiter, außer:\n• Wenn gesetzlich vorgeschrieben\n• Zum Schutz von Rechten und Sicherheit\n• Mit Ihrer ausdrücklichen Zustimmung", "privacy.retentionTitle": "Datenaufbewahrung", "privacy.retentionContent": "Wir bewahren Ihre Daten auf, solange Sie Klassenmitglied sind. Sie können die Löschung Ihres Kontos beantragen.", "privacy.rightsTitle": "Ihre Rechte", "privacy.rightsContent": "Sie haben das Recht auf:\n• Zugang zu Ihren Daten\n• Berichtigung ungenauer Daten\n• Löschung Ihrer Daten\n• Widerspruch gegen die Verarbeitung", "privacy.questionsTitle": "Fragen zum Datenschutz?", "privacy.questionsContent": "Bei Fragen zum Schutz Ihrer Daten kontaktieren Sie uns.", "privacy.contactUs": "Kontaktieren Sie uns", "privacy.termsLink": "Nutzungsbedingungen", // Social Media "social.title": "Soziale Medien", "social.subtitle": "Folgen Sie uns auf sozialen Medien und bleiben Sie informiert", "social.stayConnected": "Bleiben Sie verbunden", "social.website": "Webseite", "social.visitProfile": "Profil besuchen", "social.followUs": "Folgen Sie uns", "social.followUsDesc": "Treten Sie unserer Online-Community bei", "social.followInstagram": "Auf Instagram folgen", "social.visitSchool": "Schulwebsite besuchen", "social.instagramClassDesc": "Offizieller Instagram der Klasse 9.B - Fotos, Geschichten und Neuigkeiten aus unserem Schulleben", "social.instagramTadeaxDesc": "Tadeax Studio Instagram - unser kreatives Team und Webprojekte", "social.schoolWebsiteDesc": "Offizielle Website der ZS Bozeny Nemcove in Litomerice - Informationen fuer Eltern und Schueler", "social.tadeaxWebsiteDesc": "Tadeax Studio Website - Erstellung moderner Websites und Anwendungen", // Notifications "notifications.title": "Benachrichtigungen", "notifications.description": "Erhalten Sie Benachrichtigungen über neue Updates", "notifications.allow": "Erlauben", "notifications.decline": "Ablehnen", "notifications.enabled": "Benachrichtigungen aktiviert", "notifications.enabledDesc": "Sie werden über neue Updates benachrichtigt", // Cookie Consent "cookie.title": "Wir verwenden Cookies", "cookie.description": "Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Cookies helfen uns bei der Analyse des Datenverkehrs und der Personalisierung von Inhalten.", "cookie.accept": "Akzeptieren", "cookie.decline": "Ablehnen", // Profile Settings "profile.title": "Profileinstellungen", "profile.subtitle": "Verwalten Sie Ihr Konto und Ihre Einstellungen", "profile.general": "Allgemein", "profile.security": "Sicherheit", "profile.sessions": "Sitzungen", "profile.avatar": "Profilbild", "profile.avatarDesc": "Laden Sie ein benutzerdefiniertes Profilbild hoch", "profile.uploadAvatar": "Bild hochladen", "profile.displayName": "Anzeigename", "profile.displayNameDesc": "Ihr für andere sichtbarer Name", "profile.saveChanges": "Änderungen speichern", "profile.saving": "Speichern...", "profile.saved": "Änderungen gespeichert", "profile.twoFactor": "Zwei-Faktor-Authentifizierung", "profile.twoFactorDesc": "Fügen Sie eine zusätzliche Sicherheitsebene per SMS hinzu", "profile.twoFactorEnabled": "Zwei-Faktor-Authentifizierung ist aktiv", "profile.twoFactorDisabled": "Zwei-Faktor-Authentifizierung ist nicht aktiv", "profile.enableTwoFactor": "2FA aktivieren", "profile.disableTwoFactor": "2FA deaktivieren", "profile.phoneNumber": "Telefonnummer", "profile.phoneNumberPlaceholder": "+49 XXX XXXXXXX", "profile.sendCode": "Code senden", "profile.verifyCode": "Code verifizieren", "profile.enterCode": "Code aus SMS eingeben", "profile.activeSessions": "Aktive Sitzungen", "profile.activeSessionsDesc": "Geräte, die in Ihrem Konto angemeldet sind", "profile.currentSession": "Aktuelle Sitzung", "profile.lastActive": "Zuletzt aktiv", "profile.revokeSession": "Abmelden", "profile.revokeAllSessions": "Alle Geräte abmelden", "profile.sessionRevoked": "Sitzung wurde beendet", "profile.noSessions": "Keine anderen aktiven Sitzungen", // Profile settings - additional keys "profile.description": "Verwalten Sie Ihr Konto und Ihre Einstellungen", "profile.email": "E-Mail", "profile.displayNamePlaceholder": "Anzeigename eingeben", "profile.avatarHint": "Unterstützte Formate: JPG, PNG, GIF. Max 5MB.", "profile.updated": "Änderungen gespeichert", "profile.updatedDesc": "Ihr Profil wurde erfolgreich aktualisiert.", "profile.error": "Fehler", "profile.avatarUpdated": "Profilbild aktualisiert", "profile.avatarUpdatedDesc": "Ihr Profilbild wurde erfolgreich aktualisiert.", "profile.avatarUploadError": "Profilbild konnte nicht hochgeladen werden.", "profile.updateError": "Änderungen konnten nicht gespeichert werden.", "profile.phoneRequired": "Bitte geben Sie eine Telefonnummer ein, um 2FA zu aktivieren.", "profile.verificationSent": "Bestätigungscode gesendet", "profile.verificationSentDesc": "Ein Bestätigungscode wurde an Ihre Telefonnummer gesendet.", "profile.smsError": "SMS konnte nicht gesendet werden. Bitte versuchen Sie es erneut.", "profile.2faEnabled": "Zwei-Faktor-Authentifizierung aktiviert", "profile.2faEnabledDesc": "Ihr Konto ist jetzt mit Zwei-Faktor-Authentifizierung geschützt.", "profile.2faError": "Zwei-Faktor-Authentifizierung konnte nicht aktiviert werden.", "profile.disable": "Deaktivieren", "profile.enable2FA": "2FA aktivieren", "profile.verify": "Verifizieren", "profile.cancel": "Abbrechen", "profile.verificationCode": "Bestätigungscode", "profile.verificationCodeHint": "Geben Sie den 6-stelligen Code aus der SMS ein.", "profile.current": "Aktuell", "profile.sessionRevokedDesc": "Gerät wurde erfolgreich abgemeldet.", "profile.revokeError": "Gerät konnte nicht abgemeldet werden.", "profile.loginHistoryDesc": "Geräte, die derzeit in Ihrem Konto angemeldet sind.", "profile.twoFactorAuth": "Zwei-Faktor-Authentifizierung", // Share "share.title": "Teilen", "share.copyLink": "Link kopieren", "share.linkCopied": "Link kopiert!", "share.shareVia": "Teilen über", }, pl: { // Navigation "nav.home": "Strona główna", "nav.students": "Uczniowie", "nav.news": "Aktualności", "nav.schedule": "Plan lekcji", "nav.photogallery": "Galeria zdjęć", "nav.community": "Społeczność", "nav.contact": "Kontakt", "nav.support": "Wsparcie", "nav.admin": "Administracja", "nav.login": "Zaloguj się", "nav.signup": "Zarejestruj się", "nav.logout": "Wyloguj się", "nav.socialMedia": "Media społecznościowe", "nav.about": "O nas", "nav.game": "Gra", "nav.profile": "Ustawienia profilu", // Navigation categories "nav.category.info": "Informacje", "nav.category.communication": "Komunikacja", "nav.category.entertainment": "Rozrywka", // Search "search.title": "Szukaj", "search.placeholder": "Szukaj stron, wiadomości, uczniów...", "search.noResults": "Nie znaleziono wyników", "search.homeDesc": "Strona główna klasy 9.B", "search.studentsDesc": "Poznaj członków naszej klasy", "search.newsDesc": "Najnowsze wiadomości z naszego życia szkolnego", "search.scheduleDesc": "Aktualny plan lekcji dla klasy 9.B", "search.photogalleryDesc": "Zdjęcia i wspomnienia z naszych wydarzeń", "search.communityDesc": "Przestrzeń dla kolegów - dyskusje i współpraca", "search.gameDesc": "Gra pamięciowa dla zabawy", "search.socialMediaDesc": "Nasze media społecznościowe i linki", "search.contactDesc": "Informacje kontaktowe i formularz", "search.supportDesc": "Wesprzyj naszą klasę i jej działania", "search.aboutDesc": "Informacje o naszej klasie 9.B", "search.termsDesc": "Regulamin strony", "search.privacyDesc": "Polityka prywatności", // Slideshow "slideshow.title": "Galeria zdjęć", "slideshow.subtitle": "Przeglądaj nasze najlepsze wspomnienia", "slideshow.viewAll": "Zobacz całą galerię", "slideshow.caption1": "Zabawa na huśtawkach - Obóz szkolny", "slideshow.caption2": "Bańki i uśmiechy - Wspólne chwile", "slideshow.caption3": "Zdjęcie klasowe - Nasza grupa 9.B", "slideshow.caption4": "Certyfikaty Cambridge - Wręczenie 9.B", "slideshow.caption5": "Dzień medialny - Czeska Telewizja", "slideshow.caption6": "Wizyta w oczyszczalni ścieków w Litoměřicach", "slideshow.caption7": "Wycieczka na górę Radobýl", // Game "game.title": "Gra pamięciowa", "game.description": "Sprawdź swoją pamięć i znajdź wszystkie pary. Im mniej ruchów, tym lepszy wynik!", "game.feature1": "Trenuj pamięć", "game.feature2": "Zabawa dla wszystkich", "game.moves": "Ruchy", "game.time": "Czas", "game.score": "Wynik", "game.bestScore": "Najlepszy wynik", "game.bestStreak": "Najlepsza seria", "game.reset": "Nowa gra", "game.playAgain": "Zagraj ponownie", "game.congratulations": "Gratulacje!", "game.youWon": "Znalazłeś wszystkie pary!", "game.easy": "Łatwy", "game.medium": "Średni", "game.hard": "Trudny", "game.howToPlay": "Jak grać", "game.instruction1": "Kliknij kartę, aby ją odwrócić", "game.instruction2": "Zapamiętaj pozycję symboli", "game.instruction3": "Znajdź wszystkie pary pasujących kart", "game.instruction4": "Mniej ruchów oznacza wyższy wynik!", // Accessibility "accessibility.seniorMode": "Tryb dla seniorów", "accessibility.enableSeniorMode": "Włącz tryb dla seniorów", "accessibility.disableSeniorMode": "Wyłącz tryb dla seniorów", // Changelog "changelog.title": "Dziennik aktualizacji", "changelog.subtitle": "Historia wersji i aktualizacje funkcji", // Footer "footer.quickLinks": "Szybkie linki", "footer.information": "Informacje", "footer.contact": "Kontakt", "footer.partners": "Nasi Partnerzy", "footer.rights": "Wszystkie prawa zastrzeżone.", "footer.privateNote": "Ta strona przeznaczona jest wyłącznie dla członków klasy 9.B i nie jest publicznie dostępna.", "footer.terms": "Warunki użytkowania", "footer.privacy": "Polityka prywatności", // Common "common.parent": "Rodzic", "common.student": "Uczeń", "common.administrator": "Administrator", "common.continue": "Kontynuować", "common.loading": "Ładowanie...", // Auth "auth.login": "Zaloguj się", "auth.loginDesc": "Wprowadź dane logowania", "auth.signup": "Zarejestruj się", "auth.logout": "Wyloguj się", "auth.email": "E-mail", "auth.password": "Hasło", "auth.repeatPassword": "Powtórz hasło", "auth.noAccount": "Nie masz konta?", "auth.parentAccess": "Wejdź jako rodzic", "auth.parentAccessDesc": "Ograniczony dostęp - tylko podstawowe strony", "auth.restrictedAccess": "Ograniczony dostęp", "auth.restrictedDesc": "Ta strona jest dostępna tylko dla zalogowanych uczniów.", "auth.classOnly": "Ta strona jest przeznaczona tylko dla członków klasy 9.B", "auth.loggingIn": "Logowanie...", "auth.backToLogin": "Powrót do standardowego logowania", "auth.edupageMaintenanceTitle": "Edupage - Konserwacja systemu", "auth.edupageMaintenance": "Logowanie przez Edupage jest tymczasowo niedostępne z powodu konserwacji i niestabilności systemu. Użyj standardowego logowania lub spróbuj później.", "auth.loginSlowTitle": "Wolne logowanie?", "auth.loginSlowDesc": "Jeśli logowanie trwa zbyt długo, odśwież stronę.", "auth.loginSlowSignature": "- Twój Tadeax System", "auth.resetPassword": "Zapomniałeś hasła?", "auth.resetPasswordTitle": "Zresetuj hasło", "auth.resetPasswordDesc": "Wprowadź swój e-mail, aby zresetować hasło", "auth.resetPasswordSent": "Link do resetowania hasła został wysłany na Twój e-mail", "auth.resendConfirmation": "Wyślij ponownie e-mail potwierdzający", "auth.resendConfirmationSent": "E-mail potwierdzający został wysłany", // About "about.title": "O nas", "about.subtitle": "Poznaj klasę 9.B - grupę wspaniałych uczniów pełnych energii i entuzjazmu", "about.bestTeacher": "Z najlepszym nauczycielem na świecie!", "about.signature": "- Nasza 9.B", "about.studentsCount": "Uczniów", "about.yearsTogether": "Lat razem", "about.achievements": "Osiągnięcia", "about.teamSpirit": "Duch zespołu", "about.whoWeAre": "Kim jesteśmy", "about.description1": "Jesteśmy klasą 9.B ze Szkoły Podstawowej Boženy Němcové w Litomierzycach. Nasza klasa jest pełna energii, kreatywności i przyjaźni.", "about.description2": "Przez lata staliśmy się świetnym zespołem, który wspiera się nawzajem w nauce i poza nią.", "about.description3": "Naszym celem jest nie tylko osiągnięcie dobrych wyników w nauce, ale także pełne wykorzystanie tego ostatniego roku.", "about.description4": "Nasza klasa powstała z połączenia różnych osobowości, które razem tworzą unikalny kolektyw.", "about.description5": "Podczas naszego wspólnego czasu przeżyliśmy wiele niezapomnianych chwil - od wycieczek szkolnych przez wydarzenia klasowe po codzienne momenty.", "about.ourValues": "Nasze wartości", "about.ourValuesDesc": "Zasady, które nas jednoczą i kształtują nasz kolektyw", "about.friendship": "Przyjaźń", "about.friendshipDesc": "Wzajemne wsparcie i szacunek są fundamentem naszej klasy", "about.education": "Edukacja", "about.educationDesc": "Dążymy do osiągnięcia najlepszych wyników w nauce", "about.creativity": "Kreatywność", "about.creativityDesc": "Zachęcamy do nowych pomysłów i oryginalnych podejść", "about.achievement": "Osiągnięcie", "about.achievementDesc": "Razem świętujemy każdy sukces, duży czy mały", "about.ourSchool": "Nasza szkoła", "about.schoolName": "Szkoła Podstawowa Boženy Němcové, Litomierzyce", "about.schoolDesc": "Szkoła podstawowa z długą tradycją i nowoczesnym podejściem do edukacji.", "about.schoolAddress": "Boženy Němcové 2, 412 01 Litomierzyce", // Admin "admin.title": "Administracja", // Hero "hero.title": "Witamy na stronach klasy 9.B", "hero.searchPlaceholder": "Szukaj uczniów, aktualności, planu...", // News "news.title": "Aktualności", "news.subtitle": "Najnowsze wiadomości i ogłoszenia z klasy 9.B", "news.mockExams.title": "Próbne egzaminy wstępne", "news.mockExams.category": "Edukacja", "news.mockExams.description": "Próbne egzaminy wstępne odbędą się 28 stycznia. Ważny moment w życiu każdego dziewiątoklasisty!", "news.england.title": "Wycieczka do Anglii 2026", "news.england.category": "Wycieczka", "news.england.description": "Przygotujcie się na niezapomniane przeżycie! Latem 2026 planujemy wycieczkę klasową do Anglii.", "news.merch.title": "Rozwój klasowego merchu", "news.merch.category": "Merch", "news.merch.description": "Pracujemy nad ekskluzywnym klaso-merchem dla 9.B! Przygotowujemy wyjątkowe produkty.", "news.merchUpdate.title": "Szkolny merch jest bliski ukończenia!", "news.merchUpdate.category": "Merch", "news.merchUpdate.description": "Prace nad szkolnym merchem dobiegają końca! Szkolny merch będzie wkrótce dostępny dla wszystkich uczniów i ich rodzin. Czekajcie na ekskluzywne koszulki, bluzy i inne produkty z logo naszej klasy.", "news.cambridge.title": "Certyfikaty Cambridge rozdane!", "news.cambridge.category": "Certyfikaty", "news.cambridge.description": "Gratulacje dla wszystkich uczniów, którzy otrzymali swoje certyfikaty językowe Cambridge! Certyfikaty potwierdzają wysoki poziom językowy naszych uczniów. Jesteśmy z was bardzo dumni!", "news.theaterTrip.title": "Wycieczka do Teatru Činoherní Studio w Ústí nad Labem", "news.theaterTrip.category": "Teatr", "news.theaterTrip.description": "Wojna z mlokami - pon. 23. 3. 2026. Zbiórka 8:30, stacja Litoměřice město. Powrót ~13:00. Cena: 150 + 58 CZK pociąg (pokryte z OP JAK).", "news.dance.title": "Szkolny bal [Odbył się]", "news.dance.category": "Taniec", "news.dance.description": "Szkolny bal odbył się z powodzeniem i był niezapomnianym wieczorem pełnym tańca, muzyki i świetnej zabawy! Dziękujemy wszystkim, którzy pomogli w organizacji tego wspaniałego wieczoru.", "news.noNews": "Brak aktualności", "news.noNewsDesc": "Aktualności zostaną wkrótce dodane.", // Students "students.title": "Nasi uczniowie", "students.boys": "Chłopcy", "students.girls": "Dziewczyny", "students.teacher": "Nasz nauczyciel", "students.classTeacher": "Wychowawca", // Other "community.title": "Społeczność", "community.studentsOnly": "Tylko dla uczniów", // Photogallery "photogallery.title": "Galeria zdjęć", "photogallery.subtitle": "Wspomnienia naszej klasy uchwycone na zdjęciach", "photogallery.studentsOnly": "Tylko dla uczniów", "photogallery.upload": "Prześlij zdjęcia", "photogallery.uploadSuccess": "Zdjęcia wybrane pomyślnie!", "photogallery.uploadError": "Proszę wybrać tylko obrazy", "photogallery.filesSelected": "plików wybranych", "photogallery.selectPhotos": "Wybierz zdjęcia", "photogallery.albums": "Albumy", "photogallery.browseMemories": "Przeglądaj nasze wspólne wspomnienia", "photogallery.photos": "zdjęć", "photogallery.noPhotos": "Brak zdjęć", "photogallery.noPhotosDesc": "Bądź pierwszy i prześlij zdjęcia!", "photogallery.private": "Prywatne", "photogallery.privateDesc": "Zdjęcia widoczne tylko dla członków klasy", "photogallery.sharing": "Udostępnianie", "photogallery.sharingDesc": "Udostępniaj swoje najlepsze chwile", "photogallery.memories": "Wspomnienia", "photogallery.memoriesDesc": "Zachowaj wspomnienia na zawsze", "photogallery.more": "więcej", // Upload dialog "upload.title": "Prześlij zdjęcia", "upload.description": "Prześlij swoje zdjęcia i podziel się nimi", "upload.dropzone": "Upuść zdjęcia tutaj", "upload.dropzoneDesc": "lub kliknij, aby wybrać pliki", "upload.selectedFiles": "Wybrane pliki", "upload.clearAll": "Wyczyść wszystko", "upload.continue": "Kontynuuj", "upload.back": "Wstecz", "upload.startUpload": "Prześlij zdjęcia", "upload.photoName": "Nazwa zdjęcia", "upload.photoNamePlaceholder": "Wprowadź nazwę zdjęcia", "upload.photoDescription": "Opis", "upload.photoDescriptionPlaceholder": "Dodaj opis...", "upload.category": "Kategoria", "upload.category.general": "Ogólne", "upload.category.trip": "Wycieczka", "upload.category.event": "Wydarzenie", "upload.category.sports": "Sport", "upload.category.classroom": "Klasa", "upload.visibility": "Widoczność", "upload.visibility.public": "Publiczne", "upload.visibility.publicDesc": "Widoczne dla wszystkich", "upload.visibility.unlisted": "Niewidoczne", "upload.visibility.unlistedDesc": "Tylko z linkiem", "upload.visibility.private": "Prywatne", "upload.visibility.privateDesc": "Tylko dla Ciebie", "upload.tags": "Tagi", "upload.tagsPlaceholder": "Dodaj tag...", "upload.addTag": "Dodaj", "upload.previous": "Poprzedni", "upload.next": "Następny", "upload.processing": "Przetwarzanie zdjęć", "upload.processingDesc": "Przesyłanie i sprawdzanie bezpieczeństwa...", "upload.uploading": "Przesyłanie", "upload.scanning": "Skanowanie", "upload.complete": "Gotowe!", "upload.photosUploaded": "zdjęć pomyślnie przesłanych", "upload.close": "Zamknij", "upload.uploadMore": "Prześlij więcej", "contact.title": "Kontakt", "contact.studioTitle": "Tadeax Studio", "contact.schoolTitle": "Nasza szkoła", "contact.teacherTitle": "Wychowawca klasy", "contact.address": "Adres", "contact.phone": "Telefon", "contact.email": "E-mail", "contact.classTeacher": "Wychowawca klasy 9.B", "contact.formTitle": "Napisz do nas", "contact.formDescription": "Masz pytanie lub pomysł? Wypełnij formularz.", "contact.name": "Imię", "contact.namePlaceholder": "Twoje imię", "contact.emailPlaceholder": "twoj@email.pl", "contact.subject": "Temat", "contact.subjectPlaceholder": "O czym chcesz napisać?", "contact.message": "Wiadomość", "contact.messagePlaceholder": "Twoja wiadomość...", "contact.send": "Wyślij wiadomość", "faq.title": "Często zadawane pytania", "faq.subtitle": "Znajdź odpowiedzi na najczęstsze pytania", "faq.searchPlaceholder": "Szukaj pytań...", "faq.resultsFound": "wyników znaleziono", "faq.noResults": "Brak wyników", "faq.stillNeedHelp": "Nadal potrzebujesz pomocy?", "faq.contactUs": "Nasz zespół jest do Twojej dyspozycji. Skontaktuj się z nami.", "faq.goToContact": "Przejdź do kontaktu", "faq.general": "Pytania ogólne", "faq.account": "Konto i logowanie", "faq.features": "Funkcje strony", "faq.q1": "Czym jest strona klasy 9.B?", "faq.a1": "To prywatna strona dla uczniów klasy 9.B Szkoły Podstawowej im. Bozeny Nemcovej w Litomericach.", "faq.q2": "Kto może uzyskać dostęp do tej strony?", "faq.a2": "Strona jest przeznaczona tylko dla członków klasy 9.B - uczniów, rodziców i nauczycieli.", "faq.q3": "Jak mogę skontaktować się z administratorem?", "faq.a3": "Przez formularz kontaktowy lub e-mail: tad.studio.cz@gmail.com.", "faq.q4": "Jak mogę się zalogować?", "faq.a4": "Użyj danych logowania z Edupage lub zarejestruj się przez e-mail.", "faq.q5": "Zapomniałem hasła. Co mam robić?", "faq.a5": "Skontaktuj się z administratorem przez formularz kontaktowy.", "faq.q6": "Co znajdę w sekcji Uczniowie?", "faq.a6": "Profile wszystkich kolegów z klasy, ich zainteresowania i zdjęcia.", "faq.q7": "Jak działa społeczność?", "faq.a7": "Sekcja Społeczność umożliwia udostępnianie postów i dyskusje między kolegami z klasy.", "faq.q8": "Czy mogę przesyłać własne zdjęcia?", "faq.a8": "Tak, zalogowani uczniowie mogą przesyłać zdjęcia do galerii.", "thanks.title": "Specjalne podziękowania", "thanks.description": "Dziękujemy naszym partnerom za wsparcie tego projektu.", "thanks.button": "Rozumiem, dziękuję!", // Terms of Use "terms.title": "Regulamin", "terms.backToHome": "Powrót do strony głównej", "terms.lastUpdated": "Ostatnia aktualizacja", "terms.introduction": "Witamy na stronie klasy 9.B Szkoły Podstawowej im. Bozeny Nemcovej w Litomericach. Korzystając z tej strony, zgadzasz się na poniższe warunki.", "terms.acceptanceTitle": "Akceptacja warunków", "terms.acceptanceContent": "Korzystając z tej strony, zgadzasz się na niniejszy regulamin. Jeśli nie zgadzasz się z którąkolwiek częścią tych warunków, nie możesz korzystać ze strony.", "terms.eligibilityTitle": "Uprawnienia", "terms.eligibilityContent": "Ta strona jest przeznaczona wyłącznie dla uczniów klasy 9.B, ich rodziców i nauczycieli. Dostęp do niektórych sekcji wymaga logowania.", "terms.accountTitle": "Konta użytkowników", "terms.accountContent": "Jesteś odpowiedzialny za zachowanie poufności swojego konta i hasła. Zgadzasz się przyjąć odpowiedzialność za wszystkie działania wykonywane na Twoim koncie.", "terms.conductTitle": "Zasady postępowania", "terms.conductContent": "Zobowiązujesz się nie używać strony do:\n• Przesyłania nieodpowiednich treści\n• Nękania innych użytkowników\n• Rozpowszechniania fałszywych informacji\n• Działań nielegalnych", "terms.contentTitle": "Treści i prawa autorskie", "terms.contentContent": "Wszystkie treści na tej stronie są chronione prawem autorskim. Użytkownicy mogą przesyłać własne treści, ale muszą upewnić się, że mają do tego prawo.", "terms.changesTitle": "Zmiany regulaminu", "terms.changesContent": "Zastrzegamy sobie prawo do zmiany tych warunków w dowolnym momencie. O istotnych zmianach poinformujemy Cię za pośrednictwem strony.", "terms.questionsTitle": "Masz pytania?", "terms.questionsContent": "Jeśli masz pytania dotyczące tego regulaminu, skontaktuj się z nami.", "terms.contactUs": "Skontaktuj się z nami", "terms.privacyLink": "Polityka prywatności", // Privacy Policy "privacy.title": "Polityka prywatności", "privacy.backToHome": "Powrót do strony głównej", "privacy.lastUpdated": "Ostatnia aktualizacja", "privacy.introduction": "Twoja prywatność jest dla nas ważna. Ta polityka opisuje, jakie informacje zbieramy, jak je wykorzystujemy i jak je chronimy.", "privacy.collectionTitle": "Jakie dane zbieramy", "privacy.collectionContent": "Zbieramy następujące dane:\n• Dane logowania (e-mail, nazwa użytkownika)\n• Informacje profilowe (imię, klasa)\n• Przesłane treści (zdjęcia, posty)\n• Dane techniczne (adres IP, typ przeglądarki)", "privacy.useTitle": "Jak wykorzystujemy dane", "privacy.useContent": "Wykorzystujemy Twoje dane do:\n• Zapewnienia dostępu do strony\n• Wyświetlania Twojego profilu\n• Zarządzania funkcjami społeczności\n• Ulepszania strony", "privacy.securityTitle": "Bezpieczeństwo danych", "privacy.securityContent": "Wdrażamy odpowiednie środki bezpieczeństwa w celu ochrony Twoich danych osobowych. Używamy szyfrowanych połączeń i bezpiecznego przechowywania danych.", "privacy.sharingTitle": "Udostępnianie danych", "privacy.sharingContent": "Nie udostępniamy Twoich danych osobom trzecim, z wyjątkiem:\n• Gdy wymaga tego prawo\n• W celu ochrony praw i bezpieczeństwa\n• Za Twoją wyraźną zgodą", "privacy.retentionTitle": "Przechowywanie danych", "privacy.retentionContent": "Przechowujemy Twoje dane tak długo, jak jesteś członkiem klasy. Możesz poprosić o usunięcie swojego konta.", "privacy.rightsTitle": "Twoje prawa", "privacy.rightsContent": "Masz prawo do:\n• Dostępu do swoich danych\n• Poprawienia nieprawidłowych danych\n• Usunięcia danych\n• Sprzeciwu wobec przetwarzania", "privacy.questionsTitle": "Pytania dotyczące prywatności?", "privacy.questionsContent": "Jeśli masz pytania dotyczące ochrony Twoich danych, skontaktuj się z nami.", "privacy.contactUs": "Skontaktuj się z nami", "privacy.termsLink": "Regulamin", // Social Media "social.title": "Media społecznościowe", "social.subtitle": "Śledź nas na mediach społecznościowych i bądź na bieżąco", "social.stayConnected": "Bądź w kontakcie", "social.website": "Strona internetowa", "social.visitProfile": "Odwiedź profil", "social.followUs": "Śledź nas", "social.followUsDesc": "Dołącz do naszej społeczności online", "social.followInstagram": "Śledź na Instagramie", "social.visitSchool": "Odwiedź stronę szkoły", "social.instagramClassDesc": "Oficjalny Instagram klasy 9.B - zdjęcia, relacje i aktualności z naszego życia szkolnego", "social.instagramTadeaxDesc": "Instagram Tadeax Studio - nasz kreatywny zespół i projekty internetowe", "social.schoolWebsiteDesc": "Oficjalna strona ZS Bozeny Nemcove w Litomericach - informacje dla rodzicow i uczniow", "social.tadeaxWebsiteDesc": "Strona Tadeax Studio - tworzenie nowoczesnych stron internetowych i aplikacji", // Notifications "notifications.title": "Powiadomienia", "notifications.description": "Otrzymuj powiadomienia o nowych aktualizacjach", "notifications.allow": "Zezwól", "notifications.decline": "Odrzuć", "notifications.enabled": "Powiadomienia włączone", "notifications.enabledDesc": "Będziesz otrzymywać powiadomienia o nowych aktualizacjach", // Cookie Consent "cookie.title": "Używamy plików cookie", "cookie.description": "Ta strona używa plików cookie, aby poprawić Twoje wrażenia. Pliki cookie pomagają nam analizować ruch i personalizować treści.", "cookie.accept": "Akceptuj", "cookie.decline": "Odrzuć", // Profile Settings "profile.title": "Ustawienia profilu", "profile.subtitle": "Zarządzaj swoim kontem i ustawieniami", "profile.general": "Ogólne", "profile.security": "Bezpieczeństwo", "profile.sessions": "Sesje", "profile.avatar": "Zdjęcie profilowe", "profile.avatarDesc": "Prześlij niestandardowe zdjęcie profilowe", "profile.uploadAvatar": "Prześlij zdjęcie", "profile.displayName": "Wyświetlana nazwa", "profile.displayNameDesc": "Twoja nazwa widoczna dla innych", "profile.saveChanges": "Zapisz zmiany", "profile.saving": "Zapisywanie...", "profile.saved": "Zmiany zapisane", "profile.twoFactor": "Uwierzytelnianie dwuskładnikowe", "profile.twoFactorDesc": "Dodaj dodatkową warstwę bezpieczeństwa przez SMS", "profile.twoFactorEnabled": "Uwierzytelnianie dwuskładnikowe jest aktywne", "profile.twoFactorDisabled": "Uwierzytelnianie dwuskładnikowe nie jest aktywne", "profile.enableTwoFactor": "Włącz 2FA", "profile.disableTwoFactor": "Wyłącz 2FA", "profile.phoneNumber": "Numer telefonu", "profile.phoneNumberPlaceholder": "+48 XXX XXX XXX", "profile.sendCode": "Wyślij kod", "profile.verifyCode": "Zweryfikuj kod", "profile.enterCode": "Wprowadź kod z SMS", "profile.activeSessions": "Aktywne sesje", "profile.activeSessionsDesc": "Urządzenia zalogowane na Twoje konto", "profile.currentSession": "Aktualna sesja", "profile.lastActive": "Ostatnio aktywny", "profile.revokeSession": "Wyloguj", "profile.revokeAllSessions": "Wyloguj wszystkie urządzenia", "profile.sessionRevoked": "Sesja została zakończona", "profile.noSessions": "Brak innych aktywnych sesji", // Profile settings - additional keys "profile.description": "Zarządzaj swoim kontem i ustawieniami", "profile.email": "E-mail", "profile.displayNamePlaceholder": "Wprowadź wyświetlaną nazwę", "profile.avatarHint": "Obsługiwane formaty: JPG, PNG, GIF. Maks. 5MB.", "profile.updated": "Zmiany zapisane", "profile.updatedDesc": "Twój profil został pomyślnie zaktualizowany.", "profile.error": "Błąd", "profile.avatarUpdated": "Zdjęcie profilowe zaktualizowane", "profile.avatarUpdatedDesc": "Twoje zdjęcie profilowe zostało pomyślnie zaktualizowane.", "profile.avatarUploadError": "Nie udało się przesłać zdjęcia profilowego.", "profile.updateError": "Nie udało się zapisać zmian.", "profile.phoneRequired": "Wprowadź numer telefonu, aby włączyć 2FA.", "profile.verificationSent": "Kod weryfikacyjny wysłany", "profile.verificationSentDesc": "Kod weryfikacyjny został wysłany na Twój numer telefonu.", "profile.smsError": "Nie udało się wysłać SMS-a. Spróbuj ponownie.", "profile.2faEnabled": "Uwierzytelnianie dwuskładnikowe włączone", "profile.2faEnabledDesc": "Twoje konto jest teraz chronione uwierzytelnianiem dwuskładnikowym.", "profile.2faError": "Nie udało się włączyć uwierzytelniania dwuskładnikowego.", "profile.disable": "Wyłącz", "profile.enable2FA": "Włącz 2FA", "profile.verify": "Zweryfikuj", "profile.cancel": "Anuluj", "profile.verificationCode": "Kod weryfikacyjny", "profile.verificationCodeHint": "Wprowadź 6-cyfrowy kod z SMS-a.", "profile.current": "Bieżąca", "profile.sessionRevokedDesc": "Urządzenie zostało pomyślnie wylogowane.", "profile.revokeError": "Nie udało się wylogować urządzenia.", "profile.loginHistoryDesc": "Urządzenia aktualnie zalogowane na Twoje konto.", "profile.twoFactorAuth": "Uwierzytelnianie dwuskładnikowe", // Share "share.title": "Udostępnij", "share.copyLink": "Kopiuj link", "share.linkCopied": "Link skopiowany!", "share.shareVia": "Udostępnij przez", }, sk: { // Navigation "nav.home": "Domov", "nav.students": "Žiaci", "nav.news": "Aktuality", "nav.schedule": "Rozvrh hodín", "nav.photogallery": "Fotogaléria", "nav.community": "Komunita", "nav.contact": "Kontakt", "nav.support": "Podpora", "nav.admin": "Administrácia", "nav.login": "Prihlásiť sa", "nav.signup": "Registrovať", "nav.logout": "Odhlásiť sa", "nav.socialMedia": "Sociálne siete", "nav.about": "O nás", "nav.game": "Hra", "nav.profile": "Nastavenia profilu", // Navigation categories "nav.category.info": "Informácie", "nav.category.communication": "Komunikácia", "nav.category.entertainment": "Zábava", // Search "search.title": "Vyhľadávanie", "search.placeholder": "Hľadať stránky, aktuality, žiakov...", "search.noResults": "Žiadne výsledky nenájdené", "search.homeDesc": "Hlavná stránka webu triedy 9.B", "search.studentsDesc": "Spoznajte členov našej triedy a ich záujmy", "search.newsDesc": "Najnovšie správy a udalosti z nášho školského života", "search.scheduleDesc": "Aktuálny rozvrh hodín pre triedu 9.B", "search.photogalleryDesc": "Fotografie a spomienky z našich akcií", "search.communityDesc": "Priestor pre spolužiakov - diskusie a spolupráca", "search.gameDesc": "Pamäťová hra pre zábavu", "search.socialMediaDesc": "Naše sociálne siete a odkazy", "search.contactDesc": "Kontaktné informácie a formulár", "search.supportDesc": "Podporte našu triedu a jej aktivity", "search.aboutDesc": "Informácie o našej triede 9.B", "search.termsDesc": "Podmienky používania webu", "search.privacyDesc": "Zásady ochrany osobných údajov", // Slideshow "slideshow.title": "Fotogaléria", "slideshow.subtitle": "Prechádzajte naše najlepšie spomienky z triednych akcií", "slideshow.viewAll": "Zobraziť celú galériu", "slideshow.caption1": "Zábava na hojdačkách - Školský tábor", "slideshow.caption2": "Bubliny a úsmevy - Spoločné chvíle", "slideshow.caption3": "Triedne foto - Naša partia 9.B", "slideshow.caption4": "Cambridge certifikáty - Odovzdávanie 9.B", "slideshow.caption5": "Mediálny deň - Česká televízia", "slideshow.caption6": "Návšteva čistiarne odpadových vôd v Litoměřicach", "slideshow.caption7": "Výstup na horu Radobýl", // Game "game.title": "Pamäťová hra", "game.description": "Otestuj svoju pamäť a nájdi všetky páry kariet. Čím menej ťahov, tým lepšie skóre!", "game.feature1": "Trénuj pamäť", "game.feature2": "Zábava pre všetkých", "game.moves": "Ťahy", "game.time": "Čas", "game.score": "Skóre", "game.bestScore": "Najlepšie skóre", "game.bestStreak": "Najlepšia séria", "game.reset": "Nová hra", "game.playAgain": "Hrať znova", "game.congratulations": "Gratulujeme!", "game.youWon": "Našiel/a si všetky páry!", "game.easy": "Ľahká", "game.medium": "Stredná", "game.hard": "Ťažká", "game.howToPlay": "Ako hrať", "game.instruction1": "Klikni na kartu pre jej otočenie", "game.instruction2": "Zapamätaj si pozíciu symbolov", "game.instruction3": "Nájdi všetky páry rovnakých kariet", "game.instruction4": "Čím menej ťahov, tým vyššie skóre!", // Accessibility "accessibility.seniorMode": "Pre seniorov", "accessibility.enableSeniorMode": "Zapnúť režim pre seniorov", "accessibility.disableSeniorMode": "Vypnúť režim pre seniorov", // Changelog "changelog.title": "Protokol aktualizácií", "changelog.subtitle": "História verzií a aktualizácie funkcií", // Footer "footer.quickLinks": "Rýchle odkazy", "footer.information": "Informácie", "footer.contact": "Kontakt", "footer.partners": "Naši partneri", "footer.rights": "Všetky práva vyhradené.", "footer.privateNote": "Táto stránka je určená len pre členov triedy 9.B.", "footer.terms": "Podmienky používania", "footer.privacy": "Ochrana osobných údajov", // Common "common.parent": "Rodič", "common.student": "Žiak", "common.administrator": "Administrátor", "common.continue": "Pokračovať", "common.loading": "Načítava sa...", // Auth "auth.login": "Prihlásiť sa", "auth.loginDesc": "Zadajte svoje prihlasovacie údaje", "auth.signup": "Registrovať", "auth.logout": "Odhlásiť sa", "auth.email": "E-mail", "auth.password": "Heslo", "auth.repeatPassword": "Zopakovať heslo", "auth.noAccount": "Nemáte účet?", "auth.parentAccess": "Vstúpiť ako rodič", "auth.parentAccessDesc": "Obmedzený prístup - len základné stránky", "auth.restrictedAccess": "Obmedzený prístup", "auth.restrictedDesc": "Táto stránka je prístupná len prihláseným žiakom.", "auth.classOnly": "Táto stránka je určená len pre členov triedy 9.B", "auth.loggingIn": "Prihlasovanie...", "auth.backToLogin": "Späť na štandardné prihlásenie", "auth.edupageMaintenanceTitle": "Edupage - Údržba systému", "auth.edupageMaintenance": "Prihlásenie cez Edupage je dočasne nedostupné z dôvodu údržby a nestability systému. Prosím použite štandardné prihlásenie alebo to skúste neskôr.", "auth.loginSlowTitle": "Pomalé prihlásenie?", "auth.loginSlowDesc": "Ak prihlásenie trvá príliš dlho, obnovte stránku.", "auth.loginSlowSignature": "- Váš Tadeax System", "auth.resetPassword": "Zabudnuté heslo?", "auth.resetPasswordTitle": "Obnoviť heslo", "auth.resetPasswordDesc": "Zadajte svoj e-mail pre obnovenie hesla", "auth.resetPasswordSent": "Odkaz na obnovenie hesla bol odoslaný na váš e-mail", "auth.resendConfirmation": "Znovu odoslať potvrdzovací e-mail", "auth.resendConfirmationSent": "Potvrdzovací e-mail bol odoslaný", // About "about.title": "O nás", "about.subtitle": "Spoznajte triedu 9.B - skupinu skvelých študentov plných energie a nadšenia", "about.bestTeacher": "S najlepším učiteľom na svete!", "about.signature": "- Naša 9.B", "about.studentsCount": "Žiakov", "about.yearsTogether": "Rokov spolu", "about.achievements": "Úspechov", "about.teamSpirit": "Tímový duch", "about.whoWeAre": "Kto sme", "about.description1": "Sme trieda 9.B zo Základnej školy Boženy Němcové v Litoměřiciach. Naša trieda je plná energie, kreativity a priateľstva.", "about.description2": "Počas rokov sme sa stali skvelým tímom, ktorý sa navzájom podporuje v štúdiu aj mimo neho.", "about.description3": "Naším cieľom je nielen dosiahnuť dobré výsledky v štúdiu, ale aj naplno si užiť tento posledný rok.", "about.description4": "Naša trieda vznikla spojením rôznych osobností, ktoré spolu tvoria jedinečný kolektív. Máme medzi sebou športovcov, umelcov, technikov aj snílkov.", "about.description5": "Za dobu nášho spoločného štúdia sme zažili veľa nezabudnuteľných chvíľ - od školských výletov cez triedne akcie až po každodenné okamihy v triede.", "about.ourValues": "Naše hodnoty", "about.ourValuesDesc": "Princípy, ktoré nás spájajú a formujú náš kolektív", "about.friendship": "Priateľstvo", "about.friendshipDesc": "Vzájomná podpora a rešpekt sú základom našej triedy", "about.education": "Vzdelanie", "about.educationDesc": "Snažíme sa dosiahnuť najlepšie výsledky v štúdiu", "about.creativity": "Kreativita", "about.creativityDesc": "Podporujeme nové nápady a originálne prístupy", "about.achievement": "Úspech", "about.achievementDesc": "Spoločne oslavujeme každý úspech, veľký či malý", "about.ourSchool": "Naša škola", "about.schoolName": "ZŠ Boženy Němcové, Litoměřice", "about.schoolDesc": "Základná škola s dlhoročnou tradíciou a moderným prístupom k vzdelávaniu.", "about.schoolAddress": "Boženy Němcové 2, 412 01 Litoměřice", // Admin "admin.title": "Administrácia", // Hero "hero.title": "Vitajte na stránkach triedy 9.B", "hero.searchPlaceholder": "Hľadať žiakov, aktuality, rozvrh...", // Students "students.title": "Naši žiaci", "students.boys": "Chlapci", "students.girls": "Dievčatá", "students.teacher": "Náš učiteľ", "students.classTeacher": "Triedny učiteľ", // Other "community.title": "Komunita", "community.studentsOnly": "Len pre žiakov", // Photogallery "photogallery.title": "Fotogaléria", "photogallery.subtitle": "Spomienky našej triedy zachytené na fotografiách", "photogallery.studentsOnly": "Len pre žiakov", "photogallery.upload": "Nahrať fotky", "photogallery.uploadSuccess": "Fotky úspešne vybraté!", "photogallery.uploadError": "Prosím vyberte len obrázky", "photogallery.filesSelected": "súborov vybraných", "photogallery.selectPhotos": "Vybrať fotky", "photogallery.albums": "Albumy", "photogallery.browseMemories": "Prehliadajte naše spoločné spomienky", "photogallery.photos": "fotiek", "photogallery.noPhotos": "Zatiaľ žiadne fotky", "photogallery.noPhotosDesc": "Buďte prvý, kto nahrá fotky!", "photogallery.private": "Súkromné", "photogallery.privateDesc": "Fotky viditeľné len pre členov triedy", "photogallery.sharing": "Zdieľanie", "photogallery.sharingDesc": "Zdieľajte svoje najlepšie momenty", "photogallery.memories": "Spomienky", "photogallery.memoriesDesc": "Uchovajte spomienky navždy", "photogallery.more": "ďalších", // Upload dialog "upload.title": "Nahrať fotografie", "upload.description": "Nahrajte svoje fotografie a zdieľajte ich", "upload.dropzone": "Potiahnite fotografie sem", "upload.dropzoneDesc": "alebo kliknite pre výber súborov", "upload.selectedFiles": "Vybrané súbory", "upload.clearAll": "Vymazať všetko", "upload.continue": "Pokračovať", "upload.back": "Späť", "upload.startUpload": "Nahrať fotografie", "upload.photoName": "Názov fotografie", "upload.photoNamePlaceholder": "Zadajte názov fotografie", "upload.photoDescription": "Popis", "upload.photoDescriptionPlaceholder": "Pridajte popis...", "upload.category": "Kategória", "upload.category.general": "Všeobecné", "upload.category.trip": "Výlet", "upload.category.event": "Udalosť", "upload.category.sports": "Šport", "upload.category.classroom": "Trieda", "upload.visibility": "Viditeľnosť", "upload.visibility.public": "Verejná", "upload.visibility.publicDesc": "Viditeľná pre všetkých", "upload.visibility.unlisted": "Neuvedená", "upload.visibility.unlistedDesc": "Len s odkazom", "upload.visibility.private": "Súkromná", "upload.visibility.privateDesc": "Len pre vás", "upload.tags": "Štítky", "upload.tagsPlaceholder": "Pridajte štítok...", "upload.addTag": "Pridať", "upload.previous": "Predchádzajúci", "upload.next": "Ďalší", "upload.processing": "Spracovanie fotografií", "upload.processingDesc": "Nahrávanie a kontrola bezpečnosti...", "upload.uploading": "Nahrávanie", "upload.scanning": "Kontrola", "upload.complete": "Hotovo!", "upload.photosUploaded": "fotografií úspešne nahratých", "upload.close": "Zavrieť", "upload.uploadMore": "Nahrať ďalšie", "contact.title": "Kontakt", "contact.studioTitle": "Tadeax Studio", "contact.schoolTitle": "Naša škola", "contact.teacherTitle": "Triedny učiteľ", "contact.address": "Adresa", "contact.phone": "Telefón", "contact.email": "E-mail", "contact.classTeacher": "Triedny učiteľ triedy 9.B", "contact.formTitle": "Napíšte nám", "contact.formDescription": "Máte otázku alebo nápad? Vyplňte formulár.", "contact.name": "Meno", "contact.namePlaceholder": "Vaše meno", "contact.emailPlaceholder": "vas@email.sk", "contact.subject": "Predmet", "contact.subjectPlaceholder": "O čom chcete písať?", "contact.message": "Správa", "contact.messagePlaceholder": "Vaša správa...", "contact.send": "Odoslať správu", "faq.title": "Často kladené otázky", "faq.subtitle": "Nájdite odpovede na najčastejšie otázky", "faq.searchPlaceholder": "Hľadať v otázkach...", "faq.resultsFound": "výsledkov nájdených", "faq.noResults": "Žiadne výsledky nenájdené", "faq.stillNeedHelp": "Stále potrebujete pomoc?", "faq.contactUs": "Náš tím je tu pre vás. Neváhajte nás kontaktovať.", "faq.goToContact": "Prejsť na kontakt", "faq.general": "Všeobecné otázky", "faq.account": "Účet a prihlásenie", "faq.features": "Funkcie webu", "faq.q1": "Čo je to web triedy 9.B?", "faq.a1": "Ide o súkromnú webovú stránku pre žiakov triedy 9.B ZŠ Boženy Němcovej v Litoměřiciach.", "faq.q2": "Kto môže pristupovať k tomuto webu?", "faq.a2": "Web je určený len pre členov triedy 9.B - žiakov, rodičov a učiteľov.", "faq.q3": "Ako môžem kontaktovať správcu webu?", "faq.a3": "Prostredníctvom kontaktného formulára alebo e-mailom na tad.studio.cz@gmail.com.", "faq.q4": "Ako sa môžem prihlásiť?", "faq.a4": "Použite svoje prihlasovacie údaje z Edupage alebo sa zaregistrujte pomocou e-mailu.", "faq.q5": "Zabudol/a som heslo. Čo mám robiť?", "faq.a5": "Kontaktujte správcu webu prostredníctvom kontaktného formulára.", "faq.q6": "Čo nájdem v sekcii Žiaci?", "faq.a6": "Profily všetkých spolužiakov, ich záujmy a fotografie.", "faq.q7": "Ako funguje komunita?", "faq.a7": "Sekcia Komunita umožňuje zdieľanie príspevkov a diskusiu medzi spolužiakmi.", "faq.q8": "Môžem nahrávať vlastné fotografie?", "faq.a8": "Áno, prihlásení žiaci môžu nahrávať fotografie do fotogalérie.", "thanks.title": "Špeciálne poďakovanie", "thanks.description": "Ďakujeme našim partnerom za podporu tohto projektu.", "thanks.button": "Rozumiem, ďakujem!", // Terms of Use "terms.title": "Podmienky používania", "terms.backToHome": "Späť na hlavnú stránku", "terms.lastUpdated": "Posledná aktualizácia", "terms.introduction": "Vitajte na webových stránkach triedy 9.B ZŠ Boženy Němcovej v Litoměřiciach. Používaním tohto webu súhlasíte s nasledujúcimi podmienkami.", "terms.acceptanceTitle": "Prijatie podmienok", "terms.acceptanceContent": "Prístupom k tomuto webu súhlasíte s týmito podmienkami používania. Ak nesúhlasíte s niektorou časťou týchto podmienok, nemôžete web používať.", "terms.eligibilityTitle": "Spôsobilosť", "terms.eligibilityContent": "Tento web je určený výhradne pre žiakov triedy 9.B, ich rodičov a učiteľov. Prístup k určitým sekciám vyžaduje prihlásenie.", "terms.accountTitle": "Používateľské účty", "terms.accountContent": "Ste zodpovední za zachovanie dôvernosti svojho účtu a hesla. Súhlasíte s tým, že prijímate zodpovednosť za všetky aktivity, ktoré sa uskutočnia pod vaším účtom.", "terms.conductTitle": "Pravidlá správania", "terms.conductContent": "Zaväzujete sa nepoužívať web na:\n• Nahrávanie nevhodného obsahu\n• Obťažovanie ostatných používateľov\n• Šírenie nepravdivých informácií\n• Akúkoľvek nezákonnú činnosť", "terms.contentTitle": "Obsah a autorské práva", "terms.contentContent": "Všetok obsah na tomto webe je chránený autorským právom. Používatelia môžu nahrávať vlastný obsah, ale musia zabezpečiť, že majú právo tento obsah zdieľať.", "terms.changesTitle": "Zmeny podmienok", "terms.changesContent": "Vyhradzujeme si právo tieto podmienky kedykoľvek zmeniť. O významných zmenách vás budeme informovať prostredníctvom webu.", "terms.questionsTitle": "Máte otázky?", "terms.questionsContent": "Ak máte akékoľvek otázky k týmto podmienkam, neváhajte nás kontaktovať.", "terms.contactUs": "Kontaktovať nás", "terms.privacyLink": "Zásady ochrany osobných údajov", // Privacy Policy "privacy.title": "Zásady ochrany osobných údajov", "privacy.backToHome": "Späť na hlavnú stránku", "privacy.lastUpdated": "Posledná aktualizácia", "privacy.introduction": "Vaše súkromie je pre nás dôležité. Tieto zásady popisujú, aké informácie zhromažďujeme, ako ich používame a ako ich chránime.", "privacy.collectionTitle": "Aké údaje zhromažďujeme", "privacy.collectionContent": "Zhromažďujeme nasledujúce typy údajov:\n• Prihlasovacie údaje (e-mail, používateľské meno)\n• Profilové informácie (meno, trieda)\n• Obsah, ktorý nahráte (fotografie, príspevky)\n• Technické údaje (IP adresa, typ prehliadača)", "privacy.useTitle": "Ako údaje používame", "privacy.useContent": "Vaše údaje používame na:\n• Poskytovanie prístupu k webu\n• Zobrazenie vášho profilu spolužiakom\n• Správu komunitných funkcií\n• Zlepšovanie fungovania webu", "privacy.securityTitle": "Zabezpečenie údajov", "privacy.securityContent": "Implementujeme primerané bezpečnostné opatrenia na ochranu vašich osobných údajov. Používame šifrované pripojenie a bezpečné ukladanie dát.", "privacy.sharingTitle": "Zdieľanie údajov", "privacy.sharingContent": "Vaše osobné údaje nezdieľame s tretími stranami, s výnimkou:\n• Keď to vyžaduje zákon\n• Na ochranu práv a bezpečnosti\n• S vaším výslovným súhlasom", "privacy.retentionTitle": "Uchovávanie údajov", "privacy.retentionContent": "Vaše údaje uchovávame po dobu, kedy ste členom triedy. Môžete požiadať o vymazanie svojho účtu a súvisiacich údajov.", "privacy.rightsTitle": "Vaše práva", "privacy.rightsContent": "Máte právo na:\n• Prístup k svojim údajom\n• Opravu nepresných údajov\n• Vymazanie údajov\n• Námietku proti spracovaniu", "privacy.questionsTitle": "Otázky ohľadom súkromia?", "privacy.questionsContent": "Ak máte otázky ohľadom ochrany vašich údajov, kontaktujte nás.", "privacy.contactUs": "Kontaktovať nás", "privacy.termsLink": "Podmienky používania", // Social Media "social.title": "Sociálne siete", "social.subtitle": "Sledujte nás na sociálnych sieťach a buďte informovaní", "social.stayConnected": "Zostaňte v spojení", "social.website": "Web", "social.visitProfile": "Navštíviť profil", "social.followUs": "Sledujte nás", "social.followUsDesc": "Pripojte sa k našej online komunite", "social.followInstagram": "Sledovať na Instagrame", "social.visitSchool": "Navštíviť web školy", "social.instagramClassDesc": "Oficiálny Instagram triedy 9.B - fotky, príbehy a dianie z nášho školského života", "social.instagramTadeaxDesc": "Instagram Tadeax Štúdia - náš kreatívny tím a webové projekty", "social.schoolWebsiteDesc": "Oficiálny web ZŠ Boženy Němcovej v Litoměřiciach - informácie pre rodičov a študentov", "social.tadeaxWebsiteDesc": "Web Tadeax Štúdia - tvorba moderných webových stránok a aplikácií", // Notifications "notifications.title": "Oznámenia", "notifications.description": "Dostávajte upozornenia na nové aktuality", "notifications.allow": "Povoliť", "notifications.decline": "Odmietnuť", "notifications.enabled": "Oznámenia povolené", "notifications.enabledDesc": "Budete dostávať upozornenia na nové aktuality", // News items "news.theaterTrip.title": "Výlet do Činoherného Štúdia v Divadle Ústí n.Labem", "news.theaterTrip.category": "Divadlo", "news.theaterTrip.description": "Vojna s mlokmi - po 23. 3. 2026. Zraz 8:30, stanica Litoměřice město. Návrat ~13:00. Cena: 150 + 58 CZK vlak (hradené z OP JAK).", // Cookie Consent "cookie.title": "Používame cookies", "cookie.description": "Tento web používa cookies na zlepšenie vášho zážitku. Cookies nám pomáhajú analyzovať návštevnosť a personalizovať obsah.", "cookie.accept": "Prijať", "cookie.decline": "Odmietnuť", // Profile Settings "profile.title": "Nastavenia profilu", "profile.subtitle": "Spravujte svoj účet a nastavenia", "profile.general": "Všeobecné", "profile.security": "Zabezpečenie", "profile.sessions": "Relácie", "profile.avatar": "Profilový obrázok", "profile.avatarDesc": "Nahrajte vlastný profilový obrázok", "profile.uploadAvatar": "Nahrať obrázok", "profile.displayName": "Zobrazované meno", "profile.displayNameDesc": "Vaše meno viditeľné ostatným", "profile.saveChanges": "Uložiť zmeny", "profile.saving": "Ukladanie...", "profile.saved": "Zmeny uložené", "profile.twoFactor": "Dvojfaktorové overenie", "profile.twoFactorDesc": "Pridajte ďalšiu vrstvu zabezpečenia pomocou SMS", "profile.twoFactorEnabled": "Dvojfaktorové overenie je aktívne", "profile.twoFactorDisabled": "Dvojfaktorové overenie nie je aktívne", "profile.enableTwoFactor": "Aktivovať 2FA", "profile.disableTwoFactor": "Deaktivovať 2FA", "profile.phoneNumber": "Telefónne číslo", "profile.phoneNumberPlaceholder": "+421 XXX XXX XXX", "profile.sendCode": "Odoslať kód", "profile.verifyCode": "Overiť kód", "profile.enterCode": "Zadajte kód z SMS", "profile.activeSessions": "Aktívne relácie", "profile.activeSessionsDesc": "Zariadenia prihlásené do vášho účtu", "profile.currentSession": "Aktuálna relácia", "profile.lastActive": "Naposledy aktívne", "profile.revokeSession": "Odhlásiť", "profile.revokeAllSessions": "Odhlásiť všetky zariadenia", "profile.sessionRevoked": "Relácia bola ukončená", "profile.noSessions": "Žiadne ďalšie aktívne relácie", // Profile settings - additional keys "profile.description": "Spravujte svoj účet a nastavenia", "profile.email": "E-mail", "profile.displayNamePlaceholder": "Zadajte zobrazované meno", "profile.avatarHint": "Podporované formáty: JPG, PNG, GIF. Max 5MB.", "profile.updated": "Zmeny uložené", "profile.updatedDesc": "Váš profil bol úspešne aktualizovaný.", "profile.error": "Chyba", "profile.avatarUpdated": "Profilový obrázok aktualizovaný", "profile.avatarUpdatedDesc": "Váš profilový obrázok bol úspešne aktualizovaný.", "profile.avatarUploadError": "Nepodarilo sa nahrať profilový obrázok.", "profile.updateError": "Nepodarilo sa uložiť zmeny.", "profile.phoneRequired": "Zadajte telefónne číslo pre aktiváciu 2FA.", "profile.verificationSent": "Overovací kód odoslaný", "profile.verificationSentDesc": "Overovací kód bol odoslaný na vaše telefónne číslo.", "profile.smsError": "Nepodarilo sa odoslať SMS. Skúste to znova.", "profile.2faEnabled": "Dvojfaktorové overenie aktivované", "profile.2faEnabledDesc": "Váš účet je teraz chránený dvojfaktorovým overením.", "profile.2faError": "Nepodarilo sa aktivovať dvojfaktorové overenie.", "profile.disable": "Deaktivovať", "profile.enable2FA": "Aktivovať 2FA", "profile.verify": "Overiť", "profile.cancel": "Zrušiť", "profile.verificationCode": "Overovací kód", "profile.verificationCodeHint": "Zadajte 6-miestny kód z SMS.", "profile.current": "Aktuálna", "profile.sessionRevokedDesc": "Zariadenie bolo úspešne odhlásené.", "profile.revokeError": "Nepodarilo sa odhlásiť zariadenie.", "profile.loginHistoryDesc": "Zariadenia aktuálne prihlásené k vášmu účtu.", "profile.twoFactorAuth": "Dvojfaktorové overenie", // Share "share.title": "Zdieľať", "share.copyLink": "Kopírovať odkaz", "share.linkCopied": "Odkaz skopírovaný!", "share.shareVia": "Zdieľať cez", }, }117:Tb6fd0,[V0_FILE]png:file="public/abstract-geometric-pattern.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/abstract-geometric-pattern-006N1jNlD3PbwcJldEMfSy8ZtexmQ8.png" isMerged="true" [V0_FILE]typescriptreact:file="components/motion-wrapper.tsx" isMerged="true" "use client" import { motion, type Variants } from "framer-motion" import type { ReactNode } from "react" interface MotionWrapperProps { children: ReactNode className?: string delay?: number duration?: number variant?: "fadeIn" | "fadeInUp" | "fadeInDown" | "fadeInLeft" | "fadeInRight" | "scale" | "slideUp" } const variants: Record = { fadeIn: { hidden: { opacity: 0 }, visible: { opacity: 1 }, }, fadeInUp: { hidden: { opacity: 0, y: 30 }, visible: { opacity: 1, y: 0 }, }, fadeInDown: { hidden: { opacity: 0, y: -30 }, visible: { opacity: 1, y: 0 }, }, fadeInLeft: { hidden: { opacity: 0, x: -30 }, visible: { opacity: 1, x: 0 }, }, fadeInRight: { hidden: { opacity: 0, x: 30 }, visible: { opacity: 1, x: 0 }, }, scale: { hidden: { opacity: 0, scale: 0.8 }, visible: { opacity: 1, scale: 1 }, }, slideUp: { hidden: { opacity: 0, y: 50 }, visible: { opacity: 1, y: 0 }, }, } export function MotionWrapper({ children, className, delay = 0, duration = 0.5, variant = "fadeInUp", }: MotionWrapperProps) { return ( {children} ) } export function StaggerContainer({ children, className, staggerDelay = 0.1, }: { children: ReactNode className?: string staggerDelay?: number }) { return ( {children} ) } export function StaggerItem({ children, className, }: { children: ReactNode className?: string }) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/auth/sign-up-success/page.tsx" isMerged="true" "use client" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import Link from "next/link" import { motion } from "framer-motion" import { GraduationCap, Mail, CheckCircle2 } from "lucide-react" export default function SignUpSuccessPage() { return (

{/* Logo */} Naše 9.B

Registrace úspěšná! Váš účet byl úspěšně vytvořen

Potvrďte svůj e-mail

Na váš e-mail jsme odeslali potvrzovací odkaz. Klikněte na něj pro aktivaci účtu.

{[...Array(8)].map((_, i) => ( ))}

{/* Content */}

{/* Logo animation */} {/* Text animation */}

Naše 9.B

Třídní stránky

{/* Loading spinner */} {/* Outer ring */} {/* Inner animated ring */} {/* Loading text */} Načítání...

{[...Array(6)].map((_, i) => ( ))}

{/* Grid pattern overlay */}

{/* Content */}

{/* Logo */} {/* Icon animation */} {/* Loading spinner */}

{/* Outer ring */} {/* Inner animated ring */}

{/* Loading text */} {type === "parent" ? "Vstupuji jako rodič..." : "Přesměrování na přihlášení..."} {/* Pulsing dots */} {[0, 1, 2].map((i) => ( ))}

) } [V0_FILE]typescriptreact:file="app/auth/login/loading.tsx" isMerged="true" import { GraduationCap, LogIn } from "lucide-react" export default function Loading() { return (

{/* Animated background orbs */}

{/* Logo */}

{/* Icon */}

{/* Spinner */}

{/* Text */}

{"Načítání přihlášení..."}

{/* Dots */}

{[0, 1, 2].map((i) => (

))}

{/* Page Header */}

{t("admin.title")}

Správa webu a audit logy v reálném čase

{t("common.administrator")}

{/* Stats Cards */}

{stat.value}

{stat.label}

))}

{/* Category Filter Chips */}

{CATEGORY_FILTERS.map((cat) => { const meta = cat === "all" ? null : CATEGORY_META[cat as AuditCategory] const isActive = categoryFilter === cat return ( ) })}

{/* Audit Logs Table */}

{t("admin.auditLogs")} Přehled všech aktivit s IP adresou, OS, prohlížečem, lokalitou a dalšími detaily

{loading ? (

) : logs.length === 0 ? (

Žádné záznamy k zobrazení

Aktivity se začnou zaznamenávat při použití webu.

) : ( <>

Čas	Kategorie / Akce	Uživatel	IP adresa	Zařízení / OS	Lokalita	Stránka
{ts.toLocaleDateString("cs-CZ")} {ts.toLocaleTimeString("cs-CZ")}	{catMeta.label} {getActionIcon(log.action)} {actionLabel}	{log.user_email \|\| log.user_id \|\| "Anonymní"}	`{log.ip_address \|\| "—"}`	{getDeviceIcon(log.device_type)} {log.os \|\| "—"} / {log.browser \|\| "—"}	{log.city && log.country ? `${log.city}, ${log.country}` : log.country \|\| "Neznámo"}	{log.page \|\| "—"}
User Agent {log.user_agent \|\| "—"} User ID `{log.user_id \|\| "—"}` {log.latitude && log.longitude && ( GPS {log.latitude.toFixed(4)}, {log.longitude.toFixed(4)} )} {log.details && Object.keys(log.details).length > 0 && ( Detaily {JSON.stringify(log.details, null, 2)} )}

{/* Pagination */}

Zobrazeno {offset + 1}–{Math.min(offset + limit, total)} z {total} záznamů

Strana {currentPage} z {totalPages || 1}

)}

{/* Animated background */}

{[...Array(5)].map((_, i) => ( ))}

{/* Logo */}

Naše 9.B Chyba 103 Přístup zamítnut

Váš účet nemá přístup na tyto stránky. Pro přístup se prosím přihlaste s účtem, který má emailovou doménu {ALLOWED_EMAIL_DOMAIN}.

Povolené emaily:

• Emaily končící na @skolabn.cz
• Administrátorský email