<!DOCTYPE html>
<html lang="cs">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Přihlášení</title>
  <link rel="stylesheet" href="{{url_for('static', filename='css/style.css')}}">
</head>
<body>
  <div class="form-container">
<h2> Přihlášení </h2>
    {% with messages = get_flashed_messages(with_categories=true) %}
      {% if messages %}
        <ul class="flashes">
          <li class="{{ messages[-1][0] }}">{{ messages[-1][1] }}</li> <!-- Show only the last message -->
        </ul>
      {% endif %}
    {% endwith %}
    <form method="POST" action="{{ url_for('login') }}">
      <label for="username">Uživatelské jméno: <span class="required">*</span></label>
      <input type="text" id="username" name="username" required>
      <label for="password">Heslo: <span class="required">*</span></label>
      <input type="password" id="password" name="password" required>
      <button type="submit" class="button">Přihlásit se</button>
    </form>
  </div>
  <div style="text-align: center;">
    <a href="{{ url_for('home') }}" class="button">Domů</a>
  </div>
</body>
</html>