{% extends "base.html" %}

{% block title %}404 - Page Not Found{% endblock %}

{% block content %}
<div class="container text-center" style="min-height: 70vh; display: flex; align-items: center; justify-content: center;">
    <div>
        <i class="fas fa-exclamation-triangle text-warning" style="font-size: 5rem;"></i>
        <h1 class="display-1 mt-4">404</h1>
        <h2>Page Not Found</h2>
        <p class="lead text-muted mt-3">
            The page you are looking for doesn't exist or has been moved.
        </p>
        <div class="mt-4">
            <a href="{{ url_for('index') }}" class="btn btn-primary btn-lg">
                <i class="fas fa-home"></i> Go Home
            </a>
            {% if current_user.is_authenticated %}
            <a href="{{ url_for('dashboard') }}" class="btn btn-outline-primary btn-lg">
                <i class="fas fa-tachometer-alt"></i> Dashboard
            </a>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}
