{% for key,suggestion in suggestions %}
    <div id="sug_comp_{{ key }}" data-id="sug_comp_{{ key }}" class="col-12 mb-2">
        <div class="card border border-primary h-100">
            <div class="card-body text-secondary p-2">
                <p class="fs-6 fw-lighter">
                    {{ suggestion.name ? suggestion.name : 'Nom indisponible' }}
                </p>
                <div class="row">
                    <div class="col-6 fs-6 mb-2"><span class="text-primary">Date de début </span> <br>{{ suggestion.startDate ? suggestion.startDate | date('d M Y') : '' }}</div>
                    <div class="col-6 fs-6 mb-2"><span class="text-primary">Date de fin</span> <br>{{ suggestion.endDate ? suggestion.endDate | date('d M Y') : '' }}</div>
                    <div class="col-6 fs-6 mb-2"><span class="text-primary">Budget </span> <br>{{ suggestion.budget ? suggestion.budget : 'N/A' }}</div>
                    <div class="col-6 fs-6 mb-2"><span class="text-primary">Pondération </span> <br>{{ suggestion.weighting ? suggestion.weighting : '' }}</div>
                    <div class="col-12 fs-6 mb-2 text-justify">
                        <span class="text-primary">Description</span><br>
                        {{ suggestion.description ? suggestion.description : '' }}
                    </div>
                </div>
                  <button 
                    class="btn btn-primary {{ 'add-suggested-' ~ suggest}} btn-xs mb-2 me-2 rounded-pill waves-effect position-absolute bottom-0 end-0" 
                    data-suggestion="{{ suggestion | json_encode }}"
                    data-suggest={{suggest}}
                    data-type={{type}}
                    data-type-acronym={{acronym}}
                    data-type-name={{name}}
                    data-type-id={{id}}
                   >
                    <i class="mdi mdi-plus"></i> {{suggest|trans}}
                  </button>
            </div>
        </div>
    </div>
{% endfor %}