{% set array_type = ['T01', 'T02', 'T03', 'T04', 'T05'] %}

{% set array_montant = {'T01':'Budget', 'T02':'Montant caution', 'T03':"Montant d'offre", 'T04':'Montant contractualisé', 'T05':'Montant part SFM'} %}

{% set array_champ = {'T01':'budget', 'T02':'montantCaution', 'T03':"montantOffre", 'T04':'montantContractualise', 'T05':'montantPartSFM'} %}

<div class="mt-1">
    {% if opportunity is defined %}

        {% set array_value = {'T01':opportunity.budget, 'T02':opportunity.montantCaution, 'T03':opportunity.montantOffre, 'T04':opportunity.montantContractualise, 'T05':opportunity.montantPartSFM} %}

        {% set unity = opportunity.unityAbreviation %}

        {% set type_opportunity = opportunity.type %}

        {% for type in array_type %}

            {% if ((type_opportunity == 'T01' and type != 'T02') or (type_opportunity == 'T02') ) %}

                <div class="mb-2" id="accordionWrap_{{ type }}" role="tablist" aria-multiselectable="true">
                    <div class="card border border-light collapse-icon accordion-icon-rotate">
                        <div id="heading_{{ type }}" class="card-header" style="background-color: #fff;">
                            
                            <a data-toggle="collapse" href="#accordion_{{ type }}" aria-expanded="true" aria-controls="accordion_{{ type }}" class="collapsed">
                                <strong class="badge badge-blue-fonce mr-0" style="font-size: 1rem;">{{ array_montant[type] }} : {{ array_value[type]|number_format(0,'',' ') }} {{ unity }} </strong>
                            </a>

                        </div>
                        <div id="accordion_{{ type }}" role="tabpanel" data-parent="#accordionWrap_{{ type }}" aria-labelledby="heading_{{ type }}" class="collapse show">
                            <hr class="mt-0" style="border-top: solid 1px #ddd;">

                            {% set count = 0 %}

                            {% for history in opportunity.historyMontantCRMs if history.type == type %}

                                {% set count = count + 1 %}
                                
                                <div class="media-list">
                                    <div class="m-1 mb-4" style="border:solid 1px #eee;">
                                        <div class="card-header p-1 pr-2 pl-2" style="background-color:#f3f9fe;">
                                            <div class="row">
                                                <div class="col-4">
                                                    <span class="avatar avatar-online">
                                                        <img src="{{ asset('uploads/avatars/'~history.userCreator.path) }}" width="30" height="30" alt="user" />
                                                            
                                                        <span> {{ history.userCreator.getFullName }}
                                                            ( {{ history.userCreator.groupe.name }} )
                                                        </span>
                                                    </span>
                                                </div>

                                                <div class="col-4">
                                                    <span><strong>Ancien montant : </strong>{{ history.montantBefore|number_format(0,'',' ') }} {{ unity }}</span>
                                                </div>

                                                <div class="col-4">
                                                    <span><strong>Nouveau montant : </strong>{{ history.montantAfter|number_format(0,'',' ') }} {{ unity }}</span>
                                                </div>

                                            </div>
                                        </div>
                                        <span class="float-right text muted badge badge-warning mt-1">{{ history.dateModification|date('Y-m-d H:i') }}</span>
                                    </div>
                                </div> 

                            {% endfor %}

                            {% if count == 0 %}
                                <div class="ml-1 mr-1 alert alert-info" role="alert">
                                    <i class="fa fa-info-circle mr-0"></i> {% trans %}Aucun modification du montant trouvé{% endtrans %} !
                                </div>
                            {% endif %}  

                        </div>
                    </div>
                </div>

            {% endif %}

        {% endfor %}

    {% else %}

        <div class="alert alert-info mb-1" role="alert">
            <i class="fa fa-info-circle mr-1"></i> {% trans %}Aucune opportunité sélectionnée{% endtrans %} !
        </div>

    {% endif %}
    
</div>