{% extends "base.html" %}

{% block title %}
{% if building %}Editar Edificio - {{ building.name }}{% else %}Nuevo Edificio{% endif %} - Edu-Space Admin
{% endblock %}

{% block content %}
<div class="container-fluid pt-5 mt-4">
    <div class="row">
        <div class="col-lg-8 mx-auto">
            <div class="d-flex justify-content-between align-items-center mb-4">
                <h1 class="h3 mb-0">
                    <i class="bi bi-buildings text-primary me-2"></i>
                    {% if building %}Editar Edificio{% else %}Nuevo Edificio{% endif %}
                </h1>
                <a href="/buildings/list_buildings" class="btn btn-outline-secondary">
                    <i class="bi bi-arrow-left me-1"></i>Volver a Edificios
                </a>
            </div>

            <div class="card border-0 shadow-sm">
                <div class="card-header bg-body-tertiary border-0 py-3">
                    <h5 class="mb-0 h6 fw-bold">
                        <i class="bi bi-info-circle text-primary me-2"></i>Información del Edificio / Sede
                    </h5>
                </div>
                <div class="card-body p-4">
                    <form method="POST" action="{% if building %}/buildings/edit/{{ building.id }}{% else %}/buildings/add_building{% endif %}" novalidate>
                        {% if building %}
                        <input type="hidden" name="id" value="{{ building.id }}">
                        {% endif %}

                        <div class="row g-3">
                            <div class="col-md-8">
                                {{ form.name.label(class="form-label fw-semibold") }}
                                {{ form.name(class="form-control" + (" is-invalid" if form.name.errors else ""), placeholder="ej. Edificio Central, Pabellón de Ciencias, Sede Norte") }}
                                {% if form.name.errors %}
                                <div class="invalid-feedback">{{ form.name.errors[0] }}</div>
                                {% endif %}
                            </div>

                            <div class="col-md-4">
                                {{ form.code.label(class="form-label fw-semibold") }}
                                {{ form.code(class="form-control" + (" is-invalid" if form.code.errors else ""), placeholder="ej. CENTRAL, VIRTUAL, PAB-A") }}
                                {% if form.code.errors %}
                                <div class="invalid-feedback">{{ form.code.errors[0] }}</div>
                                {% endif %}
                                <small class="text-muted">Código identificador corto</small>
                            </div>

                            <div class="col-md-8">
                                {{ form.address.label(class="form-label fw-semibold") }}
                                {{ form.address(class="form-control" + (" is-invalid" if form.address.errors else ""), placeholder="ej. Av. Paseo Colón 255, CABA o campus.unicaba.edu.ar") }}
                                {% if form.address.errors %}
                                <div class="invalid-feedback">{{ form.address.errors[0] }}</div>
                                {% endif %}
                            </div>

                            <div class="col-md-4">
                                {{ form.floors.label(class="form-label fw-semibold") }}
                                {{ form.floors(class="form-control" + (" is-invalid" if form.floors.errors else ""), min=0, max=100) }}
                                {% if form.floors.errors %}
                                <div class="invalid-feedback">{{ form.floors.errors[0] }}</div>
                                {% endif %}
                                <small class="text-muted">Plantas físicas (0 para Campus Virtual)</small>
                            </div>

                            <div class="col-12">
                                {{ form.description.label(class="form-label fw-semibold") }}
                                {{ form.description(class="form-control", rows=3, placeholder="Información relevante, accesos, comodidades o departamentos alojados...") }}
                                {% if form.description.errors %}
                                <div class="invalid-feedback">{{ form.description.errors[0] }}</div>
                                {% endif %}
                            </div>

                            <div class="col-12">
                                <div class="form-check form-switch pt-2">
                                    {{ form.is_active(class="form-check-input", role="switch") }}
                                    {{ form.is_active.label(class="form-check-label fw-semibold") }}
                                </div>
                            </div>
                        </div>

                        <div class="d-flex justify-content-end gap-2 mt-4 pt-3 border-top">
                            <a href="/buildings/list_buildings" class="btn btn-outline-secondary">Cancelar</a>
                            <button type="submit" class="btn btn-primary px-4">
                                <i class="bi bi-check-circle me-1"></i>
                                {% if building %}Guardar Cambios{% else %}Crear Edificio{% endif %}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}