{% extends 'Default/base.html.twig' %}

{% block title %} Liste Pays {% endblock %}
{% block breadcrumb1 %} Liste Pays {% endblock %}
{% block breadcrumb2 %} Liste {% endblock %}

{% block content %}
    <div class="row">
        <div class="col-md-12">
            <table class="table table-striped table-bordered table-hover table-full-width" id="sample_2">
                <thead>
                <tr>
                    <th class="hidden-xs center" width="5%"><strong>Drapeau</strong></th>
                    <th class="hidden-xs center" width="15%"><strong>Pays</strong></th>
                    <th class="hidden-xs center" width="20%"><strong>Formateurs</strong></th>
                    <th class="hidden-xs center" width="20%"><strong>Candidates</strong></th>
                    <th class="hidden-xs center" width="20%"><strong>Sociétés</strong></th>
                </tr>
                </thead>
                <tbody>
                {% for c in countries %}
                    <tr>
                        <td class="hidden-xs center"><img class="flagCountry" src="{{ asset('assets/total-task/flags/'~c.code~'.png') }}" alt="" ></td>
                        <td class="hidden-xs left">{{ c.name }} </td>
                        <td class="hidden-xs center">{{ nbrFormateur[c.id] }}  </td>
                        <td class="hidden-xs center">{{ nbrCondidat[c.id] }}  </td>
                        <td class="hidden-xs center">{{ nbrSociete[c.id] }}  </td>

                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}