<div class="breadcrumbs"><a href="/students">Students</a> <span class="sep">/</span> <%= isEdit ? 'Edit' : 'Add New' %></div>
<div class="page-header">
  <div><h1><%= isEdit ? 'Edit Student' : 'Add New Student' %></h1><p class="desc">Fill in the student's personal and guardian details.</p></div>
</div>

<div class="card card-pad">
  <form method="POST" action="<%= isEdit ? '/students/' + student.id + '?_method=PUT' : '/students' %>">
    <div class="form-grid">
      <div class="form-group">
        <label>Full Name *</label>
        <input type="text" name="name" value="<%= student.name || '' %>" required placeholder="e.g. Ava Johnson">
      </div>
      <div class="form-group">
        <label>Admission Number</label>
        <input type="text" name="admission_no" value="<%= student.admission_no || '' %>" placeholder="Auto-generated if left blank">
      </div>
      <div class="form-group">
        <label>Class</label>
        <select name="class_id">
          <option value="">Unassigned</option>
          <% classes.forEach(function(c) { %>
            <option value="<%= c.id %>" <%= student.class_id == c.id ? 'selected' : '' %>><%= c.name %> <%= c.section %></option>
          <% }); %>
        </select>
      </div>
      <div class="form-group">
        <label>Gender</label>
        <select name="gender">
          <option value="male" <%= student.gender === 'male' ? 'selected' : '' %>>Male</option>
          <option value="female" <%= student.gender === 'female' ? 'selected' : '' %>>Female</option>
          <option value="other" <%= student.gender === 'other' ? 'selected' : '' %>>Other</option>
        </select>
      </div>
      <div class="form-group">
        <label>Date of Birth</label>
        <input type="date" name="dob" value="<%= student.dob || '' %>">
      </div>
      <div class="form-group">
        <label>Status</label>
        <select name="status">
          <option value="active" <%= student.status === 'active' ? 'selected' : '' %>>Active</option>
          <option value="inactive" <%= student.status === 'inactive' ? 'selected' : '' %>>Inactive</option>
        </select>
      </div>
      <div class="form-group">
        <label>Guardian Name</label>
        <input type="text" name="guardian_name" value="<%= student.guardian_name || '' %>" placeholder="Parent / guardian full name">
      </div>
      <div class="form-group">
        <label>Guardian Phone</label>
        <input type="tel" name="guardian_phone" value="<%= student.guardian_phone || '' %>" placeholder="+1 202 555 0100">
      </div>
      <div class="form-group">
        <label>Email</label>
        <input type="email" name="email" value="<%= student.email || '' %>" placeholder="student@school.edu">
      </div>
      <div class="form-group full">
        <label>Address</label>
        <textarea name="address" placeholder="Street, city, state"><%= student.address || '' %></textarea>
      </div>
    </div>

    <div class="form-actions">
      <a href="/students" class="btn btn-outline">Cancel</a>
      <button type="submit" class="btn btn-primary"><i class="fa-solid fa-check"></i> <%= isEdit ? 'Save Changes' : 'Add Student' %></button>
    </div>
  </form>
</div>
