\n
\n {% extends "registration/base.html" %}\n\n{% load i18n jazzmin %}\n{% get_jazzmin_settings request as jazzmin_settings %}\n{% get_jazzmin_ui_tweaks as jazzmin_ui %}\n\n{% block content %}\n <p class="login-box-msg">{{ jazzmin_settings.welcome_sign }}</p>\n <form action="{{ app_path }}" method="post">\n {% csrf_token %}\n {% if user.is_authenticated %}\n <p class="errornote">\n <div class="callout callout-danger">\n <p>\n {% blocktrans trimmed %}\n You are authenticated as {{ username }}, but are not authorized to\n access this page. Would you like to login to a different account?\n {% endblocktrans %}\n </p>\n </div>\n </p>\n {% endif %}\n {% if form.errors %}\n {% if form.username.errors %}\n <div class="callout callout-danger">\n <p>{{ form.username.label }}: {{ form.username.errors|join:', ' }}</p>\n </div>\n {% endif %}\n {% if form.password.errors %}\n <div class="callout callout-danger">\n <p>{{ form.password.label }}: {{ form.password.errors|join:', ' }}</p>\n </div>\n {% endif %}\n {% if form.non_field_errors %}\n <div class="callout callout-danger">\n {% for error in form.non_field_errors %}\n <p>{{ error }}</p>\n {% endfor %}\n </div>\n {% endif %}\n {% endif %}\n <div class="input-group mb-3">\n <input type="text" name="username" class="form-control" placeholder="{{ form.username.label }}" required>\n <div class="input-group-append">\n <div class="input-group-text">\n <span class="fas fa-user"></span>\n </div>\n </div>\n </div>\n <div class="input-group mb-3">\n <input type="password" id="txtPassword" name="password" class="form-control" placeholder="{{ form.password.label }}" required>\n <div class="input-group-append">\n <div class="input-group-text" style="padding: 18px; padding-left:20px;">\n <button type="button" id="btnToggle" class="toggle"><i id="eyeIcon" class="fa fa-eye"></i></button>\n <!-- <span class="fas fa-lock"></span> -->\n </div>\n </div>\n </div>\n {% url 'admin_password_reset' as password_reset_url %}\n {% if password_reset_url %}\n <div class="mb-3">\n <div class="password-reset-link" style="text-align: center;">\n <a href="{{ password_reset_url }}">\n {% trans 'Forgotten your password or username?' %}\n </a>\n </div>\n </div>\n {% endif %}\n <div class="row">\n <div class="col-12">\n <button type="submit" class="btn {{ jazzmin_ui.button_classes.primary }} btn-block">\n {% trans "Log in" %}\n </button>\n </div>\n </div>\n </form>\n <style>\n .toggle {\n background: none;\n border: none;\n color: #495057;\n font-weight: 600;\n position: absolute;\n top: 0;\n right: 4px;\n z-index: 9;\n bottom: 0;\n }\n </style>\n <script>\n let passwordInput = document.getElementById('txtPassword'),\n toggle = document.getElementById('btnToggle'),\n icon = document.getElementById('eyeIcon');\n\n function togglePassword() {\n if (passwordInput.type === 'password') {\n passwordInput.type = 'text';\n icon.classList.add("fa-eye-slash");\n } else {\n passwordInput.type = 'password';\n icon.classList.remove("fa-eye-slash");\n }\n }\n\n function checkInput() {\n }\n\n toggle.addEventListener('click', togglePassword, false);\n passwordInput.addEventListener('keyup', checkInput, false);\n </script>\n{% endblock %}\n\n
\n