{% extends 'foundation/front/front.html.twig' %}
{% block body_class %}homepage{% endblock %}
{% block front %}
    <main class="m_site-main m_position-relative">
        <section class="m_slidehome" id="m_slidehome">
            {% for elt in items %}
                {% if elt.type == 'main_slide' %}
                <div class="m_slide-item">
                    <div class="m_slide-item-thumb m_position-relative"
                            {% if elt.thumbnail.filename is defined and elt.thumbnail.filename is not null  %}
                        style="background-image: url('{{ path('proxy_avatar', {'path': elt.thumbnail.filename}) }}');"
                            {% endif %}>

                        <div class="m_slide-desc">
                            {% set localeCode = elt.i18ns[0].locale|split('_')|first %}
                            {% set i18n = (app.request.locale == localeCode and localeCode is defined) ? elt.i18ns[0] : (elt.i18ns[1] is defined ? elt.i18ns[1] : null) %}
                            {% if i18n %}
                                <div class="m_container-lg"><p>{{ i18n.name}}</p></div>
                            {% endif %}
                        </div>
                    </div>
                </div>
                {% endif %}
            {% endfor %}
        </section>
        {{ render(controller("App\\Controller\\Business\\Front\\RecentArticleController::index")) }}

        {{ render(controller("App\\Controller\\Foundation\\Front\\AccomplishmentSectionPageController::section")) }}

        <section class="m_section-network">
            <div class="m_container-lg">
                <div class="m_flex m_section-network-container">
                    <div class="m_slides-block">
                        <div class="m_slide-network-container">
                            <div class="m_slides-network" id="m_slides-network">
                                {% for elt in items %}
                                {% if elt.type != 'main_slide' %}
                                <div class="m_slide-network">
                                    {% if elt.thumbnail.filename is defined and elt.thumbnail.filename is not null  %}
                                        <img alt="" src="{{ path('proxy_avatar', {'path': elt.thumbnail.filename}) }}"/>
                                    {% endif %}
                                </div>
                                {% endif %}
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                    <div class="m_network-box">
                        {% if sectionPageJoinUs and sectionPageJoinUs.i18ns is defined and sectionPageJoinUs.i18ns|length > 0 %}
                            {% set localeCode = sectionPageJoinUs.i18ns[0].locale|split('_')|first %}
                            {% set i18n = (app.request.locale == localeCode and localeCode is defined) ? sectionPageJoinUs.i18ns[0] : (sectionPageJoinUs.i18ns[1] is defined ? sectionPageJoinUs.i18ns[1] : null) %}
                            {% if i18n %}
                                <div>
                                    <span>{{ i18n.name }}</span>
                                    <a href="{{ sectionPageJoinUs.link }}" target="_blank" title="" class="m_btn-yellow">{{ i18n.description|striptags|raw }}</a>
                                </div>
                            {% endif %}
                        {% else %}
                            <p>No translation available.</p>
                        {% endif %}

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

        <section class="m_section-expertise m_position-relative">
            <div class="m_section-expertise-container">
                <div class="m_full-container">
                    <div class="m_flex m_recents-works m_position-relative">
                        {% if sectionPageExpertise and sectionPageExpertise.i18ns is defined and sectionPageExpertise.i18ns|length > 0 %}
                            {% set localeCode = sectionPageExpertise.i18ns[0].locale|split('_')|first %}
                            {% set i18n = (app.request.locale == localeCode and localeCode is defined) ? sectionPageExpertise.i18ns[0] : (sectionPageExpertise.i18ns[1] is defined ? sectionPageExpertise.i18ns[1] : null) %}
                            {% if i18n %}
                                <div class="m_recents-works-desc">
                                    <h2>{{ i18n.name }}</h2>
                                    <p>{{ i18n.description|raw }}</p>
                                    <a href="{{ path('app_expertises_all') }}" title="{{ 'see.more'|trans }}" class="m_btn-link-more">{{ 'see.more'|trans }}<i class="fa-solid fa-angle-right"></i></a>
                                </div>
                            {% endif %}
                        {% endif %}

                        <div class="m_recents-listing-works m_flex m_position-relative" id="m_listing-works-slide">
                            {% for elt in expertises %}
                                {% if elt.i18ns is defined and elt.i18ns|length > 0 %}
                                    {% set localeCode = elt.i18ns[0].locale|split('_')|first %}
                                    {% set i18n = (app.request.locale == localeCode and localeCode is defined) ? elt.i18ns[0] : (elt.i18ns[1] is defined ? elt.i18ns[1] : null) %}
                                    {% if i18n %}
                                        <article class="m_item-work m_position-relative">
                                            <div class="m_item-work-container">
                                                <div class="m_item-work-thumb">
                                                    <img alt="" src="{{ path('proxy_avatar', {'path': elt.thumbnail.filename}) }}"/>
                                                </div>
                                                <div class="m_item-work-content">
                                                    <h3>{{ i18n.name }}</h3>
                                                    <div class="m_item-work-desc">
                                                        <p>{{ i18n.description|raw }}</p>
                                                    </div>
                                                </div>
                                                <a href="{{ path('app_expertises_all') }}" title="{{ 'see.more'|trans }}" class=""></a>
                                            </div>
                                        </article>
                                    {% endif %}
                                {% endif %}
                            {% endfor %}
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
{% endblock %}