{% extends 'base.html' %}

{% block title %}{% if object %}Editar Ubicación{% else %}Crear Ubicación{% endif %}{% endblock %}

{% block content %}
<div class="container mt-4">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card shadow-sm">
                <div class="card-header">
                    <h4 class="mb-0">{% if object %}Editar Ubicación{% else %}Crear Nueva Ubicación{% endif %}</h4>
                </div>
                <div class="card-body">
                    <form method="post" novalidate>
                        {% csrf_token %}

                        {# Muestra errores generales del formulario (no asociados a un campo específico) #}
                        {% if form.non_field_errors %}
                            <div class="alert alert-danger" role="alert">
                                {{ form.non_field_errors|striptags }}
                            </div>
                        {% endif %}

                        {# Iteramos sobre cada campo del formulario para tener control total #}
                        {% for field in form %}
                            <div class="mb-3">
                                {# Etiqueta del campo con la clase de Bootstrap #}
                                <label class="form-label">{{ field.label_tag }}</label>

                                {# El campo del formulario (input, select, etc.) #}
                                {{ field }}

                                {# Mostramos los errores de validación para este campo específico #}
                                {% if field.errors %}
                                    <div class="invalid-feedback d-block">
                                        {{ field.errors|striptags }}
                                    </div>
                                {% endif %}
                            </div>
                        {% endfor %}

                        <div class="mt-4 d-flex justify-content-end">
                            <a href="{% url 'gestion_equipos:listar_ubicaciones' %}" class="btn btn-secondary me-2">Cancelar</a>
                            <button type="submit" class="btn btn-primary">Guardar</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}
