@extends('layouts.master')


@section('content')
    <main class="contentContainer">

        <h1>Profil & Einstellungen</h1>

        <div class="row profileSettingsContainer">

            @include('user.navEdit')

            <section class="col-9 userData">

                <div class="row">
                    <div class="col-12">
                        <div class="row">
                            <h1 class="col-12">Userliste</h1>
                            @if(UserController::checkRight("createUser", $user))
                                <a class="button btn btn-primary btn-big" href="{{ route('clientAdmin.newUser') }}"style="position: absolute;top: -10px;right: 1px;">
                                    <i class="fas fa-user-plus" style="font-size:1.5em;margin-right:10px;"></i>Neuen Benutzer
                                    anlegen</a>
                            @endif
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <div class="row no-gutters ">
                                    <div class="col-12 col-md-12 text-right">
                                        <input type="text"
                                               class="slide-input search"
                                               id="searchFor"
                                               autocomplete="off"
                                               data-shownosearchresults="noUsers"
                                        >
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">&nbsp;</div>

                        <div class="row userList" data-itable='1'>
                            <div class="col-12">
                                <div class="row no-gutters userListHeader listHeader">
                                    <div class="col-10" style="padding-left:30px;">
                                        Name
                                    </div>
                                    <div class="col-2">
                                        Aktionen
                                    </div>
                                </div>
                                @foreach($userList as $userItem)
                                    @if(!UserController::isSupportUser($userItem))
                                        <div class="row no-gutters align-items-center listItem searchItem"
                                             data-search-for="{{$userItem->name}} {{$userItem->firstname}}">

                                            <div class="col-10">
                                                <div class="row">
                                                    <div class="col-2 itablehidemobile">
                                                        <div class="img"
                                                             style="background-image: url('{{ $userItem->getImage() }}');"></div>
                                                    </div>
                                                    <div class="col-10 mb-auto mt-auto">
                                                        <div class="row">
                                                            <div class="col-12 label">
                                                                <a class="editUser cursorPointer"
                                                                   data-userid="{{ $userItem->id }}"
                                                                   title="Bearbeiten">
                                                                    {{ $userItem->name }} {{ $userItem->firstname }}
                                                                </a>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-12">
                                                                {{ $userItem->email }}
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-2">
                                                <div class="row no-gutters">

                                                    <div class="">
                                                        @if(UserController::checkRight("editProfiles", $user))
                                                            <a href="#"
                                                               data-userid="{{ $userItem->id }}"
                                                               class="editUser"
                                                               title="Bearbeiten">
                                                                <i class="fal fa-pencil-alt"></i>
                                                            </a>
                                                        @endif

                                                    </div>


                                                    <div class="">
                                                        @if(UserController::checkRight("editUserRights", $user) &&
                                                            $userItem->id != $user->id)
                                                            <a href="#"
                                                               id="{{ $userItem->id }}"
                                                               class="editUserRights"
                                                               title="Benutzerrechte verwalten">
                                                                <i class="fal fa-key"></i>
                                                            </a>
                                                        @endif
                                                    </div>

                                                    <div class="moreDots" id="{{ $userItem->id }}">
                                                        <a href="#" id="{{ $userItem->id }}"
                                                           class="moreUserActions"
                                                           title="Mehr...">
                                                            <i class="fas fa-ellipsis-v"></i>
                                                        </a>
                                                        <div class="moreMenu" id="{{ $userItem->id }}">
                                                            <span class="more">Weitere Aktionen:</span>
                                                            @if(UserController::checkRight("resetPassword", $user))
                                                                <a href="{{ route('clientAdmin.resetUserPassword', ["userID" => $userItem->id])}}">Passwort
                                                                    zurücksetzen</a>
                                                            @endif

                                                            @if(UserController::checkRight("deleteUser", $user) &&
                                                               $userItem->id != $user->id)
                                                                <a href="#" id="{{ $userItem->id }}" class="deleteUser">
                                                                    User löschen
                                                                </a>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    @endif
                                @endforeach
                                <div data-nosearchresults="noUsers" class="row">
                                    <div class="col-12 text-center">
                                        Zu dieser Eingabe gibt es leider keine Ergebnisse. Bitte versuche es erneut.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </section>

        </div>

    </main>

    @include('layouts.overlay')

    <script>

        jQuery(function () {
            // User bearbeiten: Events abfangen
            jQuery(".editUser").click(function () {
                showLoadingSpinner();

                // Ajax-Parameter festlegen
                var url = '/clientadmin/userEdit';
                var data = {};
                data["userID"] = jQuery(this).data("userid");

                // Handling für erfolgreichen Request
                successFunction = function (response) {
                    if (response.response == "success") {
                        jQuery("#loadingSpinner").hide();
                        jQuery("#editorContent").html(response.editorHTML);
                        jQuery("#listEditor").addClass("windowNarrow");
                        jQuery("#listEditor").fadeIn();
                    }
                    else {
                        errorFunction(response);
                    }
                };

                // Handling für fehlerhaften Request
                errorFunction = function (response) {
                    showModalBox("Es ist ein Fehler aufgetreten.", response.message);
                    hideLoadingSpinner();
                };

                // Ajax aufrufen
                fireAjax(url, data, successFunction, errorFunction);
            });

            // User-Berechtigungen bearbeiten: Overlay öffnen
            jQuery(".editUserRights").click(function () {
                showLoadingSpinner();

                // Ajax-Parameter festlegen
                var url = '/clientadmin/userRightsEdit';
                var data = {};
                data["userID"] = this.id;

                // Handling für erfolgreichen Request
                successFunction = function (response) {
                    if (response.response == "success") {
                        jQuery("#loadingSpinner").hide();
                        jQuery("#editorContent").html(response.editorHTML);
                        jQuery("#listEditor").addClass("windowWide");
                        jQuery("#listEditor").fadeIn();
                    }
                    else {
                        errorFunction(response);
                    }
                };

                // Handling für fehlerhaften Request
                errorFunction = function (response) {
                    showModalBox("Es ist ein Fehler aufgetreten.", response.message);
                    hideLoadingSpinner();
                };

                // Ajax aufrufen
                fireAjax(url, data, successFunction, errorFunction);

            });


            // User löschen: Overlay öffnen
            jQuery(".deleteUser").click(function () {
                showLoadingSpinner();

                // Ajax-Parameter festlegen
                var url = '/clientadmin/userDelete';
                var data = {};
                data["userID"] = this.id;

                // Handling für erfolgreichen Request
                successFunction = function (response) {
                    if (response.response == "success") {
                        jQuery("#loadingSpinner").hide();
                        jQuery("#editorContent").html(response.editorHTML);
                        jQuery("#listEditor").addClass("windowModal");
                        jQuery("#listEditor").fadeIn();
                    }
                    else {
                        errorFunction(response);
                    }
                };

                // Handling für fehlerhaften Request
                errorFunction = function (response) {
                    showModalBox("Es ist ein Fehler aufgetreten.", response.message);
                    hideLoadingSpinner();
                };

                // Ajax aufrufen
                fireAjax(url, data, successFunction, errorFunction);

            });

            // Mehr...-Menü anzeigen bzw. ausblenden
            jQuery(".moreDots").mouseenter(function () {
                jQuery("#" + this.id + ".moreMenu").fadeIn();
            });

            jQuery(".moreDots").mouseleave(function () {
                // Alle Menüs ausblenden
                jQuery(".moreMenu").hide();
            });

        });


    </script>
@endsection