{% extends "base.html" %}

{% block title %}Termin nicht gefunden - Inventarsystem{% endblock %}

{% block content %}
<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-12 col-lg-8 col-xl-7">
            <div class="card border-0 shadow-lg rounded-4 overflow-hidden">
                <div class="card-header text-white" style="background: linear-gradient(135deg, #0f4c5c, #16697a);">
                    <p class="text-uppercase small fw-semibold mb-1 opacity-75">Terminplaner</p>
                    <h1 class="h3 mb-0 fw-bold">Termin nicht gefunden</h1>
                </div>
                <div class="card-body p-4 p-md-5 bg-white text-center">
                    <div class="display-3 fw-bold text-danger mb-3">404</div>
                    <p class="lead mb-2">Der angeforderte Termin existiert nicht mehr oder der Link ist ungültig.</p>
                    <p class="text-muted mb-4">Bitte prüfen Sie den Link erneut oder öffnen Sie den Terminplaner von der Startseite aus.</p>

                    <div class="d-flex flex-column flex-sm-row justify-content-center gap-2">
                        <a href="{{ url_for('home') }}" class="btn btn-primary btn-lg">Zur Startseite</a>
                        <a href="javascript:history.back()" class="btn btn-outline-secondary btn-lg">Zurück</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}