{% extends 'base.html' %}
{% block title %}Sign In — Enterprise Digital Platform{% endblock %}

{% block content %}
<div class="login-wrapper">
  <div class="login-card">
    <div class="login-logo">
      <span class="brand-icon-lg">⬡</span>
      <h1 class="login-title">Enterprise Digital Platform</h1>
      <p class="login-subtitle">Sign in to continue</p>
    </div>

    {% with messages = get_flashed_messages(with_categories=true) %}
      {% if messages %}
        {% for category, message in messages %}
          <div class="flash flash-{{ category }}">{{ message }}</div>
        {% endfor %}
      {% endif %}
    {% endwith %}

    <form method="POST" action="{{ url_for('auth.login', next=request.args.get('next', '')) }}" autocomplete="off">
      <div class="form-group">
        <label for="username" class="form-label">Username</label>
        <input
          id="username"
          name="username"
          type="text"
          class="form-input"
          placeholder="Enter username"
          required
          autofocus
        />
      </div>
      <div class="form-group">
        <label for="password" class="form-label">Password</label>
        <input
          id="password"
          name="password"
          type="password"
          class="form-input"
          placeholder="Enter password"
          required
        />
      </div>
      <button type="submit" class="btn btn-primary btn-full">Sign In</button>
    </form>
  </div>
</div>
{% endblock %}