{% extends 'base.html' %}

{% block title %}404 Error{% endblock %}

{% block content %}
<div class="d-flex justify-content-center align-items-center">
  <div class="card w-50 bg-light mt-5 mb-5">
    <img class="card-img-top" src="{{ url_for('static', filename='images/error.jpg') }}">
    <div class="card-body">
      <h5 class="card-title">404 Error</h5>
      <p class="card-text">{{ description|default('Page Not Found') }}</p>
    </div>
    <div class="card-footer">
      <div class="float-end">
        <a class="btn btn-primary" href="{{ url_for('main.index') }}">Return Home</a>
      </div>
    </div>
  </div>
</div>
{% endblock %}