{% set prefix = id_prefix|default('') %}
<turbo-frame id="{{ frame_id|default('convention-resume') }}">
      
    <div class="row">
        <div class="col-sm-12">
            <div class="d-flex flex-column h-100">
            <div class="mt-4 mt-sm-auto">
                <div class="row">

                <div class="col-4" style="--bs-border-opacity: .15;">
                    <div class="d-flex align-items-center">
                    <iconify-icon icon="solar:hand-money-broken" class="fs-7 text-muted"></iconify-icon>
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">Apports financiers</h6>
                    </div>
                    </div>
                    <h4 class="mb-0 mt-1 text-nowrap fs-5 fw-bolder">
                        <span id="{{ prefix }}apportFRecu">{{convention.apportFinancierRecu | separate_thousands}}</span> € / <span id="{{ prefix }}apportF">{{convention.apportFinancier | separate_thousands}}</span> €
                    </h4>
                </div>

                <div class="col-4 border-start border-primary" style="--bs-border-opacity: .15;">
                    <div class="d-flex align-items-center">
                    <iconify-icon icon="solar:box-broken" class="fs-7 text-muted"></iconify-icon>
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">Apports en nature</h6>
                    </div>
                    </div>
                    <h4 class="mb-0 mt-1 text-nowrap fs-5 fw-bolder">
                    <span id="{{ prefix }}apportNRecu">{{convention.apportNatureRecu | separate_thousands}}</span> € / <span id="{{ prefix }}apportN">{{convention.apportNature | separate_thousands}}</span> €
                    </h4>
                </div>

                <div class="col-4 border-start border-primary" style="--bs-border-opacity: .15;">
                    <div class="d-flex align-items-center">
                    <iconify-icon icon="solar:widget-add-broken" class="fs-7 text-muted"></iconify-icon>
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">Total des apports</h6>
                    </div>
                    </div>
                    <h4 class="mb-0 mt-1 text-nowrap fs-5 fw-bolder">
                    <span id="{{ prefix }}apportTRecu">{{(convention.apportFinancierRecu + convention.apportNatureRecu ) | separate_thousands}}</span> € / <span id="{{ prefix }}apportT">{{(convention.apportFinancier + convention.apportNature ) | separate_thousands}}</span> €
                    </h4>
                </div>
                        
                </div>
            </div>
            </div>
        </div>
    </div>
</turbo-frame>