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

{% block body %}
    <div class="container">
        <!--First row-->
        <div class="row">
            <!--First column-->
            <div class="col-lg-7">
                <!--Featured image -->
                <div class="view overlay hm-white-light z-depth-1-half">
                    <img src="/img/logo/banner.png" class="img-fluid " alt="Bild: Track-ID / TECDESIGN Banner">
                    <div class="mask">
                    </div>
                </div>
                <br>
            </div>
            <!--./First column-->

            <!--Main information-->
            <!--Second column-->
            <div class="col-lg-5">
                <h2 class="h2-responsive font-bold">Systemprotokoll</h2>
                <hr>
                <p style="text-align: justify;">Das Systemprotokoll erfasst alle relevanten Vorgänge von
                    <em>Track-ID</em>.
                </p>
            </div>
            <!--./Second column-->

            <!-- Space -->
            <!--Third column-->
            <div class="col-lg-12">
                <br>
            </div>
            <!--./Third column-->
        </div>
        <!--/.First row-->


        <!--Second row-->
        <div class="row">
            <!--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 %}

                <p>
                <h4><u>Folgende Loglevel werden aktuell verwendet:</u></h4><br>
                <ul>
                    <li>
                        <p><strong>"Info"</strong> = Informationen über geänderte Daten (bspw. Kunden, Aufträge, etc.).
                        </p></li>
                    <li>
                        <p class="text-warning"><strong>"Warnung"</strong> = Probleme, die nicht entscheidend für die
                            korrekte Funktionsweise sind (bspw. ein fehlgeschlagener E-Mail Versand) oder
                            wichtige andere Ereignisse.</p>
                    </li>
                    <li><p class="text-danger"><strong>"Fehler"</strong> = Schwerwiegende Probleme (bspw. ein nicht
                            löschbarer Datensatz).</p>
                    </li>
                    <li><p class="text-primary"><strong>"System"</strong> = Sämtliche Informationen über
                            Benutzeraktivitäten. </p>
                    </li>
                    <li><p class="text-success"><strong>"Statusabfrage"</strong> = Informationen über Statusabfragen
                            ohne
                            Benutzerkonto. </p>
                    </li>
                </ul>
                </p>
            </div>
            <!--./First column-->
        </div>
        <!--/.Second row-->

        <!-- ToDo: Herkömmlicher Data Table Code
        <div id="presidents">Daten laden...</div>
        <br>
        <br>
        -->

        <!--Third row-->
        <div class="row">
            <!--First column-->


            <div class="col-lg-12">
                <table id="dtBasicExample" class="table table-striped table-bordered">
                    <thead class="blue-grey lighten-4">
                    <tr>
                        <th><h6><strong>ID</strong></h6></th>
                        <th><h6><strong>Log Level</strong></h6></th>
                        <th><h6><strong>Titel</strong></h6></th>
                        <th><h6><strong>Text</strong></h6></th>
                        <th><h6><strong>Benutzer ID</strong></h6></th>
                        <th><h6><strong>Benutzer E-Mail</strong></h6></th>
                        <th><h6><strong>Auslöser</strong></h6></th>
                        <th><h6><strong>Auslöser URL</strong></h6></th>
                        <th><h6><strong>Erstellt am</strong></h6></th>
                        <th><h6><strong>Letzte Änderung</strong></h6></th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for logEntry in logEntries %}
                        <tr {% if logEntry.logLevel == constant('Tecdesign\\TrackBundle\\Entity\\Log::LOG_LEVEL_WARNING') %}
                            class="warning-color"
                        {% elseif logEntry.logLevel == constant('Tecdesign\\TrackBundle\\Entity\\Log::LOG_LEVEL_ERROR') %}
                            class="danger-color"
                        {% elseif logEntry.logLevel == constant('Tecdesign\\TrackBundle\\Entity\\Log::LOG_LEVEL_SYSTEM') %}
                            class="primary-color"
                        {% elseif logEntry.logLevel == constant('Tecdesign\\TrackBundle\\Entity\\Log::LOG_LEVEL_STATE_CHECK') %}
                            class="success-color"
                                {% endif %}>
                            <td>{{ logEntry.id }}</td>
                            <td>{{ logEntry.logLevel }}</td>
                            <td>{{ logEntry.title }}</td>
                            <td>{{ logEntry.text }}</td>
                            <td>{{ logEntry.userName }}</td>
                            <td>{{ logEntry.userMail }}</td>
                            <td>{{ logEntry.event }}</td>
                            <td>{{ logEntry.eventURL }}</td>
                            <td>{{ logEntry.CreatedAt|date('d.m.Y \\(H:i \\U\\h\\r\\)', "Europe/Berlin") }}</td>
                            <td>{{ logEntry.UpdatedAt|date('d.m.Y \\(H:i \\U\\h\\r\\)', "Europe/Berlin") }}</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>
                            <td></td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
                <br>

                <div class="text-left">
                    <a onclick="if(!confirm('Möchten Sie wirklich das gesamte Systemprotokoll löschen?')){ return false;}"
                       href="{{ path('clearSystemLog') }}" class="btn btn-danger">Protokoll leeren <i
                                class="fa fa-trash"></i>
                    </a>

                    <a onclick="if(!confirm('Möchten Sie wirklich alle Einträge, ' +
                     'die älter als 6 Monate sind, aus dem Systemprotokoll löschen?')){ return false;}"
                       href="{{ path('clearSystemLogOlderThan', {'months':6}) }}" class="btn btn-danger">Alle Einträge
                        älter
                        als
                        6 Monate löschen <i
                                class="fa fa-trash"></i>
                    </a>
                </div>

                <br>
                <p><strong>Hinweis:</strong> Diese Tabelle beinhaltet sämtliche Systemprotokolleinträge und kann nur von
                    Administratoren eingesehen werden.</p>
            </div>
            <!--./First column-->
        </div>
        <!--/.Third row-->
    </div>

    <!-- Nachfolgender Code wird nicht mehr benötigt, da die vorhandene Tabelle in ein DataTable-Objekt umgewandelt wird -->
    <!-- Insert this at the end of your body element, but before the closing tag -->
    <!-- <script src="Achtung: hier fehlt der Twig-Teil"></script> -->

    <!-- <script>
        $(function () {
            $('#presidents').initDataTables(Achtung: hier fehlt der Twig-Teil);
        });
    </script>

    <script type="text/javascript" src="jquery.dataTables.js"></script> -->

    <!-- 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 %}