{% extends "exams/base.html" %}
{% block content %}

<div class="container mt-4">

  <div class="d-flex justify-content-between align-items-center mb-3">
    <h4>
      <i class="fas fa-school"></i>
      Edit School – {{ school.name }}
    </h4>

    <a href="{% url 'exams:geo_import' %}" class="btn btn-secondary btn-sm">
      <i class="fas fa-arrow-left"></i> Back
    </a>
  </div>

  <div class="card shadow-sm">
    <div class="card-body">

      <form method="POST">
        {% csrf_token %}

        <div class="row g-3">

          <div class="col-md-4">
            <label class="fw-bold">School Code</label>
            {{ form.school_code }}
          </div>

          <div class="col-md-4">
            <label class="fw-bold">Registration Number</label>
            {{ form.school_regno }}
          </div>

          <div class="col-md-4">
            <label class="fw-bold">Ownership</label>
            {{ form.ownership }}
          </div>

          <div class="col-md-12">
            <label class="fw-bold">School Name</label>
            {{ form.name }}
          </div>

          <div class="col-md-4">
            <label class="fw-bold">Region</label>
            {{ form.region }}
          </div>

          <div class="col-md-4">
            <label class="fw-bold">District</label>
            {{ form.district }}
          </div>

          <div class="col-md-4">
            <label class="fw-bold">Ward</label>
            {{ form.ward }}
          </div>

          <div class="col-md-6">
            <label class="fw-bold">Latitude</label>
            {{ form.latitude }}
          </div>

          <div class="col-md-6">
            <label class="fw-bold">Longitude</label>
            {{ form.longitude }}
          </div>

        </div>

        <hr>

        <button class="btn btn-primary w-100">
          <i class="fas fa-save"></i> Save Changes
        </button>

      </form>

    </div>
  </div>

</div>

{% endblock %}