{% extends 'base.html.twig' %}

{% block body %}
    <div class="notFoundError">
        <div class="notFoundImg"><img src="{{ asset('build/images/404.png') }}"></div>
        <div class="notFoundText">
            <div class="notFoundTitle">{{ 'Page Not Found'|trans }}</div>
            <div class="notFoundSubTitle">{{ "We're sorry, but the page you requested cannot be found"|trans }}</div>
            <div class="redirect">{{ 'You will be redirected to homepage in'|trans }}<span class="redirect-timer">5</span>{{ 'Seconds'|trans }}</div>
        </div>
    </div>
    <script>
        var redirectTimer = 5;
        function redirectToHomepage() {
            var redirectInterval = setInterval(function () {
                redirectTimer--;
                $(".redirect-timer").text(redirectTimer);
                if (redirectTimer == 0) {
                    location.href = "/";
                    clearInterval(redirectInterval);
                }
            }, 1000)
        }
        redirectToHomepage();
    </script>
{% endblock %}