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

{% block title %}ERROR 404 - The Face{% endblock %}

{% block body %}

{% set classes = [
    'page-container',
    'page-container-simple',
    'page-container-404',
] %}

<section class="{{ classes|join(' ') }}" id="page-container-404" data-title="404" data-node-type="page-404" data-node-name="404" data-meta-title="Error 404 - The Face">

    <h1 class="page-title page-title-404">404</h1>
    <h2 class="page-title page-subtitle-404">Page not found</h2>

    <div id="home-footer-links-container">
        <div class="container-fluid">
            
            {% for gender, sections_in_gender in sectionsHierarchy %}
                <div class="col-sm-6 models-categories-links home-models-categories-links home-footer-links" id="home-footer-links-{{ gender }}">
                    <h3 class="models-categories-links-title home-models-categories-links-title">{{ gender }}</h3>
                    {% for section in sections_in_gender %}
                        <a class="models-category-link home-models-category-link home-link home-footer-link home-link-{{ gender }}" href="/{{ gender }}/{{ section.slug }}" data-node-type-target="models-list">{{ section.name }}</a>
                    {% endfor %}
                </div>
            {% endfor %}

            </div>
        </div>
    </div>

</section>

{% endblock %}