{% extends "base.html" %}

{% block title %}Error {{ error_code }} - ARCH{% endblock %}

{% block page_title %}Error {{ error_code }}{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-8 text-center">
        <div class="error-container py-5">
            <h1 class="display-1 text-danger">{{ error_code }}</h1>
            <h2 class="mb-4">{{ error_message }}</h2>
            
            <p class="lead">Lo sentimos, ha ocurrido un error.</p>
            
            {% if error_code == 404 %}
            <p>La página o recurso que está buscando no se ha encontrado.</p>
            {% elif error_code == 403 %}
            <p>No tiene permisos para acceder a este recurso.</p>
            {% elif error_code == 500 %}
            <p>Ha ocurrido un error interno del servidor. Por favor, inténtelo más tarde.</p>
            {% endif %}
            
            <div class="mt-5">
                <a href="{{ url_for('projects.list') }}" class="btn btn-primary btn-lg">
                    <i class="bi bi-house"></i> Ir a la página principal
                </a>
            </div>
        </div>
    </div>
</div>
{% endblock %}