{% extends 'base.html' %}
{% block title %}{% if student %}Edit{% else %}Add{% endif %} Student — Avighna{% endblock %}

{% block content %}

<div style="max-width:640px;">
  <h4 style="font-weight:700;margin-bottom:18px;">{% if student %}Edit Student{% else %}Add Student{% endif %}</h4>

  {% if messages %}
    {% for m in messages %}<div class="alert alert-danger">{{ m }}</div>{% endfor %}
  {% endif %}

  <div class="card" style="padding:24px;">
    <form method="POST">
      {% csrf_token %}

      <div class="form-group mb-3">
        <label class="form-label">Name *</label>
        <input class="form-control" type="text" name="name" value="{{ student.name|default:'' }}" required>
      </div>

      <div class="row">
        <div class="col-md-6 mb-3">
          <label class="form-label">Date of Birth</label>
          <input class="form-control" type="text" name="dob" value="{{ student.dob|default:'' }}" placeholder="YYYY-MM-DD">
        </div>
        <div class="col-md-6 mb-3">
          <label class="form-label">Gender</label>
          <input class="form-control" type="text" name="gender" value="{{ student.gender|default:'' }}">
        </div>
      </div>

      <div class="row">
        <div class="col-md-6 mb-3">
          <label class="form-label">Guardian Name</label>
          <input class="form-control" type="text" name="guardian_name" value="{{ student.guardian_name|default:'' }}">
        </div>
        <div class="col-md-6 mb-3">
          <label class="form-label">Class / Batch</label>
          <input class="form-control" type="text" name="batch_or_class" value="{{ student.batch_or_class|default:'' }}">
        </div>
      </div>

      <div class="row">
        <div class="col-md-6 mb-3">
          <label class="form-label">Phone</label>
          <input class="form-control" type="text" name="phone" value="{{ student.phone|default:'' }}">
        </div>
        <div class="col-md-6 mb-3">
          <label class="form-label">Email</label>
          <input class="form-control" type="email" name="email" value="{{ student.email|default:'' }}">
        </div>
      </div>

      <div class="form-group mb-3">
        <label class="form-label">Address</label>
        <textarea class="form-control" name="address" rows="2">{{ student.address|default:'' }}</textarea>
      </div>

      <div class="form-group mb-3">
        <label class="form-label">Custom Monthly Fee (₹)</label>
        <input class="form-control" type="number" name="monthly_fee" value="{{ student.monthly_fee|default:'' }}" placeholder="Leave blank to use org default (₹{{ org.default_monthly_fee }})">
      </div>

      {% if student %}
      <div class="form-group mb-4" style="display:flex;align-items:center;gap:8px;">
        <input type="checkbox" name="is_active" {% if student.is_active %}checked{% endif %} style="width:18px;height:18px;">
        <label style="margin:0;">Active</label>
      </div>
      {% endif %}

      <button type="submit" class="btn-primary-main" style="padding:10px 24px;">
        {% if student %}Save Changes{% else %}Add Student{% endif %}
      </button>
      <a href="/students/" style="margin-left:14px;color:#888;">Cancel</a>
    </form>
  </div>
</div>

{% endblock %}