{% import 'common/thumbnail.html.twig' as thumbnail %}

<div style="margin:0 7px;overflow:hidden;">
    {% for basket_element in basket.getElements() %}
    {% set record = basket_element.getRecord(app) %}
    <div class="chim-wrapper-block  chim-wrapper wrapCHIM_{{basket_element.getId()}} valid">
        <div class="chim-block">
            <div class="chim-inner">
                <div class="chim-left">
                    <div id="CHIM_{{basket_element.getId()}}_{{record.get_serialize_key()}}"  class="CHIM diapo">
                        <div class="display_id">
                            {{basket_element.getOrd()}}
                        </div>
                        {{thumbnail.format(record.get_thumbnail(),165, 125, '', true, false)}}
                    </div>
                </div>
                <div class="chim-right">
                    {% for validationDatas in basket_element.getValidationDatas()%}
                        {% if basket_element.getBasket().getValidation().getParticipant(app.getAuthenticatedUser()).getCanSeeOthers() or validationDatas.getParticipant().getUser() == app.getAuthenticatedUser() %}

                            <div class="basket_report_user_wrapper ui-corner-all">
                                    {% if validationDatas.getAgreement() == true %}
                                        {% set imguser = '<span class="icomoon icon-agree">&#xe95f;</span>' %}
                                        {% set styleuser = '' %}
                                    {% elseif validationDatas.getAgreement() is null %}
                                        {% set imguser = '&nbsp;' %}
                                        {% set styleuser = 'margin-left:18px;' %}
                                    {% else %}
                                        {% set imguser = '<span class="icomoon icon-disagree">&#xe971;</span>' %}
                                        {% set styleuser = '' %}
                                    {% endif %}

                                 <div class="validate-icon">
                                        {{imguser|raw}}
                                </div>
                                <div class="validate-info">
                                    <h3> {{validationDatas.getParticipant().getUser().getDisplayName()}}</h3>
                                    {% if validationDatas.getNote() != '' %}
                                       <p> {{validationDatas.getNote()|nl2br}}</p>
                                    {% endif %}
                                </div>
                            </div>
                        {% endif %}
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>
    {% endfor %}
</div>