\n {/* Header */}\n

\n {isEditing ? 'Edit Student' : 'Add New Student'}\n

\n {isEditing ? 'Update student information' : 'Enter student details to register them in the system'}\n

\n onNavigate('students')}\n className=\"btn-secondary\"\n >\n ← Back to Students\n \n

\n\n {/* Form */}\n

\n {/* Student Information */}\n

Student Information

\n \n First Name *\n \n \n {errors.firstName && (\n

{errors.firstName}

\n )}\n

\n\n

\n \n Last Name *\n \n \n {errors.lastName && (\n

{errors.lastName}

\n )}\n

\n\n

\n \n Date of Birth *\n \n \n {errors.dateOfBirth && (\n

{errors.dateOfBirth}

\n )}\n

\n\n

\n \n Grade *\n \n \n \n {grades.map(grade => (\n \n ))}\n \n {errors.grade && (\n

{errors.grade}

\n )}\n

\n\n {/* Parent Information */}\n

Parent/Guardian Information

\n \n Parent/Guardian Name *\n \n \n {errors.parentName && (\n

{errors.parentName}

\n )}\n

\n\n

\n \n Parent Email *\n \n \n {errors.parentEmail && (\n

{errors.parentEmail}

\n )}\n

\n\n

\n \n Parent Phone *\n \n \n {errors.parentPhone && (\n

{errors.parentPhone}

\n )}\n

\n\n

\n \n Home Address *\n \n \n {errors.address && (\n

{errors.address}

\n )}\n

\n\n {/* Emergency Contact */}\n

Emergency Contact

\n \n Emergency Contact Name *\n \n \n {errors.emergencyContact && (\n

{errors.emergencyContact}

\n )}\n

\n\n

\n \n Emergency Contact Phone *\n \n \n {errors.emergencyPhone && (\n

{errors.emergencyPhone}

\n )}\n

\n\n {/* Medical Information */}\n

Medical Information

\n \n Medical Information (Optional)\n \n \n

\n Include any important medical information, allergies, or special needs\n

\n\n {/* Form Actions */}\n

\n onNavigate('students')}\n className=\"btn-secondary\"\n >\n Cancel\n \n \n {loading ? (\n

\n Saving...\n

\n ) : (\n isEditing ? 'Update Student' : 'Add Student'\n )}\n \n

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