{% extends "base.html" %}
{% from "_ui.html" import page_head, empty %}
{% block title %}Add College{% endblock %}
{% block content %}
{{ page_head('cap', 'Add College', 'Create the colleges that KT is attached to.') }}

<div class="card">
  <div class="card-head"><h3>{{ icon('plus') }} New college</h3></div>
  <div class="card-body">
    <form method="post">
      <input type="hidden" name="csrf" value="{{ csrf_token }}">
      <div class="form-grid">
        <div class="field full">
          <label for="collegeName" class="req">College name</label>
          <div class="input-icon">{{ icon('cap') }}<input name="name" id="collegeName" required autofocus placeholder="e.g. ABC College of Engineering"></div>
        </div>
      </div>
      <div class="form-actions">
        <button class="btn">{{ icon('plus') }} Add college</button>
      </div>
    </form>
  </div>
</div>

<div class="card">
  <div class="card-head"><h3>{{ icon('list') }} Existing colleges</h3><span class="count">{{ rows|length }} total</span></div>
  <div class="card-body flush">
    <div class="table-wrap">
      <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><span class="cell">{{ icon('cap') }}<strong>{{ c.name }}</strong></span></td>
            <td>{% if c.added_by %}<span class="cell muted">{{ icon('user') }}{{ c.added_by }}</span>{% else %}<span class="muted">-</span>{% endif %}</td>
            <td class="act">
              <span class="btn-row">
                <a class="btn small ghost" href="{{ url_for('kt_new', college=c.id) }}">{{ icon('file-plus') }} Add KT</a>
                <a class="btn icon edit" href="{{ url_for('college_edit', cid=c.id) }}" title="Rename college" aria-label="Rename college">{{ icon('edit') }}</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 icon del" title="Delete college" aria-label="Delete college">{{ icon('trash') }}</button>
                </form>
              </span>
            </td>
          </tr>
          {% else %}
          <tr><td colspan="4" class="empty-cell">{{ empty('inbox', 'No colleges yet.') }}</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}