{% extends '::layout.html.twig' %}

{% block content %}
    <section id="page-title" style="padding: 16px 0;">
        <div class="row">
            <div class="col-sm-8">
                <h2 class="mainTitle"><i class="ti-user" style="color: #E10031  !important;font-size: 24px;"></i> Agents
                </h2>

            </div>
            <ol class="breadcrumb" style="margin: 0px 0 0 !important;">
                <li>
                    <span>{{ 'pages.request.hseq' |trans }}</span>
                </li>
                <li>
                    <span>{{ 'agents.path' |trans }}</span>
                </li>
                <li class="active">
                    <span>{{ 'pages.request.list' |trans }}</span>
                </li>
            </ol>
        </div>
    </section>

    <div class="container-fluid container-fullw ">
        <div class="row">
            <div class="col-md-12">
                {% include '@Demande/flashBag.html.twig' %}
                <div class="panel panel-white" id="panel6">
                    <div class="panel-body">
                        <div class="col-md-12 space20">
                            <a href="{{ path('gestion_user_add') }}" class="btn btn-primary"><i
                                        class="fa fa-plus"></i> {{ 'agents.buttonAdd'|trans }}</a>
                        </div>

                        <table class="table table-striped table-hover sample_3">
                            <thead>
                            <tr>
                                <th class=" center"><strong> {{ 'agents.list.user'|trans }} </strong></th>
                                <th class=" center"><strong> {{ 'agents.list.fonction'|trans }} </strong></th>
                                <th class=" center"><strong> Direction </strong></th>
                                <th class=" center"><strong> Email </strong></th>
                                <th class=" center"><strong> Status </strong></th>
                                <th class=" center" style="width:15%;"><strong> Actions </strong></th>

                            </tr>
                            </thead>
                            <tbody>

                            {% for user in users %}
                                <tr>
                                    <td class=" center">{{ user.civility ~'. '~ user.nom ~' '~user.prenom }} </td>
                                    <td class=" center">{{ user.metier }}</td>
                                    <td class=" center">{{ user.site }}</td>
                                    <td class=" center"> {{ user.email }}</td>
                                    <td class=" center">
                                        {% if user.enabled == false %}
                                            <span class="label label-sm label-danger">{{ 'admin.list.statusD' |trans }}</span>
                                        {% else %}
                                            <span class="label label-sm label-success">{{ 'admin.list.statusA' |trans }}</span>
                                        {% endif %}
                                    </td>
                                    <td class=" center">
                                        <a href="{{ path('gestion_user_edit',{'id':user.id}) }}"><i
                                                    class="ti-pencil"></i></a>
                                        <a href="{{ path('gestion_user_changePwd',{'id':user.id}) }}"
                                           class="widget-icon"><i class=" fa fa-unlock-alt"></i></a>
                                        {% if user.demandes is empty %}
                                            <a data-id="{{ user.id }}" class="widget-icon btnDelete" data-toggle="modal"
                                           data-target=".bs-example-modal-sm"><i class="ti-trash"></i></a>
                                        {% endif %}
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">  {{ 'pages.delete.title'|trans }}</h4>
                </div>
                <div class="modal-body">
                    {{ 'agents.del.description'|trans }}
                </div>

                <form type="post" action="{{ path('gestion_user_delete') }}">
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary btn-o">
                            {{ 'pages.delete.valide'|trans }}
                        </button>
                        <input type="hidden" class="uid" name="id" value=""/>
                        <button type="button" class="btn btn-primary" data-dismiss="modal">
                            {{ 'pages.delete.refuse'|trans }}
                        </button>
                    </div>
                </form>

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

    <!-- end: DYNAMIC TABLE -->
{% endblock %}
{% block javascripts %}
    {{ parent() }}

    <script type="text/javascript">
        jQuery(document).ready(function () {
            jQuery('.btnDelete').on('click', function () {
                jQuery('.uid').val($(this).attr('data-id'));
            })
        });
    </script>
{% endblock %}