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

{% block body %}
    <div class="container">
        <!--First row-->
        <div class="row wow fadeIn" data-wow-delay="0.2s">
            <!--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">
                {% if is_granted('ROLE_ADMIN') %}
                    <h2 class="h2-responsive font-bold">Administratorbereich</h2>
                    <hr>
                    <p style="text-align: justify;">Im Administratorbereich haben Sie die Möglichkeit, Aufträge, Kunden
                        und
                        Auftragsabläufe, sowie einzelne Auftragszustände zu bearbeiten.
                        Des Weiteren können Sie hier alle im System hinterlegten Benutzer verwalten
                        und sämtliche administrativen Einstellungen vornehmen.</p>
                {% else %}
                    <h2 class="h2-responsive font-bold">Verwaltungsbereich</h2>
                    <hr>
                    <p style="text-align: justify;">Im Verwaltungsbereich haben Sie die Möglichkeit, Aufträge und Kunden
                        zu bearbeiten.</p>
                {% endif %}
            </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 %}
            </div>
            <!--./First column-->
        </div>
        <!--/.Second row-->

        <!--Third row-->
        <div class="row wow fadeIn" data-wow-delay="0.4s">
            <!--First column-->
            <div class="col-lg-12">
                <div class="row">
                    <!-- 1. Kachel: Alle Aufträge anzeigen-->
                    <div class="col-md-4">
                        <div class="card text-light bg-dark" style="width: 18rem;">
                            <br>
                            <div style="text-align: center; margin-top: 20px;">
                                <span class="fa fa-book" style="font-size: 50px;"></span>

                                <div class="card-block">
                                    <h4 class="card-title">Alle Aufträge</h4>
                                    <p class="card-text">Zeigt sämtliche Aufträge aller Kunden an.</p>
                                    <br><br>
                                    <a href="{{ path('orderList') }}" class="btn btn-primary">Zur Übersicht</a>
                                </div>
                                <br>
                            </div>
                        </div>
                    </div>

                    <!-- 2. Kachel: Alle offenen Aufträge anzeigen-->
                    <div class="col-md-4">
                        <div class="card text-light bg-dark" style="width: 18rem;">
                            <br>
                            <div style="text-align: center; margin-top: 20px;">
                                <span class="fa fa-book" style="font-size: 50px;"></span>

                                <div class="card-block">
                                    <h4 class="card-title">Offene Aufträge</h4>
                                    <p class="card-text">Zeigt sämtliche Aufträge aller Kunden im Zustand "normal"
                                        an.</p>
                                    <br>
                                    <a href="{{ path('all_active_Orders') }}" class="btn btn-primary">Zur Übersicht</a>
                                </div>
                                <br>
                            </div>
                        </div>
                    </div>

                    <!-- 3. Kachel: Aufträge nach Status-->
                    <div class="col-md-4">
                        <div class="card text-light bg-dark" style="width: 18rem;">
                            <br>
                            <div style="text-align: center; margin-top: 20px;">
                                <span class="fa fa-users" style="font-size: 50px;"></span>

                                <div class="card-block">
                                    <h4 class="card-title">Aufträge nach Status</h4>
                                    <p class="card-text">Zeigt sämtliche Aufträge in einem definierbaren Status an.</p>
                                    <br>
                                    <a href="{{ path('showOrdersByState', {'state': '1'}) }}"
                                       class="btn btn-primary">Zur Übersicht</a>
                                </div>
                                <br>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <!--./First column-->

        </div>
        <!--/.Third row-->

        <br>


        <!--Third row-->
        <div class="row wow fadeIn" data-wow-delay="0.4s">
            <!--First column-->
            <div class="col-lg-12">
                <div class="row">
                    <!-- 1. Kachel: Alle Kunden anzeigen-->
                    <div class="col-md-4">
                        <div class="card text-light bg-dark" style="width: 18rem;">
                            <br>
                            <div style="text-align: center; margin-top: 20px;">
                                <span class="fa fa-users" style="font-size: 50px;"></span>

                                <div class="card-block">
                                    <h4 class="card-title">Kunden</h4>
                                    <p class="card-text">Zeigt sämtliche Kunden an.</p>
                                    <br><br>
                                    <a href="{{ path('customerList') }}" class="btn btn-primary">Zur Übersicht</a>
                                </div>
                                <br>
                            </div>
                        </div>
                    </div>

                    {% if is_granted('ROLE_ADMIN') %}
                        <!-- 2. Kachel: Alle Auftragsstati anzeigen-->
                        <div class="col-md-4">
                            <div class="card text-light bg-dark" style="width: 18rem;">
                                <br>
                                <div style="text-align: center; margin-top: 20px;">
                                    <span class="fa fa-list-ol" style="font-size: 50px;"></span>

                                    <div class="card-block">
                                        <h4 class="card-title">Auftragsstati</h4>
                                        <p class="card-text">Zeigt sämtliche Auftragsstati an.</p>
                                        <br><br>
                                        <a href="{{ path('orderStateList') }}" class="btn btn-primary">Zur Übersicht</a>
                                    </div>
                                    <br>
                                </div>
                            </div>
                        </div>
                    {% endif %}

                    {% if is_granted('ROLE_ADMIN') %}
                        <!-- 3. Kachel: Alle Auftragsabläufe anzeigen-->
                        <div class="col-md-4">
                            <div class="card text-light bg-dark" style="width: 18rem;">
                                <br>
                                <div style="text-align: center; margin-top: 20px;">
                                    <span class="fa fa-tasks" style="font-size: 50px;"></span>

                                    <div class="card-block">
                                        <h4 class="card-title">Auftragsabläufe</h4>
                                        <p class="card-text">Zeigt sämtliche Auftragsabläufe an.</p>
                                        <br><br>
                                        <a href="{{ path('orderProcessList') }}" class="btn btn-primary">Zur
                                            Übersicht</a>
                                    </div>
                                    <br>
                                </div>
                            </div>
                        </div>
                    {% endif %}

                </div>
            </div>
            <!--./First column-->

        </div>
        <!--/.Third row-->

        <br>

        <!--Fourth row-->
        <div class="row wow fadeIn" data-wow-delay="0.4s">
            <!--First column-->
            <div class="col-lg-12">
                <div class="row">
                    {% if is_granted('ROLE_ADMIN') %}
                        <!-- 1. Kachel: Alle Benutzer anzeigen-->
                        <div class="col-md-4">
                            <div class="card text-light bg-dark" style="width: 18rem;">
                                <br>
                                <div style="text-align: center; margin-top: 20px;">
                                    <span class="fa fa-users" style="font-size: 50px;"></span>

                                    <div class="card-block">
                                        <h4 class="card-title">Benutzer</h4>
                                        <p class="card-text">Zeigt sämtliche Benutzer von <em>Track-ID</em> an.</p>
                                        <br><br>
                                        <a href="{{ path('userList') }}" class="btn btn-primary">Zur Übersicht</a>
                                    </div>
                                    <br>
                                </div>
                            </div>
                        </div>
                    {% endif %}

                    {% if is_granted('ROLE_ADMIN') %}
                        <!-- 2. Kachel: Systemprotokoll anzeigen-->
                        <div class="col-md-4">
                            <div class="card text-light bg-dark" style="width: 18rem;">
                                <br>
                                <div style="text-align: center; margin-top: 20px;">
                                    <span class="fa fa-file" style="font-size: 50px;"></span>

                                    <div class="card-block">
                                        <h4 class="card-title">Systemprotokoll</h4>
                                        <p class="card-text">Zeigt das Systemprotokoll an.</p>
                                        <br><br>
                                        <a href="{{ path('show_system_Log') }}" class="btn btn-primary">Zur
                                            Übersicht</a>
                                    </div>
                                    <br>
                                </div>
                            </div>
                        </div>
                    {% endif %}

                    {% if is_granted('ROLE_ADMIN') %}
                        <!-- 3. Kachel: Systemeinstellungen anzeigen-->
                        <div class="col-md-4">
                            <div class="card text-light bg-dark" style="width: 18rem;">
                                <br>
                                <div style="text-align: center; margin-top: 20px;">
                                    <span class="fa fa-cogs" style="font-size: 50px;"></span>

                                    <div class="card-block">
                                        <h4 class="card-title">Systemeinstellungen</h4>
                                        <p class="card-text">Zeigt die Systemeinstellungen an.</p>
                                        <br><br>
                                        <a href="{{ path('system_Settings') }}" class="btn btn-primary">Zur
                                            Übersicht</a>
                                    </div>
                                    <br>
                                </div>
                            </div>
                        </div>
                    {% endif %}

                </div>
            </div>
            <!--./First column-->

        </div>
        <!--/.Fourth row-->


    </div>

{% endblock %}