{% extends "base.html" %}
{% block title %}Add College{% endblock %}
{% block content %}
<h2>Add College</h2>
<div class="card">
  <form method="post">
    <input type="hidden" name="csrf" value="{{ csrf_token }}">
    <label>College name</label>
    <input name="name" required autofocus style="width:100%">
    <p><button class="btn">Add college</button></p>
  </form>
</div>
<div class="card">
  <div class="college-head"><h3>Existing Colleges</h3><span>{{ rows|length }} total</span></div>
  <table class="grid">
    <thead>
      <tr><th class="num">S.No</th><th>College Name</th><th style="width:22%">Added By</th><th class="act">Action</th></tr>
    </thead>
    <tbody>
      {% for c in rows %}
      <tr>
        <td class="num">{{ loop.index }}</td>
        <td><strong>{{ c.name }}</strong></td>
        <td>{{ c.added_by or '-' }}</td>
        <td class="act">
          <a class="btn small" href="{{ url_for('kt_new', college=c.id) }}">Add KT</a>
          <a class="btn small" href="{{ url_for('college_edit', cid=c.id) }}">Rename</a>
          <form class="inline" method="post" action="{{ url_for('college_delete', cid=c.id) }}" onsubmit="return confirm('Delete this college and all its KT?')">
            <input type="hidden" name="csrf" value="{{ csrf_token }}">
            <button class="btn small danger">Delete</button>
          </form>
        </td>
      </tr>
      {% else %}
      <tr><td colspan="4" class="empty">No colleges yet.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}