{% extends "layout-adm.html.twig" %}

{% block robots %}<meta name="robots" content="noindex, follow">{% endblock %}

{% block content %}

<h2 class="text-center">{{ block('title') }}</h2>
{% for flashMessage in app.session.flashbag.get('success') %}
<div class="alert alert-success">
    {{ flashMessage }}
</div>
{% endfor %}
<div class="row">
    <div class="col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
        <ul class="nav nav-tabs nav-justified">
            <li><a href="#users" data-toggle="tab">Users</a></li>
            <li><a href="#inscriptions" data-toggle="tab">Inscriptions</a></li>
        </ul>
    </div>
</div>
<div class="tab-content">
    <div class="tab-pane fade adminTable" id="users">
        {% if users %}
        <div class="table-responsive">
            <table class="table table-hover table-condensed">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Role</th>
                        <th></th>
                    </tr>
                </thead>
                {% for user in users %}
                <tr>
                    <td>{{ user.username }}</a></td>
                    <td>
                        {% if user.role == 'ROLE_ADMIN' %}
                        Admin
                        {% else %}
                        User
                        {% endif %}
                    </td>
                    <td>
                        <a href="{{ path('admin_user_edit', { 'id': user.id }) }}" class="btn btn-info btn-xs" title="Edit"><span class="glyphicon glyphicon-edit"></span></a>
                        <button type="button" class="btn btn-danger btn-xs" title="Delete" data-toggle="modal" data-target="#userDialog{{ user.id }}"><span class="glyphicon glyphicon-remove"></span>
                        </button>
                        <div class="modal fade" id="userDialog{{ user.id }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                        <h4 class="modal-title" id="myModalLabel">Confirmation needed</h4>
                                    </div>
                                    <div class="modal-body">
                                        Do you really want to delete this user ?
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                                        <a href="{{ path('admin_user_delete', { 'id': user.id }) }}" class="btn btn-danger">Confirm</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
                {% endfor %}
            </table>
        </div>
        {% else %}
        <div class="alert alert-warning">No users found.</div>
        {% endif %}
        <a href="{{ path('admin_user_add') }}"><button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-plus"></span> Add user</button></a>
    </div>
    <div class="tab-pane fade adminTable" id="inscriptions">
        {% if infos %}
        <div class="table-responsive">
            <table class="table table-hover table-condensed">
                <thead>
                    <tr>
                        <th>Email</th>
                        <th>Étape</th>
                        <th>Date</th>
                        <th>Dossier</th>
                        <th>CV</th>
                        <th>Pièce d'identité</th>
                        <th>Diplome</th>
                        <th>Bulletin</th>
                        <th>Photo</th>
                    </tr>
                </thead>
                {% for info in infos %}
                <tr>
                    <td>{{ info.userName }}</td>
                    <td>{{ info.userStep }}</td>
                    <td>{{ info.userDate }}</td>
                    {% for file,path in info.files %}
                    {% if path == "X" %}
                    <td>Aucun fichier</td>
                    {% else %}
                    <td><a href="{{ asset(path) }}">Lien</a></td>
                    {% endif %}
                    {% endfor %}
                </tr>
                {% endfor %}
            </table>
        </div>
        {% else %}
        <div class="alert alert-warning">No inscriptions found.</div>
        {% endif %}
    </div>
</div>

{% endblock %}