{% extends "base.html" %}
{% block title %}{{ 'Editar' if campus else 'Nuevo' }} Campus{% endblock %}

{% block content %}
<div class="page-header">
  <div class="page-eyebrow">Campus</div>
  <div class="page-title">{{ 'Editar campus' if campus else 'Nuevo campus' }}</div>
  <div class="page-subtitle">
    {{ 'Modifica los datos del campus #' ~ campus['id'] if campus else 'Completa el formulario para registrar un nuevo campus.' }}
  </div>
</div>

<div class="form-card">
  <form method="POST">

    {% if campus %}
    <div class="form-group">
      <label class="form-label">ID</label>
      <input class="form-input" type="text" value="#{{ campus['id'] }}" disabled>
    </div>
    {% endif %}

    <div class="form-group">
      <label class="form-label" for="nombre">Nombre *</label>
      <input
        class="form-input"
        type="text"
        id="nombre"
        name="nombre"
        placeholder="Ej. Campus Norte"
        value="{{ campus['nombre'] if campus else request.form.get('nombre','') }}"
        required
        autofocus
      >
    </div>

    <div class="form-group">
      <label class="form-label" for="telefono">Teléfono *</label>
      <input
        class="form-input"
        type="tel"
        id="telefono"
        name="telefono"
        placeholder="Ej. +52 55 1234 5678"
        value="{{ campus['telefono'] if campus else request.form.get('telefono','') }}"
        required
      >
    </div>

    <div class="form-group">
      <label class="form-label" for="email">Email *</label>
      <input
        class="form-input"
        type="email"
        id="email"
        name="email"
        placeholder="Ej. campus.norte@nexus.edu"
        value="{{ campus['email'] if campus else request.form.get('email','') }}"
        required
      >
    </div>

    <div class="form-group">
      <label class="form-label" for="categoria_id">Categoría</label>
      <div class="select-wrap">
        <select class="form-input form-select" id="categoria_id" name="categoria_id">
          <option value="">— Sin categoría —</option>
          {% for cat in categorias %}
          <option value="{{ cat['id'] }}"
            {% if campus and campus['categoria_id'] == cat['id'] %}selected
            {% elif request.form.get('categoria_id') == cat['id']|string %}selected
            {% endif %}>
            {{ cat['tipo'] }}
          </option>
          {% endfor %}
        </select>
        <svg class="select-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
          <polyline points="6 9 12 15 18 9"/>
        </svg>
      </div>
    </div>

    <div class="form-actions">
      <button type="submit" class="btn btn-primary">
        {{ '💾 Guardar cambios' if campus else '✚ Crear campus' }}
      </button>
      <a href="{{ url_for('campus_list') }}" class="btn btn-ghost">Cancelar</a>
    </div>
  </form>
</div>
{% endblock %}