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

<article class="account anim-scroll anim-from-bottom shadow-alt-3 flex col space success text-center {{desktop((alt ? 'w100' : 'third-25 ')~' radius-20 vt-40 bottom-40-in hz-30-in')}} {{mobile('w100 vt-40 bottom-20-in radius-10 hz-20-in')}}">
    <div class="flex col center">

        {{ header.render(o.icon) }}

        <h2 class="h4 semibold {{desktop('')}} {{mobile('')}}">{{o|os_trans("label")}}</h2>
        <div class="flex col center">
            <div class="flex col center hz-20-in vt-7-in {{desktop('')}}{{mobile('')}} ">
                <span class="monthlyFee p-alt gray-alt upper">Durée minimale conseillée</span>
                <i class="h4 bold warning">{{o.minimumDuration}}</i>
            </div>
        </div>

        <div class="">
            {% if o.hasDailyValuation %}
            <div class="flex row vt-5">
                <i class="relative icon inf right-10"><img src="{{asset('icons/select.png')}}" class="contain"></i>
                <span>{{"Valorisation quotidienne"|os_trans("Daily valuation")}}</span>
            </div>
            {% endif %}
            {% if o.hasTaxExempt %}
            <div class="flex row vt-5">
                <i class="relative icon inf right-10"><img src="{{asset('icons/select.png')}}" class="contain"></i>
                <span>Défiscalisé</span>
            </div>
            {% endif %}
        </div>
    </div>

    {% if not alt %}
    {{button.render(path("mutualfund",{slug:o.slug}))}}
    {% endif %}

</article>
{% endmacro %}