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

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

    {% block body %}   
        {% block header %}{% endblock %}
        <img src="{{ asset('build/images/services-bg.jpg') }}" alt="bg-index" class="services-bg">
        {% block main %}  
            <main class="site-main">
                <div class="site-main-services">
                    <h1>
                        <img src="{{ asset('build/images/logo_rsl_globe_slogan.png') }}" alt="logo-rsl"> Radio Saint-Louis
                    </h1>
                    <div>
                        <a href="{% if menu  is defined %}
                                    {% if menu.getMenuLink()[0].getIsUrl() %}
                                        {{ menu.getMenuLink()[0].getLink() }}
                                    {% else %}
                                        {{ path(menu.getMenuLink()[0].getLink()) }}
                                    {% endif %}
                                {% endif %}"
                            class="site-main-services-website" 
                            {% if menu  is defined %}
                                {% if menu.getMenuLink()[0].getTargetBlank() %}
                                    target="_blank"
                                {% endif %}
                            {% endif %}>
                            {% if menu  is defined %}
                                {{ menu.getMenuLink()[0].getIcone() | raw }}
                            {% endif %}
                            <span>
                                {% if menu  is defined %}
                                    {{ menu.getMenuLink()[0].getName() }}
                                {% endif %}
                            </span>
                        </a>

                        <a href="{% if menu  is defined %}
                                    {% if menu.getMenuLink()[1].getIsUrl() %}
                                        {{ menu.getMenuLink()[1].getLink() }}
                                    {% else %}
                                        {{ path(menu.getMenuLink()[1].getLink()) }}
                                    {% endif %}
                                {% endif %}"
                            class="site-main-services-webradio" 
                            {% if menu  is defined %}
                                {% if menu.getMenuLink()[1].getTargetBlank() %}
                                    target="_blank"
                                {% endif %}
                            {% endif %}>
                            {% if menu  is defined %}
                                {{ menu.getMenuLink()[1].getIcone() | raw }}
                            {% endif %}
                            <span>
                                {% if menu  is defined %}
                                    {{ menu.getMenuLink()[1].getName() }}
                                {% endif %}
                            </span>
                        </a>

                        <a href="{% if menu  is defined %}
                                    {% if menu.getMenuLink()[2].getIsUrl() %}
                                        {{ menu.getMenuLink()[2].getLink() }}
                                    {% else %}
                                        {{ path(menu.getMenuLink()[2].getLink()) }}
                                    {% endif %}
                                {% endif %}"
                            class="site-main-services-webtv" 
                            {% if menu  is defined %}
                                {% if menu.getMenuLink()[2].getTargetBlank() %}
                                    target="_blank"
                                {% endif %}
                            {% endif %}>
                            {% if menu  is defined %}
                                {{ menu.getMenuLink()[2].getIcone() | raw }}
                            {% endif %}
                            <span>
                                {% if menu  is defined %}
                                    {{ menu.getMenuLink()[2].getName() }}
                                {% endif %}
                            </span>
                        </a>
                    </div>
                </div>
            </main>
        {% endblock %}

        {% block aside %}{% endblock %}

        {% block footer %}  
            <footer class="site-footer">
                <p>© 2020 Copyright Radio Saint-Louis</p>
            </footer>
        {% endblock %}

        {% block javascripts %}
            {{ parent() }}
            {{ encore_entry_script_tags('services') }}
        {% endblock %}
    {% endblock %}