<div class="breadcrumbs"><a href="/teachers">Teachers</a> <span class="sep">/</span> <%= isEdit ? 'Edit' : 'Add New' %></div>
<div class="page-header"><div><h1><%= isEdit ? 'Edit Teacher' : 'Add New Teacher' %></h1><p class="desc">Add staff details and teaching assignment.</p></div></div>

<div class="card card-pad">
  <form method="POST" action="<%= isEdit ? '/teachers/' + teacher.id + '?_method=PUT' : '/teachers' %>">
    <div class="form-grid">
      <div class="form-group"><label>Full Name *</label><input type="text" name="name" value="<%= teacher.name || '' %>" required placeholder="e.g. Sarah Miller"></div>
      <div class="form-group"><label>Employee ID</label><input type="text" name="employee_id" value="<%= teacher.employee_id || '' %>" placeholder="Auto-generated if left blank"></div>
      <div class="form-group"><label>Subject</label><input type="text" name="subject" value="<%= teacher.subject || '' %>" placeholder="e.g. Mathematics"></div>
      <div class="form-group"><label>Qualification</label><input type="text" name="qualification" value="<%= teacher.qualification || '' %>" placeholder="e.g. M.Ed."></div>
      <div class="form-group"><label>Email</label><input type="email" name="email" value="<%= teacher.email || '' %>" placeholder="teacher@school.edu"></div>
      <div class="form-group"><label>Phone</label><input type="tel" name="phone" value="<%= teacher.phone || '' %>" placeholder="+1 202 555 0100"></div>
      <div class="form-group"><label>Joining Date</label><input type="date" name="joining_date" value="<%= teacher.joining_date || '' %>"></div>
      <div class="form-group"><label>Monthly Salary ($)</label><input type="number" name="salary" value="<%= teacher.salary || '' %>" step="0.01" placeholder="4500"></div>
      <div class="form-group">
        <label>Status</label>
        <select name="status">
          <option value="active" <%= teacher.status === 'active' ? 'selected' : '' %>>Active</option>
          <option value="on leave" <%= teacher.status === 'on leave' ? 'selected' : '' %>>On Leave</option>
          <option value="inactive" <%= teacher.status === 'inactive' ? 'selected' : '' %>>Inactive</option>
        </select>
      </div>
    </div>
    <div class="form-actions">
      <a href="/teachers" class="btn btn-outline">Cancel</a>
      <button type="submit" class="btn btn-primary"><i class="fa-solid fa-check"></i> <%= isEdit ? 'Save Changes' : 'Add Teacher' %></button>
    </div>
  </form>
</div>
