{% extends "base.html" %}
{% block title %}Login — vCenter Portal{% endblock %}
{% block content %}
<div class="login-wrapper">
    <div class="login-card">
        <h1>vCenter Portal</h1>
        <p class="subtitle">Sign in to manage your virtual infrastructure</p>

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

        <form method="POST" action="{{ url_for('login') }}">
            <label>
                Username
                <input type="text" name="username" required autofocus autocomplete="username">
            </label>
            <label>
                Password
                <input type="password" name="password" required autocomplete="current-password">
            </label>
            <button type="submit" class="btn btn-primary btn-block">Sign in</button>
        </form>
    </div>
</div>
{% endblock %}