{% extends "base.html" %}
{% block title %}Teachers{% endblock %}
{% block page_title %}Teachers{% endblock %}
{% set active = "teachers" %}
{% block content %}
<div class="split-layout">
  <div class="card">
    <div class="card-header"><h3>Add Teacher</h3></div>
    <div class="card-body">
      <form hx-post="/teachers/add" hx-target="#teacher-list" hx-swap="outerHTML">
        <div class="form-group">
          <label class="form-label">Full Name</label>
          <input type="text" name="name" class="form-input" required placeholder="e.g. Mrs. Kavitha">
        </div>
        <div class="form-row-2">
          <div class="form-group">
            <label class="form-label">Employee Code</label>
            <input type="text" name="emp_code" class="form-input" placeholder="T001">
          </div>
          <div class="form-group">
            <label class="form-label">Phone</label>
            <input type="text" name="phone" class="form-input" placeholder="9876543210">
          </div>
        </div>
        <div class="form-group">
          <label class="form-label">Email</label>
          <input type="email" name="email" class="form-input" placeholder="teacher@school.edu">
        </div>
        <button type="submit" class="btn btn-primary w-full">Add Teacher</button>
      </form>
    </div>
  </div>
  <div id="teacher-list">{% include "partials/teacher_list.html" %}</div>
</div>
{% endblock %}