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

{% block title %} Admin Pays {% endblock %}
{% block breadcrumb1 %} Admin Pays {% endblock %}
{% block breadcrumb2 %} List {% endblock %}

{% block content %}
        <div class="row">
            <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-12 space20">
                            <a class="btn btn-primary" href="{{ path('admin_word_admin_country_add') }}" style="color:#fff;">Ajouter Admin Pays <i class="fa fa-plus"></i></a>
                        </div>
                    </div>
                        <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>Flag</strong></th>

                                <th class="hidden-xs center" width="15%"><strong>Pays</strong></th>

                                <th class="hidden-xs center" width="25%"><strong>Nom & Prénom</strong></th>
                                <th class="hidden-xs center" width="25%"><strong>Email</strong></th>
                                <th class="hidden-xs center" width="20%"><strong>Fonction</strong></th>
                                <th class="hidden-xs center" width="10%"><strong>Status</strong></th>
                                <th class="hidden-xs center" width="5%"><strong>Actions</strong></th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for admin in adminsCountry %}

                                <tr>
                                    <td class="hidden-xs center">
                                    <img class="flagCountry" src="{{ asset('assets/total-task/flags/'~admin.country.code~'.png') }}" alt="" >
                                    </td>
                                    <td class="hidden-xs center">{{ admin.country.name }} </td>

                                    <td class="hidden-xs center">{{ admin.firstName ~' '~admin.lastName }} </td>
                                    <td class="hidden-xs center">{{ admin.email }}</td>
                                    <td class="hidden-xs center">{{ admin.function }}</td>
{#                                    <td class="hidden-xs center">{{ admin.country.name }}#}
{#                                        <img title="{{ admin.pays.nom }}" style="width: 25px;"#}
{#                                     rc="{{ asset('components/assets/flags/1x1/'~ admin.pays.code|lower ~'.svg') }}">#}
{#                                    </td>#}
                                    <td class="hidden-xs center">
                                        <a href="{{ path('admin_word_admin_country_status_compte', {id: admin.id}) }}" class="label {% if admin.enabled == 1 %}label-success{% else %}label-danger{% endif %}">
                                        {% if admin.enabled == 1 %} Enabled {% else %} Disabled {% endif %}
                                        </a>
                                    </td>
                                    <td class="hidden-xs center">
                                        <a href="{{ path('admin_word_admin_country_edit', {id: admin.id}) }}" type="button" class=" btn btn-xs btn-dark-blue">
                                            <i class="ti-pencil"></i>
                                        </a>
                                        <a href="{{ path('admin_word_admin_country_change_password', {id: admin.id}) }}" type="button" class="btn btn-xs btn-dark-blue">
                                            <i class=" fa fa-unlock-alt"></i>
                                        </a>
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
{% endblock %}