{% extends "base.html" %}

{% block title %}Server Error - PacificPy App{% endblock %}

{% block content %}
<div class="row">
    <div class="col">
        <div class="text-center">
            <h1 class="display-1">500</h1>
            <h2>Server Error</h2>
            <p class="lead">Something went wrong on our end. We're working to fix the problem.</p>
            
            {% if trace_id %}
            <div class="alert alert-info mt-4">
                <p class="mb-0">Error reference: <strong>{{ trace_id }}</strong></p>
                <p class="mb-0">Please include this reference when contacting support.</p>
            </div>
            {% endif %}
            
            <div class="mt-4">
                <a href="/" class="btn btn-primary btn-lg">Go to Homepage</a>
                <a href="javascript:history.back()" class="btn btn-secondary btn-lg">Go Back</a>
            </div>
        </div>
    </div>
</div>

<div class="row mt-5">
    <div class="col">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">Need Immediate Help?</h5>
                <p class="card-text">If this error is preventing you from using the service, please contact our support team immediately.</p>
                <a href="/support" class="btn btn-outline-primary">Contact Support</a>
            </div>
        </div>
    </div>
</div>
{% endblock %}