{% set title = cat ? cat|os_trans("label") : "Nos agences"|os_trans("Our agencies") %}
{% set menu = 'about' %}
{% import "Macros/agency.html.twig" as agency %}

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

{% block content %}
<div class='gpadding {{desktop("vt-60-in")}} {{mobile("vt-30-in")}} '>
    {% include('Default/filter.html.twig') with {target:'.struct'} %}
    <div class='{{desktop("flex row space top-60")}} {{mobile("")}}'>
        <div class='w100 {{desktop("")}} {{mobile("")}}'>
            {% for o in list %}
            {{agency.render(o)}}
            {% endfor %}
        </div>
        <div class='{{desktop("third-40 left-80")}}'>
            <h2 class="h5 success">{{title}} {{"sur Google Maps"|os_trans("on Google Maps")}}</h2>
            <div class="w100 hoverflow {{desktop('radius-20 top-20')}} {{mobile('')}}">
                <iframe class="block w100 msquare map-frame noborder" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3965.12671923836!2d2.3913669147699013!3d6.377638895385122!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNsKwMjInMzkuNSJOIDLCsDIzJzM2LjgiRQ!5e0!3m2!1sfr!2sbj!4v1566340986760!5m2!1sfr!2sbj" style="border:0" allowfullscreen="" frameborder="0"></iframe>
            </div>
        </div>
    </div>
</div>
{% endblock %}