\n
\n \n {% extends 'base.html' %}\n{% load static %}\n\n\n{% block content %}\n<style type="text/css">\n.password {\n\tmargin: 15px auto;\n\tposition: relative;\n}\n#password-input {\n\twidth: 100%;\n\tpadding: 5px 0;\n\theight: 30px;\n\tline-height: 40px;\n\ttext-indent: 10px;\n\tmargin: 0 0 15px 0;\n\tborder-radius: 5px;\n\tborder: 1px solid #999;\n\tfont-size: 18px;\n}\n.password-control {\n\tposition: absolute;\n\ttop: 38px;\n\tright: 6px;\n\tdisplay: inline-block;\n\twidth: 20px;\n\theight: 20px;\n\tbackground: url(https://snipp.ru/demo/495/view.svg) 0 0 no-repeat;\n}\n.password-control.view {\n\tbackground: url(https://snipp.ru/demo/495/no-view.svg) 0 0 no-repeat;\n}\n</style>\n\n<div class="container">\n <div class="row justify-content-center">\n <div class="col-12 col-lg-3 pull-right mt-3 p-4" style="padding-left: 0px; text-align: center;">\n <p style="font-size: 50px; opacity: 0.5;"><i class="bi bi-person-circle"></i></p>\n <form method="POST" action="{% url 'users:login' %}"> \n {% csrf_token %}\n\n <div class='mb-2' style="text-align: left;">\n <p class='mb-1'><strong>\u041b\u043e\u0433\u0438\u043d</strong></p>\n <input type="text" name="username" placeholder="\u041b\u043e\u0433\u0438\u043d \u0438\u043b\u0438 Email" class="form-control " maxlength="100" required="" id="id_username">\n {% if form.username.errors %}\n {% for error in form.username.errors %}\n <p style='color:red;'>{{ error }}</p>\n {% endfor %}\n {% endif %}\n </div>\n <div class='mb-2 password' style="text-align: left;">\n <p class='mb-1'><strong>\u041f\u0430\u0440\u043e\u043b\u044c</strong></p>\n <input type="password" name="password" placeholder="\u041f\u0430\u0440\u043e\u043b\u044c" class="form-control " autocomplete="password1" required="" id="id_password">\n <a href="#" class="password-control" onclick="return show_hide_password(this);"></a>\n {% if form.password.errors %}\n {% for error in form.password.errors %}\n <p style='color:red;'>{{ error }}</p>\n {% endfor %}\n {% endif %}\n </div>\n <div class="d-grid gap-1 my-0 py-0">\n <button class="btn btn-success mt-2 mb-5" type="submit"><i class="fa fa-sign-in" aria-hidden="true"></i> \u0412\u043e\u0439\u0442\u0438</button>\n </div>\n </form>\n <a href="{% url 'users:registration' %}" style="color:red;">\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f</a> / \n <a href='{% url "users:password_reset" %}' style="color: red;">\u0417\u0430\u0431\u044b\u043b\u0438 \u043f\u0430\u0440\u043e\u043b\u044c? </a>\n </div>\n </div>\n</div>\n<script>\n function show_hide_password(target){\n\tvar input = document.getElementById('id_password');\n\tif (input.getAttribute('type') == 'password') {\n\t\ttarget.classList.add('view');\n\t\tinput.setAttribute('type', 'text');\n\t} else {\n\t\ttarget.classList.remove('view');\n\t\tinput.setAttribute('type', 'password');\n\t}\n\treturn false;\n}\n</script>\n{% endblock content %}\n\n\n \n
\n