{% sw_extends '@Storefront/storefront/page/error/error-404.html.twig' %}

{# FreeThemeOne 'page/error/error-404.html.twig' #}

{# @TODO: Add custom image... #}

{# ---------------- START: SET TEMPLATE VARS ---------------- #}
{# ---------------- END: SET TEMPLATE VARS ---------------- #}

{# FreeTheme: Add class to error image #}
{% block not_found_error_content %}
    <div class="container mt-5">
        <img src="{{ asset('assets/illustration/404_error.svg', 'theme') }}"
                alt="{{ 'general.404ErrorPageHeader'|trans|striptags }}"
                class="ft-error-image rounded mx-auto d-block w-75">

        <h1 class="mt-5 text-center">{{ 'general.404ErrorPageHeader'|trans|sw_sanitize }}</h1>
        <p class="text-center w-60-l">{{ 'general.404ErrorDescription'|trans|sw_sanitize }}</p>

        {{ block('not_found_error_return') }}
    </div>
{% endblock %}