{% set title = item|os_trans("label") %}
{% set desc = item|os_trans("target") %}
{% set menu = 'accounts' %}
{% if item.banner %}
{% set thumbnail = item.banner.thumbnail %}
{% set banner = asset(item.banner.file) %}
{% endif %}

{% extends 'Default/base.html.twig' %}
{% import "Macros/smallInfo.html.twig" as smallInfo %}
{% import "Macros/savingAccount.html.twig" as savingAccount %}
{% import "Macros/enumList.html.twig" as enumList %}

{% block content %}
<div class='{{desktop("gpadding vt-40-in")}} {{mobile("gpadding vt-30-in")}} '>
    <div class='{{desktop("flex row space top")}} {{mobile("")}}'>
        <aside class="{{desktop('third right-80 vt-20-in')}} {{mobile('vt-20-in hz-15-in')}}">
            {{savingAccount.render(item,1)}}
        </aside>
        <div id='article' class='w100 {{desktop("")}} {{mobile("vt-20-in")}}'>
            <div class="flex row wrap left">
                {{smallInfo.render("Possibilité de retrait",item.hasWithdrawal ? "Oui" : "Non")}}
                {{smallInfo.render("Crédit associé",item.associatedCredit)}}
                {{smallInfo.render("Dépôt initial",item.deposit)}}
                {{smallInfo.render("Solde minimum",item.minimumBalance)}}
                {{smallInfo.render("Durée minimale de la cotisation",item.minimumDuration)}}
                {{smallInfo.render("Taux de rémunération",item.payRate)}}
                {{smallInfo.render("Solde minimum rémunéré",item.minimumPaidBalance)}}
                {{smallInfo.render("Solde maximum rémunéré",item.maximumPaidBalance)}}
                {{smallInfo.render("Périodicité de reversement des intérêts",item.interestPeriodicity)}}
            </div>
            <article  class='{{desktop("top-20")}}'>
                {% if item.documentsRequired|os_trans("") %}
                <h3 class="success">{{"Pièces à fournir :"|os_trans("Required documents :")}}</h3>
                <div class="{{desktop('left-20-in')}}">
                    {{ enumList.render(item|os_trans("documentsRequired"),"var(--success-color)") }}
                </div>
                {% endif %}
                <div class="article h6 lh-4x text-justify top-20">
                    {{ item|os_trans("othersDetails")|raw }}
                </div>
            </article>
        </div>
	</div>
</div>
{% endblock %}