==
<?php
function onStart(){
    $this['activeLocaleFlag'] = 'assets/images/flag_'. $this->activeLocale .'.png';
}
?>
==
<!-- Header =========================== -->
    <headar class="header">
        <div class="auto_container">
            <div class="header_wrap">
                <div class="header_row">
                    <div class="header_item">
                        <div class="burger">
                            <span></span>
                            <p>
                                {{'Каталог'|_}}
                            </p>
                        </div>
                    </div>

                    <a href="{{ 'home'|page}}" class="logo">
                        <img src="{{ 'assets/images/logo.png'|theme }}" alt="logo"/>
                    </a>

                    <div class="header_item">
                        <div class="lang">
                            <h6 class="lang_current">
                                <span class="lang_flag">
                                    <img src="{{ activeLocaleFlag|theme }}" alt="lang-flag">
                                </span>

                                {{activeLocale|upper}}

                                <span class="lang_arrow">
                                    <svg width="12" height="7" viewBox="0 0 12 7" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M6.00039 6.3334C5.80568 6.33378 5.61699 6.26597 5.46706 6.14173L0.467059 1.97507C0.296879 1.83362 0.189858 1.63036 0.169542 1.41C0.149225 1.18965 0.217277 0.970247 0.358726 0.800067C0.500175 0.629886 0.703434 0.522866 0.923789 0.50255C1.14414 0.482233 1.36355 0.550284 1.53373 0.691733L6.00039 4.42507L10.4671 0.825067C10.5523 0.755846 10.6504 0.704152 10.7557 0.672959C10.8609 0.641766 10.9714 0.631688 11.0805 0.643304C11.1897 0.65492 11.2956 0.688001 11.3919 0.740646C11.4883 0.79329 11.5733 0.864461 11.6421 0.950067C11.7184 1.03575 11.7762 1.13627 11.8118 1.24533C11.8475 1.3544 11.8602 1.46965 11.8493 1.58387C11.8383 1.69809 11.8039 1.80881 11.7482 1.90911C11.6925 2.00941 11.6166 2.09711 11.5254 2.16673L6.52539 6.19173C6.37116 6.29633 6.18631 6.34621 6.00039 6.3334Z"
                                            fill="#292929" />
                                    </svg>
                                </span>
                            </h6>

                            <div class="lang_box">
                                {% for code, name in locales %}
                                    {% if code != activeLocale %}
                                    {% set aa = 'assets/images/flag_'~ code ~'.png'%}
                                        <a href="{{ url('/' ~ code) }}">
                                            <span class="lang_flag">
                                                <img
                                                    src="{{ aa|theme }}"
                                                    alt="lang-flag"
                                                />
                                            </span>

                                            {{code|upper }}
                                        </a>
                                    {% endif %}
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </headar>
    <!-- Header end ======================= -->