"<!DOCTYPE html>\n<html lang=\"en-US\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n        <title>Login</title>\n    <link href=\"/assets/543af494/css/bootstrap.css\" rel=\"stylesheet\">\n<link href=\"/css/site.css\" rel=\"stylesheet\"></head>\n<body style=\"background-image: url('/assets/images/login_background.png');\">\n\n<div class=\"wrap\">\n    <div class=\"container\">\n        <div class=\"site-login\">\n    <style>\n        .hint-hidden {\n            display: none;\n        }\n    </style>\n    <div class=\"row\" style=\"margin-top: 10%; \">\n        <div class=\"col-lg-4\"></div>\n        <div class=\"col-lg-4\" style=\"padding: 20px;\">\n            <img src=\"/assets/images/logo.png\" style=\"width: 100%; height: auto;\">\n            <h3 style=\"text-align: center; color: rgba(1,81,122,1);\">Login Handwerkerportal</h3>\n            <form id=\"login-form\" action=\"/site/login\" method=\"post\" role=\"form\">\n            <div class=\"form-group field-username-field required\">\n<label class=\"control-label\" for=\"username-field\">Username</label>\n<input type=\"text\" id=\"username-field\" class=\"form-control\" name=\"LoginForm[username]\" aria-required=\"true\">\n<p id=\"username-hint\" class=\"hint-hidden\">Username = Email</p>\n<p class=\"help-block help-block-error\"></p>\n</div>\n            <div class=\"form-group field-password-field required\">\n<label class=\"control-label\" for=\"password-field\">Password</label>\n<input type=\"password\" id=\"password-field\" class=\"form-control\" name=\"LoginForm[password]\" value=\"\" aria-required=\"true\">\n<p id=\"password-hint\" class=\"hint-hidden\">Sie haben sich noch nicht im neuen Handwerkerportal eingeloggt?<br>Dann setzen Sie ihr Passwort einmalig zurück.<br> Das Passwort aus dem alten Handwerkerportal ist nicht mehr gültig.</p>\n<p class=\"help-block help-block-error\"></p>\n</div>\n            <div class=\"form-group\">\n                <button type=\"submit\" class=\"btn btn-primary\" name=\"login-button\">Login</button>                <a class=\"btn btn-secondary\" href=\"/site/request-password-reset\">Passwort zurücksetzen?</a>            </div>\n\n            </form>        </div>\n        <div class=\"col-lg-4\"></div>\n    </div>\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n            const usernameField = document.getElementById('username-field');\n            const usernameHint = document.getElementById('username-hint');\n            const passwordField = document.getElementById('password-field');\n            const passwordHint = document.getElementById('password-hint');\n            const loginButton = document.querySelector('[name=\"login-button\"]');\n\n            function showHint(hint) {\n                hint.classList.remove('hint-hidden');\n            }\n\n            function hideHint(hint) {\n                setTimeout(() => {\n                    if (document.activeElement !== loginButton) {\n                        hint.classList.add('hint-hidden');\n                    }\n                }, 100); // Delay allows the click event to register\n            }\n\n            usernameField.addEventListener('focus', () => showHint(usernameHint));\n            usernameField.addEventListener('blur', () => hideHint(usernameHint));\n\n            passwordField.addEventListener('focus', () => showHint(passwordHint));\n            passwordField.addEventListener('blur', () => hideHint(passwordHint));\n        });\n    </script>\n</div>\n    </div>\n</div>\n\n\n<script src=\"/assets/5c0a090a/jquery.js\"></script>\n<script src=\"/assets/52e4289c/yii.js\"></script>\n<script src=\"/assets/52e4289c/yii.validation.js\"></script>\n<script src=\"/assets/52e4289c/yii.activeForm.js\"></script>\n<script>jQuery(function ($) {\njQuery('#login-form').yiiActiveForm([{\"id\":\"username-field\",\"name\":\"username\",\"container\":\".field-username-field\",\"input\":\"#username-field\",\"error\":\".help-block.help-block-error\",\"validate\":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {\"message\":\"Username cannot be blank.\"});}},{\"id\":\"password-field\",\"name\":\"password\",\"container\":\".field-password-field\",\"input\":\"#password-field\",\"error\":\".help-block.help-block-error\",\"validate\":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {\"message\":\"Password cannot be blank.\"});}}], []);\n});</script></body>\n</html>\n"