{% set title = os_trans("Simulateur de capacité d'emprunt","Borrowing capacity simulator") %}
{% set hasReCaptcha = true %}
{% extends 'Default/base-form.html.twig' %}
{% import 'Admin/macros.html.twig' as adminMacros %}

{% block content %}
<div id="" class='bg-gray {{desktop("gpadding")}} {{mobile("")}}'>
    <div class="fill hoverflow gpadding {{desktop('flex col vt-60-in')}} {{mobile('vt-30-in')}}">

        {{include('Default/notice.html.twig')}}

        <div class="bg-white shadow hoverflow transition nsiaform las border border-4x border-warning w100">
            <div id="simulator" class="anim-display anim-from-bottom transition-1s opened">

                {% if item.getToken() %}

                {% set capital = item.maximumAmount %}

                <div class="hz-40-in top-40-in flex col center">
                    <div class="flex col text-center white shadow-alt-2">
                        <h4 class="h5 upper bg-success gray-alt vt-20-in hz-20-in">{{"Votre capacité d'emprunt est :"|os_trans("Your borrowing capacity is:")}}</h4>
                        <span class="flex row center middle h4 bold bg-warning vt-20-in hz-20-in">
                            <i class="icon small relative">
                                <img class="contain filter-white" src="{{asset('icons/emprunt.svg')}}"/>
                            </i>
                            <span class="left-20">{{capital|price}} F CFA</span>
                        </span>
                    </div>
                    <p class="top-20 vt-20-in border-left border-5x border-error border-solid {{desktop('hz-40-in hz-20')}}">
                        Cette simulation est à titre indicatif, sans aucun engagement quant à son caractère exhaustif, précis et actuel et n'entraine aucun engagement ou accord de la part de la NSIA Banque Bénin.
                    </p>
                </div>
                {% endif %}

                {{form_start(form,{attr:{id:form.vars.id}})}}
                <div class=" {{desktop('vt-40-in hz-60-in flex row space wrap')}}">
                    {% for o in form.children %}
                    <div class="half-30">
                        {{form_row(o)}}
                    </div>
                    {% endfor %}
                </div>

                <div class='flex center col middle {{desktop("vt-40-in hz-40-in")}} {{mobile("center")}}'>
                    <div class="g-recaptcha" data-sitekey="{{os_param('recaptcha')['key']}}"></div>
                    <button type='submit' data-target='#{{form.vars.id}}' class="anim-btn relative flex col center bg-success noborder radius-5 {{desktop('top-15')}}">
                        <span class="upper semibold h6 vt-10-in hz-30-in white">{{"Simuler le crédit"|os_trans("Simulate the credit")}}</span>
                    </button>
                </div>

                {{form_end(form)}}

            </div>

        </div>
    </div>
</div>
{% endblock %}