{% extends app.request.xmlHttpRequest 
    ? '@TigrisBase/ajax-layout.html.twig' : 'base.html.twig' 
%}

{% block description %}
{{ configs.getConfig('TigrisBaseBundle', 'description') }}
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    {{ encore_entry_link_tags('front') }}
{% endblock %}

{% block container_class %}container{% endblock %}

{% block title %}{{ configs.getConfig('TigrisBaseBundle', 'title') }}{% endblock %}
{% block bsTheme %}{% endblock %}
{% block header %}

<header id="main-header">
    <nav class="navbar navbar-expand-lg container">
        <div class="row w-100">
            <div class="col-lg-3 col-md-4">
                <a class="navbar-brand" href="{{ path('homepage') }}"><img src="{{ asset('img/logo.svg') }}" alt="Logo Amicale Entre-Deux-Eaux"/></a>
            </div>
            <div class="col-lg-9 col-md-8">
                    <button class="navbar-toggler" controls="navbarResponsive" type="button" data-bs-toggle="collapse" data-bs-target="#main-menu" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="main-menu">
                    <div class="d-flex align-items-center flex-md-row flex-column w-100">
                        <div class="nav flex-column d-md-none mt-4">
                        {{ knp_menu_render('content_category', {'style':'vertical', 'type':'article'}) }}
                        </div>
                        {% set menu = knp_menu_get('content_page', [], {'name':'main'}) %}
                        {{ knp_menu_render(menu, {'style':'horizontal-right', 'name':'main'}) }}

                        {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
                            {{ knp_menu_render('user', {'style':'horizontal'}) }}
                        {% endif %}

                        <ul class="navbar-nav">
                            <li class="nav-item">
                                <a class="nav-link nav-facebook" title="Retrouvez-nous sur Facebook" target="_blank" href="https://www.facebook.com/Amicale-La%C3%AFque-dEntre-Deux-Eaux-746822345440955/"><i class=" fa-2x fab fa-facebook-square"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </nav>
</header>
{% endblock %}

{% block body %}
<section id="page" class="container-fluid shadow">
    <div class="row">
        <div class="col-lg-3 col-md-4 d-none d-md-block left-side">
            <div class="left-side-container">
                <h3>Événements</h3>
                <div id="category-menu">
                    {% set menu = knp_menu_get('content_category', [], {'type':'article'}) %}
                    {{ knp_menu_render(menu, {'style':'vertical'}) }}
                </div>
                <h3 class="article-title">Articles</h3>
                <div id="article-menu">
                    {% set menu = knp_menu_get('content_category', [], {'type':'news'}) %}
                    {{ knp_menu_render(menu, {'style':'vertical'}) }}
                </div>
            </div>
        </div>

        <div class="col-lg-9 col-md-8 pb-5">
            {{ include('default/_flash_messages.html.twig') }}
            {% block breadcrumbs %}{{ wo_render_breadcrumbs() }}{% endblock %}
            {% block main %}{% endblock %}
        </div>
    </div>
</section>
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
    <div class="slides"></div>
    <h3 class="title"></h3>
    <a class="prev"></a>
    <a class="next"></a>
    <a class="close"></a>
    <a class="play-pause"></a>
    <ol class="indicator"></ol>
</div>
{% endblock %}

{% block footer %}
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <h4>Amicale Laïque d'Entre-Deux-Eaux</h4>
                    Site réalisé par <a href="http://www.oviglo.fr" target="_blank">Oviglo</a>
                </div>

                <div class="col-md-4 text-center">
                    {% set menu = knp_menu_get('content_page', [], {'name':'footer'}) %}
                    {{ knp_menu_render(menu, {'style':'vertical', 'name':'footer'}) }}
                </div>

                <div class="col-md-4 d-flex justify-content-end">
                    <div>
                        <a href="{{ path('tigris_base_security_login') }}" class="btn btn-secondary" >{{ '.icon-user'|parse_icons }} Espace membre</a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
{% endblock %}

{% block javascripts %}
<script>
var iconStyle = '{{ iconStyle|slice(0,1) }}';
{% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
var user = '{{ app.user.username }}';
{% endif %}
</script>
{{ parent() }}
{{ encore_entry_script_tags('front') }}
{% if configs.getConfig('TigrisBaseBundle', 'cookie_bar') == "1" %}
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/cookie-bar/cookiebar-latest.min.js?always=1"></script>
{% endif %}
{% endblock %}