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

{% set pageTitle = "partners"|trans|title %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('styles/technologies.css') }}">
    <link rel="stylesheet" href="{{ asset('styles/partners.css') }}">
{% endblock %}

{% block content %}

    {% include "components/_intro.html.twig" with {options: {
        title: "partners_intro_title"|trans|title,
        description: "partners_intro_description"|trans|capitalize,
        skip: ".partners",
        img: false
    }} %}
    <div class="section-wrapper partners-wrappper">
        <div class="content-section partners">
            <div class="partners-content">
                {% for partner in getPartners() %} 
                    {% set partnerLang = getLang(partner.getPartnerLangs(), app.request) %}
                    {% if partnerLang %}
                        <div class="partner-item">
                            <div class="bundle-wrapper">
                            </div>
                            <span>{{partnerLang.title}}</span>
                            <div class="partner-info-container">
                                <span>{{getText(partner.category.identifier, app.request)}}</span>
                                <span>{{"share_percent"|trans|title}}: {{partner.sharePercent}}%</span>
                            </div>
                        </div>
                    {% endif %}
                {% endfor %}
            </div>
        </div>
    </div>
    {% include 'components/_intern-section.html.twig' %}
{% endblock %}

{% block javascripts %}
    <script src="{{asset('js/offices.js')}}"></script>
{% endblock %}