{% extends "base.html" %}
{% from "_ui.html" import page_head, logo_field %}
{% block title %}Edit College{% endblock %}
{% block content %}
{{ page_head('edit', 'Edit college', 'Update this college\'s details.') }}
<div class="card" style="max-width:720px">
  <div class="card-head"><h3>{{ icon('cap') }} College details</h3></div>
  <div class="card-body">
    <form method="post" enctype="multipart/form-data">
      <input type="hidden" name="csrf" value="{{ csrf_token }}">
      <div class="form-grid">
        <div class="field">
          <label for="collegeName" class="req">College Name</label>
          <div class="input-icon">{{ icon('cap') }}<input name="name" id="collegeName" value="{{ college.name }}" required autofocus></div>
        </div>
        <div class="field">
          <label for="collegeUrl" class="req">College URL</label>
          <div class="input-icon">{{ icon('link') }}<input type="url" name="url" id="collegeUrl" value="{{ college.url_raw or college.url }}" required placeholder="https://www.college.edu" inputmode="url"></div>
        </div>
        <div class="field">
          <label for="collegeCity" class="req">City</label>
          <div class="input-icon">{{ icon('map-pin') }}<input name="city" id="collegeCity" value="{{ college.city }}" required placeholder="e.g. Austin"></div>
        </div>
        <div class="field">
          <label for="collegeState" class="req">State</label>
          <select name="state" id="collegeState" required>
            <option value="">-- Select state --</option>
            {% for st in us_states %}<option value="{{ st }}" {{ 'selected' if college.state == st }}>{{ st }}</option>{% endfor %}
          </select>
        </div>
        <div class="field">
          <label for="collegeTimezone" class="req">Timezone</label>
          <select name="timezone" id="collegeTimezone" required>
            <option value="">-- Select timezone --</option>
            <option value="UTC" {{ 'selected' if college.timezone == 'UTC' }}>UTC</option>
            {% for region, zones in timezone_groups %}
            <optgroup label="{{ region }}">
              {% for value, label in zones %}<option value="{{ value }}" {{ 'selected' if college.timezone == value }}>{{ label }}</option>{% endfor %}
            </optgroup>
            {% endfor %}
          </select>
        </div>
        {{ logo_field(custom_logo) }}
      </div>
      <div class="form-actions">
        <button class="btn">{{ icon('save') }} Save</button>
        <a class="btn ghost" href="{{ url_for('college_new') }}">{{ icon('x') }} Cancel</a>
      </div>
    </form>
  </div>
</div>
{% endblock %}