{% macro render(o, alt = false) %}
{% import "Macros/agency.html.twig" as info %}

<article class="branch anim-scroll anim-from-bottom shadow relative flex col {{desktop('half-30 w100 vt-40 padding-40 radius-20')}} {{mobile('w100 vt-40 padding-20 radius-10')}}">
    <div class="flex top {{desktop('row')}} {{mobile('col')}}">
        <icon class="relative {{not o.logo ? 'shadow-alt'}} hoverflow {{desktop('quarter-40 top-10')}} {{mobile('')}}">
            <img class="w100 block" src="{{asset(o.logo ? o.logo : 'flags/'~o.country|lower~'.svg')}}">
        </icon>
        <div class="w100 {{desktop('left-40-in')}} {{mobile('')}}">
            <h2 class="h5 semibold success {{desktop('')}} {{mobile('top-20')}}">{{o.name}}</h2>
            <div class="w100 {{desktop(' top-10')}} {{mobile('col')}}">
                <div class="flex col top-10">
                    {{info.info("map-marker-alt","Siège"|os_trans("Headquarters"),o.address)}}
                    {{info.info("phone","Téléphone(s)"|os_trans("Phone(s)"),o.phone ?? os_param("contacts").phone)}}
                    {{info.info("envelope","E-mail",o.email ?? os_param("contacts").email)}}
                    {{info.link("globe","Site web"|os_trans("Website"),o.website)}}
                </div>
                {# <div class="flex row middle space {{desktop('top-20')}}{{mobile('top-10')}}">
                    <a class="bg-success flex center middle {{desktop('col vt-25-in hz-30-in radius-5')}} {{mobile('row vt-10-in hz-20-in radius-3')}}" href='{{o.website}}' target='_blank'>
                        <i class="h5 fa fa-globe white"></i>
                        <span class='medium white {{desktop('top-20')}} {{mobile('left-10')}}'>
                            Visiter leur site web
                        </span>
                    </a>
                </div> #}
            </div>


        </div>
    </div>
</article>
{% endmacro %}