{% extends 'base.html.twig' %}
{% block metaTitle %}{{ meta.title|default }}{% endblock %}
{% block metaDescription %}{{ meta.description|default }}{% endblock %}
{% block stylesheets %}
{% endblock %}
{% block body %}
        <div class="root_container">
            <div class="root_header support_header_root">
                {# AFFILIATES MAIN SECTION #}
                {% set affiliatesPage = getPages({'alias': 'Ortaklar'}) %}
                {% set affiliatesSection = getPageSections({'alias': 'İntro Kısmı', 'pageId': affiliatesPage.id}) %}
                {% set affiliatesIntroLang = getPageSectionLangLocale({'section': affiliatesSection, 'locale': app.request.locale}) %}
                <div class="support_header_write">
                    <h5>{{ affiliatesIntroLang.shortTitle|default }}</h5>
                    <h2 class="animate_start" data-params='{"opacity": [0, 1], "translateX": [100, 0], "duration": 1000, "easing": "easeInOutQuad"}'>{{ affiliatesIntroLang.title|default }}</h2>
                    <p>{{ affiliatesIntroLang.text|default|raw }}</p>
                </div>
            </div>
            <div class="root_body">
                <div class="root_body_pad">
                    {% set affiliates = getAffiliates(null) %}
                    <div class="affiliates_root_container">
                        {% for affiliate in affiliates %}
                            {% set affiliateLang = getAffiliatesLangs({'Affiliates': affiliate, 'lang': app.request.locale}) %}
                            {% set affiliateLogo = getAffiliatesImages({'Affiliates': affiliate, 'type': 'logo'}) %}
                            {% set affiliateImage = getAffiliatesImages({'Affiliates': affiliate, 'type': 'image'}) %}
                            <div class="affiliates_container animate_start" data-params='{"opacity": [0, 1], "translateX": [-100, 0], "duration": 1000, "easing": "easeInOutQuad"}'>
                                <div class="img">
                                    {% set dir = getParameters("page_affiliates_dir") %}
                                    {% set imageDir = affiliateImage is defined and affiliateImage.name is defined ? (dir ~ affiliateImage.name) : '/assets/img/affiliates/build.jpg' %}

                                    <img src="{{ asset(imageDir) }}" alt="{{ affiliateLang.imageAlt[0]|default }}">
                                </div>
                                <div class="desc">
                                    <div class="header">
                                        {% set dir = getParameters("page_affiliates_dir") %}
                                        {% set imageDir = affiliateLogo is defined and affiliateLogo.name is defined ? (dir ~ affiliateLogo.name) : '/assets/img/affiliates/akgun.png' %}

                                        <img class="brand" src="{{ asset(imageDir) }}" alt="{{ affiliateLang.logoAlt[0]|default }}">
                                        <h2>{{ affiliateLang.title|default }}</h2>
                                    </div>
                                    <p>{{ affiliateLang.description|default|raw }}</p>
                                    {% if affiliateLang.link is defined %}
                                        <a href="https://{{ affiliateLang.link|default }}/">{{ affiliateLang.link|default }}</a>
                                    {% endif %}
                                </div>
                            </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
            {% include "components/innerPageFooter.html.twig" %}
        </div>
{% endblock %}
{% block javascripts_bottom %}
    <script src="{{ asset('assets/js/navbar.js') }}"></script>
    <script src="{{ asset('assets/js/main.js') }}"></script>
{% endblock %}