login.j2 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Login</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. </head>
  7. <body>
  8. {% with messages = get_flashed_messages(with_categories=true) %}
  9. {% if messages %}
  10. {% for category, message in messages %}
  11. <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
  12. {{ message }}
  13. <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  14. <span aria-hidden="true">&times;</span>
  15. </button>
  16. </div>
  17. {% endfor %}
  18. {% endif %}
  19. {% endwith %}
  20. <div class="row">
  21. <div class="col-12 col-md-6">
  22. <h2>Login</h2>
  23. <form method="post">
  24. <div class="form-group">
  25. <label class="text-normal text-dark">Email</label>
  26. <input type="email" class="form-control" name="email" placeholder="Email">
  27. </div>
  28. <div class="form-group">
  29. <label class="text-normal text-dark">Password</label>
  30. <input type="password" class="form-control" name="password" placeholder="Password">
  31. </div>
  32. <div class="form-group pull-right">
  33. <button class="btn btn-primary">Login</button>
  34. </div>
  35. </form>
  36. </div>
  37. <div class="col-12 col-md-6">
  38. <h2>Register</h2>
  39. <form action="{{ url_for('backend.register')}}" method="post">
  40. <div class="form-group">
  41. <label class="text-normal text-dark">Name</label>
  42. <input type="text" class="form-control" name="name" placeholder="Name" value="{{ name }}" required>
  43. </div>
  44. <div class="form-group">
  45. <label class="text-normal text-dark">Email</label>
  46. <input type="email" class="form-control" name="email" placeholder="Email" value="{{ email }}" required>
  47. </div>
  48. <div class="form-group">
  49. <label class="text-normal text-dark">Password</label>
  50. <input type="password" class="form-control" name="password" placeholder="Password" required>
  51. </div>
  52. <div class="form-group pull-right">
  53. <button class="btn btn-primary">Register</button>
  54. </div>
  55. </form>
  56. </div>
  57. </div>
  58. </body>