{% extends "::admin.html.twig"%}
{% block title %}:: Users :: {% endblock %}

{% block body %}


<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: #007aff !important;font-size: 24px;"></i> Users </h2>
    </div>
  </div>
</section>
<div class="container-fluid container-fullw ">
    <div class="row">
        <div class="col-md-12 space20">
                <a href="{{path('pafcic_user_admin_create')}}" class="btn btn-primary">
                        Create new user <i class="fa fa-plus"></i>
                </a>
                </div>
        <div class="col-md-12">
            
            <div class="tabbable tabs-right">
                <ul id="myTab5" class="nav nav-tabs">
                    <li class="active">
                        <a href="#myTab5_example1" data-toggle="tab" aria-expanded="true">
                           <span>Authors</span>
                           <i class="fa fa-street-view" style="color: #007aff !important;font-size: 24px;"></i>
                        </a>
                    </li>
                    <li class="">
                        <a href="#myTab5_example2" data-toggle="tab" aria-expanded="false">
                             <span>Editors</span>
                          <i class="ti-user" style="color: #007aff !important;font-size: 24px;"></i>
                        </a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane fade active in" id="myTab5_example1">
                        <table id="sample_0" class="table table-striped table-bordered table-hover table-full-width">
                            <thead>
                                <tr>
                                    <th>CIVILITY</th>
                                    <th>TITLE</th>
                                    <th>NAME</th>
                                    <th>COUNTRY </th>
                                    <th>E-MAIL </th>
                                    <th>PHONE</th>
                                    <th>ETAT</th>
                                    <th>ACTIONS</th>
                                </tr>
                            </thead>
                            <tfoot>
                                <tr>
                                    <th>CIVILITY</th>
                                    <th>TITLE</th>
                                    <th>NAME</th>
                                    <th>COUNTRY </th>
                                    <th>E-MAIL </th>
                                    <th>PHONE</th>
                                    <th>ETAT</th>
                                    <th>ACTIONS</th>
                                </tr>
                            </tfoot>
                            <tbody>

                    {% for author in authors %}

                                <tr>
                                    <td>{{ author.civility }}</td>
                                    <td>{{ author.title }}</td>
                                    <td>{{ author.firstname }} {{ author.lastname }}</td>
                                    <td>{{ author.country }}</td>
                                    <td>{{ author.email}}</td>
                                    <td>{{ author.phone }}</td>
                                    <td>{{ author.isEnabled  ? '<span class="label label-sm label-success">Active</span>' : '<span class="label label-sm label-danger">Désactive</span>' }}</td>

                                    <td><div class="dropdown">
                                            <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="false">
                                                Action
                                                <span class="caret"></span>
                                            </button>
                                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                              {#  <li role="presentation"><a role="menuitem" tabindex="-1" href="{{ path('articles_view', { 'salt': author.salt }) }}">View user</a></li>
                                                <li role="presentation"><a role="menuitem" tabindex="-1" href="{{ path('articles_publish', { 'salt': author.salt }) }}">Publish Article</a></li>
                                                <li role="presentation"><a role="menuitem" tabindex="-1" href="{{ path('articles_delete', { 'salt': author.salt }) }}">Delete Article</a></li>#}
                                                {% if author.isEnabled   %}
                                                     <li role="presentation"><a role="menuitem" tabindex="-1" href="{{ path('pafcic_user_admin_disable', { 'salt': author.salt }) }}">Désactiver</a></li>
                                                  {% else %}
                                               <li role="presentation"><a role="menuitem" tabindex="-1" href="{{ path('pafcic_user_admin_activate', { 'salt': author.salt }) }}">Activer</a></li>
                                               {% endif %}
												<li role="presentation"><a role="menuitem" tabindex="-1" href="{{ path('pafcic_user_admin_editor', { 'salt': author.salt }) }}">Change rôle</a></li>
                                            </ul>
                                        </div></td>
                                </tr>
                   {% endfor %}
                            </tbody>
                        </table>
                         <br/>
                    </div>
                    <div class="tab-pane fade" id="myTab5_example2">
                        <table id="sample_1" class="table table-striped table-bordered table-hover table-full-width">
                           <thead>
                                <tr>
                                    <th>CIVILITY</th>
                                    <th>TITLE</th>
                                    <th>NAME</th>
                                    <th>COUNTRY </th>
                                    <th>E-MAIL </th>
                                    <th>PHONE</th>
                                    <th>ETAT</th>
                                    <th>ACTIONS</th>
                                </tr>
                            </thead>
                            <tfoot>
                                <tr>
                                    <th>CIVILITY</th>
                                    <th>TITLE</th>
                                    <th>NAME</th>
                                    <th>COUNTRY </th>
                                    <th>E-MAIL </th>
                                    <th>PHONE</th>
                                    <th>ETAT</th>
                                    <th>ACTIONS</th>
                                </tr>
                            </tfoot>
                            <tbody>
                    {% for entity in entities %}
                                <tr>
                                    <td>{{ entity.civility }}</td>
                                    <td>{{ entity.title }}</td>
                                     <td>{{ entity.firstname }} {{ entity.lastname }}</td>
                                    <td>{{ entity.country }}</td>
                                    <td>{{ entity.email}}</td>
                                    <td>{{ entity.phone }}</td>
                                    <td>{{ entity.isEnabled  ? '<span class="label label-sm label-success">Active</span>' : '<span class="label label-sm label-danger">Désactive</span>' }}</td>
                                   
                                    <td><div class="dropdown">
                                            <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="false">
                                                Action
                                                <span class="caret"></span>
                                            </button>
                                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                                {% if entity.isEnabled   %}
                                                    <li role="presentation"><a role="menuitem" tabindex="-1" href="{{ path('pafcic_user_admin_disable', { 'salt': entity.salt }) }}">Désactiver</a></li>
                                                {% else %}
                                                    <li role="presentation"><a role="menuitem" tabindex="-1" href="{{ path('pafcic_user_admin_activate', { 'salt': entity.salt }) }}">Activer</a></li>
                                                {% endif %}
                                              {#  <li role="presentation"><a role="menuitem" tabindex="-1" href="{{ path('articles_view', { 'salt': entity.salt }) }}">View user</a></li>
                                                <li role="presentation"><a role="menuitem" tabindex="-1" href="{{ path('articles_publish', { 'salt': entity.salt }) }}">Publish Article</a></li>
                                                <li role="presentation"><a role="menuitem" tabindex="-1" href="{{ path('articles_delete', { 'salt': entity.salt }) }}">Delete Article</a></li>
												<li role="presentation"><a role="menuitem" tabindex="-1" href="{{ path('pafcic_user_admin_editor', { 'salt': entity.salt }) }}">Role Editor</a></li>
                       #}
                                            </ul>
                                        </div></td>
                                </tr>
                   {% endfor %}
                            </tbody>
                        </table>
                        <br/>
                    </div>
                    
                </div>
            </div>
            
           
        </div>
    </div>
</div>
{% endblock %}