<!DOCTYPE html>
<html {{ site.language_attributes }}>
    {% block head %}
        {% include 'partials/head.twig' %}
    {% endblock %}

    <body class="{{ body_class }}">
        {{ function('wp_body_open') }}
        <a class="skip-link screen-reader-text" href="#content">{{ _e('Skip to content') }}</a>

        <header class="header" aria-label="Cabecera del sitio" role="header">
            {% block header %}
                <div class="container-fluid text-bg-light">
                    {% include "partials/top-bar.twig" %}
                </div>
                <div class="container my-1">
                    <div class="col-12">
                        {% include "partials/logos-header.twig" %}
                    </div>

                    <!-- nav -->
                    <div class="align-items-center justify-content-around bg-body-tertiary d-none d-lg-flex">
                        <div>
                            <nav class="navbar navbar-expand-lg" role="navigation" aria-label="Menú principal">
                                <div class="container-fluid">
                                    <div class="collapse navbar-collapse" id="navbarNavDropdown">
                                        {% include "partials/menu.twig" with {'items': menu.get_items} %}
                                    </div>
                                </div>
                            </nav>
                        </div>
                        {#<div>
                            {% include "partials/btn-search.twig" with {'items': menu.get_items} %}
                        </div> #}
                        <div>
                            {% include "partials/menu-burger.twig" with {'items': menu.get_items, 'burger_id': 'menu-burger-desktop'} %}
                        </div>
                    </div>
                    <!-- end nav -->
                </div>
            {% endblock %}
        </header>

        <section id="content" class="content-wrapper container">
            <div class="wrapper">
                {% block content %}
                {% endblock %}
            </div>
        </section>

        <!-- footer -->
        {% block footer %}
			<footer id="footer" class="container-fluid text-bg-dark mt-5 section-footer" role="contentinfo" aria-label="footer">
			    {% include 'partials/footer.twig' %}		
			</footer>
			{{ function('wp_footer') }}
            {% do action('get_footer') %}
		{% endblock %}

    </body>
</html>
