{% extends "base.html" %}

{% block title %}
{% if building %}{% trans %}Editar Edificio{% endtrans %} - {{ building.name }}{% else %}{% trans %}Nuevo Edificio{% endtrans %}{% 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 %}{% trans %}Editar Edificio{% endtrans %}{% else %}{% trans %}Nuevo Edificio{% endtrans %}{% endif %}
                </h1>
                <a href="{{ url_for('buildings.list_buildings') }}" class="btn btn-outline-secondary">
                    <i class="bi bi-arrow-left me-1"></i>{% trans %}Volver a Edificios{% endtrans %}
                </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>{% trans %}Información del Edificio / Sede{% endtrans %}
                    </h5>
                </div>
                <div class="card-body p-4">
                    <form method="POST" novalidate>
                        {{ form.hidden_tag() }}

                        <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">{% trans %}Código identificador corto{% endtrans %}</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") }}
                                {% 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=1, max=100) }}
                                {% if form.floors.errors %}
                                <div class="invalid-feedback">{{ form.floors.errors[0] }}</div>
                                {% endif %}
                                <small class="text-muted">{% trans %}Cantidad de plantas/pisos{% endtrans %}</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="{{ url_for('buildings.list_buildings') }}" class="btn btn-outline-secondary">{% trans %}Cancelar{% endtrans %}</a>
                            <button type="submit" class="btn btn-primary px-4">
                                <i class="bi bi-check-circle me-1"></i>
                                {% if building %}{% trans %}Guardar Cambios{% endtrans %}{% else %}{% trans %}Crear Edificio{% endtrans %}{% endif %}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}