<!DOCTYPE html>
<html lang="de">
    <head>
        <meta charset="UTF-8">
        <meta name="author" content="KYBERNA AG">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

        <title>Titel - </title>
        <link rel="icon" type="image/x-icon" href="/img/favicon.ico">
        <link rel="apple-touch-icon" href="/img/apple-touch-icon.png">

                                <script src="https://sentry.monitor.ky2help.com/js-sdk-loader/c891eec2e6b4415fa7f8af8341a595e3.min.js" crossorigin="anonymous"></script>
        
                        <link rel="stylesheet" href="/css/bootstrap.css?version=v4.9.0">
            <link rel="stylesheet" href="/css/font-awesome.css?version=v4.9.0">
            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css?version=v4.9.0">
            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2-bootstrap-theme@0.1.0-beta.10/dist/select2-bootstrap.css?version=v4.9.0">
            <link rel="stylesheet" href="/css/style.css?version=v4.9.0">
            <link rel="stylesheet" href="/css/v4.css?version=v4.9.0">
        
    <link rel="stylesheet" href="/css/login.css?version=v4.9.0">

                    <script src="/js/jquery.js?version=v4.9.0"></script>
            <script src="/js/jquery-ui.js?version=v4.9.0"></script>
            <script src="/bundles/bazingajstranslation/js/translator.min.js?version=v4.9.0"></script>
            <script src="/js/translations/de.js?version=v4.9.0"></script>
            <script src="/js/translation.js?version=v4.9.0"></script>
            <script src="/js/bootstrap.js?version=v4.9.0"></script>
            <script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.full.js?version=v4.9.0"></script>
            <script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/i18n/de.js?version=v4.9.0"></script>
            <script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/i18n/fr.js?version=v4.9.0"></script>
            <script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/i18n/it.js?version=v4.9.0"></script>
            <script src="/bundles/tetranzselect2entity/js/select2entity.js?version=v4.9.0"></script>
            <script src="/js/script.js?version=v4.9.0"></script>
        
                            <style>
                .navbar-inverse {
                    height: 54px;
                }
                .navbar-inverse, #sidebar {
                    border: 2px solid #FF0000;
                }
                .navbar-brand span {
                    color: #FF0000;
                }
            </style>
            </head>
    <body>
            <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
                <span class="sr-only"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand navbar-brand-logo" href="/de/">
                                                            <div style="display: flex; gap: 20px">
                            <img src="/img/asa_sari_logo.png" alt="asa-logo">
                                                            <img src="/img/vku_pgs_logo.png" alt="vku-logo">
                                                    </div>
                                                                </a>
        </div>
            </div>
</nav>
    <script>
    
    
    </script>
    <div id="wrapper">
        <div class="main panel panel-default">

            
            <div class="center">
                <h2>Anmelden</h2>
            </div>
            
            <form action="/de/login" method="POST">
                <input type="hidden" name="_csrf_token" value="7aba3e3c579fe51a133.cis1NJfzZNAEa4QL22R_JHwNJc_fVr1Et902Djt9MC4.PVx5WueAMadtAeBT4gcyT01DcIK9N4UL8btfb0tIRlc2cld98Lovl20avA">
                <div class="input-group">
                    <div class="input-group-btn">
                        <label for="username" class="btn btn-default">
                            <i class="fa fa-user"></i>
                        </label>
                    </div>
                    <input type="text" id="username" placeholder="Benutzername"
                           name="_username" class="form-control" value="">
                </div>
                <div class="form-spacer"></div>
                <div class="input-group">
                    <div class="input-group-btn">
                        <label for="password" class="btn btn-default">
                            <i class="fa fa-lock"></i>
                        </label>
                    </div>
                    <input type="password" id="password"
                           placeholder="Passwort" name="_password"
                           class="form-control">
                    <div class="input-group-btn" onclick="toggleShowPassword()">
                        <div class="btn btn-default">
                            <i id="password-visibility-icon" class="fa fa-eye"></i>
                        </div>
                    </div>
                </div>
                <div style="margin-top: 15px;">
                    <a href="/de/register">Fahrlehrer registrieren</a><br>
                    <a href="/de/registerorg">Fahrschule registrieren</a><br>
                    <a href="/de/resetting/request">Passwort zurücksetzen</a>
                </div>
                <div class="submit" style="margin-top: -35px;">
                    <button type="submit" id="_submit" name="_submit" class="btn btn-success">
                        <i class="fa fa-sign-in"></i>
                        Anmelden
                    </button>
                </div>
            </form>
        </div>
        <input type="hidden" value="Login-Page">
    </div>

    <script src="/js/jquery.js?version=v4.9.0"></script>
    <script src="/js/bootstrap.js?version=v4.9.0"></script>

    <script>
        window.onload = function () {
            document.getElementById('username').focus();
            $('.btn, a').mouseup(function () {
                $(this).blur();
            });
        };

        function toggleShowPassword() {
            const passwordInputField = document.getElementById("password");
            const passwordVisibilityIcon = document.getElementById("password-visibility-icon");

            if (passwordInputField.type === "password") {
                passwordInputField.type = "text";
            } else {
                passwordInputField.type = "password";
            }

            passwordVisibilityIcon.classList.toggle("fa-eye");
            passwordVisibilityIcon.classList.toggle("fa-eye-slash");
        }

        var kyJS = {
            flashMessage: {
                interval: '',
                show: function () {
                    $('#flash-message').slideDown();
                    clearTimeout(this.interval);
                    this.interval = setTimeout(function () {
                        kyJS.flashMessage.hide();
                    }, 5000);
                },
                hide: function () {
                    $('#flash-message').slideUp(400, function () {
                        $('#flash-message').remove();
                    });
                },
                create: function (text, status) {
                    if ($('#flash-message').length) {
                        $('#flash-message').remove();
                    }
                    var htmlText = '<div id="flash-message" class="well alert alert-' + status + '">';
                    htmlText += '<span>';
                    htmlText += text;
                    htmlText += '<i class="fa fa-times" onclick="kyJS.flashMessage.hide();"></i>';
                    htmlText += '</span></div>';
                    $('body').append(htmlText);
                    kyJS.flashMessage.show();
                }
            }
        };
    </script>
                                </body>
</html>
