{% block body %}
    <form method="post" name="form_oxaproc" id="form_oxaproc" class="bs-row py-base form-default gutter-x-base">
        {% include '@Evaluation/Campaign/Tabs/Raters/_common_navbar.twig' with {
            suppliersTab: 'actif',
        } %}
        <div class="bs-col clearfix" id="divParam">
            <div class="divParam clearfix mb-base" id="URL">
                <div class="single">
                    <div class="clearfix">
                        <h2 class="separateur_bottom" style="padding-bottom:5px;">
                            {{ 'Fournisseurs' | trad }}
                        </h2>
                        <table id="suppliers_table" class="table table-hover">
                            <thead class="thead-dark">
                                <tr>
                                    <th width="15px"></th>
                                    <th scope="col" width="">{{ 'Fournisseurs' | trad }}</th>
                                    <th scope="col" width="">
                                        {% if droits.HA_CEVALCM and campaign.STATUT == 'P' %}
                                            <a class="download_blanc_v2  white-tooltip" 
                                                href="{{ path('Evaluation.ImportEvaluateur.suppliersImportIndex', {id:id}) }}" 
                                                style="float: right;background-position: 50% 5px !important;">
                                                <span class="infos_tooltip left" style="font-weight: normal;">
                                                    {{ 'Importer des évaluateurs par fournisseur' | trad }}
                                                </span>
                                            </a>
                                        {% endif %}
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for supplier in suppliers %}
                                    <tr id="node_{{ loop.index }}">
                                        <td class="loupe"></td>
                                        <td colspan="2">{{ convertLibelleGlobal('FOURNISS', '', supplier.CODE_FOU, true) }}</td>
                                    </tr>
                                    <tr id="node_{{ loop.index }}detail" class="detail_ligne hide_detail">
                                        <td colspan="3">
                                            <div class="single">
                                                <div class="tab-content">
                                                    <div id="supplier{{ loop.index }}" class="tab-pane active in clearfix border_form">
                                                        <div class="single">
                                                            <div class="tab-content">
                                                                <table class="table table-hover">
                                                                    {% include '@Evaluation/Campaign/Tabs/Raters/raters_table_for_suppliers.twig' with {
                                                                        raters: supplier.raters,
                                                                        supplier_detail: supplier.CODE_FOU,
                                                                    } %}
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>                            
                    </div>
                </div>
            </div>
        </div>
    </form>
	<style>
		.divMenuContextuel {
			width: 50px;
			height: 34px;
			float: right;
			position: absolute;
			top: 1px;
			right: 0;
		}

		.divMenuContextuel .imagePoint {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -6px;
		}
	</style>
{% endblock %}
