import { useState } from 'react' import { Button } from "/components/ui/button" import { Card, CardContent, CardHeader, CardTitle, CardDescription, CardFooter } from "/components/ui/card" import { Input } from "/components/ui/input" import { Label } from "/components/ui/label" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "/components/ui/select" import { RadioGroup, RadioGroupItem } from "/components/ui/radio-group" import { Mail, Phone, User, Shield, Home, Calendar, Heart, Star } from "lucide-react" export default function AppAbsenSekolah() { // Authentication state const [isLoggedIn, setIsLoggedIn] = useState(false) const [loginType, setLoginType] = useState<'guru' | 'siswa'>('siswa') const [username, setUsername] = useState('') const [password, setPassword] = useState('') const [language, setLanguage] = useState('id') const [authError, setAuthError] = useState('') // Attendance state const [hasCheckedIn, setHasCheckedIn] = useState(false) const [healthStatus, setHealthStatus] = useState('') const [nomorAbsen, setNomorAbsen] = useState('') const [kelas, setKelas] = useState('Fia.opi') // Extracurricular activities const [selectedActivities, setSelectedActivities] = useState([]) // Mock data const contacts = { waliKelas: "+62 811-2964-433", sekretariat: "+62 856-4749-5516", keamanan: "+62 888-0802-3937", email: "rumahkitarumahjawa01@gmail.com" } const jadwalPelajaran = [ { hari: "Senin", pelajaran: "Matematika", jam: "07.00-08.30", pengajar: "Miko Dyatmiko" }, { hari: "Selasa", pelajaran: "Bahasa Indonesia", jam: "07.00-08.30", pengajar: "Hesti" }, { hari: "Rabu", pelajaran: "IPA", jam: "07.00-08.30", pengajar: "Miko Dyatmiko" }, { hari: "Kamis", pelajaran: "IPS", jam: "07.00-08.30", pengajar: "Hesti" }, { hari: "Jumat", pelajaran: "Pendidikan Agama", jam: "07.00-08.30", pengajar: "Miko Dyatmiko" } ] const ekstrakurikuler = [ "Pramuka", "Paskibra", "Bola Voli", "Bulu Tangkis", "Tari Tradisional", "Paduan Suara" ] const kesehatanOptions = [ "Sehat", "Kurang sehat", "Sakit ringan", "Perlu istirahat", "Perlu ke dokter" ] const translations = { id: { welcome: "HALO Dosen Rumah Kita - Rumah Jawa Pati (FBKB) AYO ABSEN!", loginTitle: "Login Absensi Sekolah", loginAs: "Login sebagai", guru: "Guru", siswa: "Siswa", username: "Username", password: "Password", language: "Bahasa", login: "Masuk", loginGoogle: "Masuk dengan Google", forgotPass: "Lupa password?", absenTitle: "Formulir Absensi", nomorAbsen: "Nomor Absen", kelas: "Kelas", healthQuestion: "Apakah kamu sehat hari ini?", submit: "Kirim", jadwalTitle: "Jadwal Pelajaran", contactTitle: "Kontak Penting", waliKelas: "Wali Kelas", sekretariat: "Sekretariat", keamanan: "Keamanan", email: "Email", ekstraTitle: "Ekstrakurikuler", selectActivities: "Pilih kegiatan ekstrakurikuler", about: "Tentang Kami", gallery: "Galeri", dashboard: "Dashboard", logout: "Keluar", authError: "Username atau password salah", successMessage: "Terima kasih telah melakukan absensi hari ini!", motto: "Rumah Kita Rumah Jawa - Belajar dengan Hati" }, en: { welcome: "HELLO Teachers of Rumah Kita - Rumah Jawa Pati (FBKB) LET'S ATTEND!", loginTitle: "School Attendance Login", loginAs: "Login as", guru: "Teacher", siswa: "Student", username: "Username", password: "Password", language: "Language", login: "Login", loginGoogle: "Login with Google", forgotPass: "Forgot password?", absenTitle: "Attendance Form", nomorAbsen: "Absence Number", kelas: "Class", healthQuestion: "Are you healthy today?", submit: "Submit", jadwalTitle: "Class Schedule", contactTitle: "Important Contacts", waliKelas: "Homeroom Teacher", sekretariat: "Secretariat", keamanan: "Security", email: "Email", ekstraTitle: "Extracurricular", selectActivities: "Select extracurricular activities", about: "About Us", gallery: "Gallery", dashboard: "Dashboard", logout: "Logout", authError: "Wrong username or password", successMessage: "Thank you for attending today!", motto: "Our Home Javanese Home - Learning with Heart" } } const t = translations[language as keyof typeof translations] || translations.id const handleLogin = (e: React.FormEvent) => { e.preventDefault() // Teacher credentials if (loginType === 'guru' && username === 'GuruFBKBJAYAJAYA' && password === 'absenfbkb') { setIsLoggedIn(true) setAuthError('') } // Student credentials (simplified for demo) else if (loginType === 'siswa' && username && password) { setIsLoggedIn(true) setAuthError('') } else { setAuthError(t.authError) } } const handleCheckIn = (e: React.FormEvent) => { e.preventDefault() if (healthStatus && nomorAbsen) { setHasCheckedIn(true) // In real app, this would send data to server console.log({ nomorAbsen, kelas, healthStatus, activities: selectedActivities }) } } const toggleActivity = (activity: string) => { setSelectedActivities(prev => prev.includes(activity) ? prev.filter(a => a !== activity) : [...prev, activity] ) } if (!isLoggedIn) { return (

{t.loginTitle} {t.motto}

{t.loginAs} setLoginType(val)} className="flex space-x-4" >

{t.guru}

{t.siswa}

{authError &&

{authError}

}

{t.username} setUsername(e.target.value)} required />

{t.password} setPassword(e.target.value)} required />

{t.language}

{contacts.waliKelas} {contacts.sekretariat}

) } return (

{/* Header with school name and navigation */}

{t.motto}

{/* Welcome banner */}

{t.welcome}

{!hasCheckedIn ? ( {t.absenTitle}

{t.nomorAbsen} setNomorAbsen(e.target.value)} required />

{t.kelas} setKelas(e.target.value)} required />

{t.healthQuestion}

{kesehatanOptions.map(option => (

{option}

))}

) : (

{t.successMessage}

)}

{/* Schedule */}

{t.jadwalTitle}

{jadwalPelajaran.map((item, index) => ( ))}

Hari	Pelajaran	Jam	Pengajar
{item.hari}	{item.pelajaran}	{item.jam}	{item.pengajar}

{/* Extracurricular */} {t.ekstraTitle} {t.selectActivities}

{ekstrakurikuler.map(activity => (

toggleActivity(activity)} className="h-4 w-4 rounded border-gray-300 text-yellow-600 focus:ring-yellow-500" /> {activity}

))}

{/* Contacts */}

{t.contactTitle}

{t.waliKelas}

{contacts.waliKelas}

{t.sekretariat}

{contacts.sekretariat}

{t.keamanan}

{contacts.keamanan}

{t.email}

{contacts.email}

{/* School decoration */}

Rumah Kita Rumah Jawa

"Belajar dengan hati, tumbuh dengan cinta"

{/* Calendar */}

Kalender Akademik

Juli 2023

{['M', 'S', 'S', 'R', 'K', 'J', 'S'].map(day => (

{day}

))} {Array.from({ length: 31 }).map((_, i) => (

{i+1}

))}

) }