{% extends "baseAdmin.html.twig" %}

{% block title %}TecdesignAdminBundle:Customer:list{% endblock %}

{% block body %}
    <div class="container">
        <!--First row-->
        <div class="row wow fadeIn" data-wow-delay="0.2s">
            <!--First column-->
            <div class="col-lg-12">
                <!-- Mögliche Hinweismeldungen anzeigen -->
                {% if app.session.flashbag.peekAll|length > 0 %}
                    {% for type, messages in app.session.flashbag.all %}
                        {% for message in messages %}
                            <div class="alert alert-{{ type ? type : '' }}">
                                <p>{{ message|trans({}, domain|default('messages')) }}</p>
                            </div>
                        {% endfor %}
                    {% endfor %}
                {% endif %}

                <h4 class="mb-5">Übersicht aller Benutzer</h4>

                <table id="dtBasicExample" class="table table-striped table-bordered">
                    <thead class="blue-grey lighten-4">
                    <tr>
                        <th><h6><strong>Kundennummer</strong></h6></th>
                        <th><h6><strong>Firmenname</strong></h6></th>
                        <th><h6><strong>Vorname</strong></h6></th>
                        <th><h6><strong>Nachname</strong></h6></th>
                        <th><h6><strong>E-Mail</strong></h6></th>
                        <th><h6><strong>Rollen</strong></h6></th>
                        <th><h6><strong>Erstellt am</strong></h6></th>
                        <th><h6><strong>Letzte Änderung</strong></h6></th>
                        <th><h6><strong>Aktionen</strong></h6></th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for user in users %}
                        <tr class="{% if user.getFlagstate() == 99 %}bg-danger{% elseif user.getFlagstate() == 0 %}bg-warning{% elseif user.getCustomer() == null %}yellow{% endif %}">
                            <td>{{ user.customerNumber }}</td>
                            <td>{{ user.company }}</td>
                            <td>{{ user.firstname }}</td>
                            <td>{{ user.lastname }}</td>
                            <td>{{ user.email }}</td>
                            <td>
                                {% for role in user.getRoles() %}
                                    {{ role }},
                                {% endfor %}
                            </td>
                            <!-- Hinweistext ggf. kürzen -->
                            <td>{{ user.createdAt|date('d.m.Y \\(H:i \\U\\h\\r\\)', "Europe/Berlin") }}</td>
                            <td>{{ user.updatedAt|date('d.m.Y \\(H:i \\U\\h\\r\\)', "Europe/Berlin") }}</td>
                            <td><a href="{{ path('userEdit', {'id': user.id}) }}"
                                   class="btn btn-primary btn-sm"><i class="fa fa-edit"></i> </a>
                                {% if is_granted('ROLE_ADMIN') %}
                                    <br><br>
                                    <a onclick="if(!confirm('Möchten Sie dem Benutzer wirklich ein neues Passwort zusenden?')){ return false;}"
                                       href="{{ path('userRenewPassword', {'id': user.id}) }}"
                                       class="btn btn-warning btn-sm"><i class="fa fa-refresh"></i> </a> <br><br>
                                    <a onclick="if(!confirm('Möchten Sie den Benutzer wirklich löschen?')){ return false;}"
                                       href="{{ path('userDelete', {'id': user.id}) }}"
                                       class="btn btn-danger btn-sm"><i class="fa fa-trash"></i> </a>
                                {% endif %}
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td>Keine Einträge vorhanden.</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
                <br>

                <br>
                <p><strong>Hinweis:</strong> <span style="background-color:red">Gesperrte Benutzer werden rot</span>,
                    <span style="background-color:orange">noch nicht freigeschaltete orange</span>
                    und <span style="background-color:yellow">neu registrierte, denen noch kein Kundenprofil zugewiesen wurde, gelb</span>
                    hinterlegt.</p>
            </div>
            <!--./First column-->
        </div>
        <!--/.First row-->
    </div>

    <!-- Nachfolgender Code wandelt die vorhandene Tabelle (ID: "dtBasicExample") in ein DataTable-Objekt um -->
    <script type="text/javascript">
        $(document).ready(function () {
            $('#dtBasicExample').dataTable({
                "language": {
                    "url": "https://cdn.datatables.net/plug-ins/1.10.20/i18n/German.json"
                }
            });
        });
    </script>
{% endblock %}