Daily Attendance

\n {formatDisplayDate(selectedDate)}\n {selectedClass && ` • ${selectedClass}`}\n

\n \n

\n \n Date:\n \n setSelectedDate(e.target.value)}\n className=\"border border-gray-300 rounded-md px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n

\n\n {/* Statistics */}\n {stats && (\n

{stats.total_students}

Total Students

{stats.present_count}

Present

{stats.absent_count}

Absent

{stats.late_count}

Late

\n )}\n\n {stats && stats.total_students > 0 && (\n

\n Attendance Rate\n {stats.attendance_rate}%\n

\n )}\n

\n\n {/* Error Message */}\n {error && (\n

\n ⚠️\n {error}\n

\n )}\n\n {/* Students List */}\n {filteredStudents.length === 0 ? (\n

👥

No Students Found

\n {selectedClass \n ? `No students found in ${selectedClass}. Try selecting a different class or add students first.`\n : 'No students have been added yet. Go to the \"Manage Students\" tab to add students.'\n }\n

\n ) : (\n

\n {studentsWithAttendance.map(({ student, attendance }) => (\n

{student.name}

\n ID: {student.student_id}\n Class: {student.class}\n {attendance && (\n \n {attendance.status.charAt(0).toUpperCase() + attendance.status.slice(1)}\n \n )}\n

\n\n

\n {(['present', 'absent', 'late'] as const).map((status) => (\n markAttendance(student.id, status)}\n disabled={saving === student.id}\n className={getStatusButtonClass(status, attendance?.status)}\n >\n {saving === student.id ? (\n

\n ) : (\n <>\n {status === 'present' && '✅'}\n {status === 'absent' && '❌'}\n {status === 'late' && '⏰'}\n {status}\n \n )}\n \n ))}\n

\n\n {attendance?.notes && (\n

\n Notes: {attendance.notes}\n

\n )}\n

\n ))}\n

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/mental/Att/code/frontend/components/AttendanceForm.tsx","extension","actionData","errors"]