{% extends "base.html" %}

{% block title %}Admin Login{% endblock %}

{% block login_content %}
<div class="row justify-content-center mt-5">
    <div class="col-md-5 col-lg-4">
        <div class="card shadow-lg p-4">
            <div class="card-body text-center">
                <i class="fa-solid fa-lock text-primary fa-3x mb-3"></i>
                <h4 class="card-title fw-bold mb-4">TG Admin Dashboard</h4>
                
                <form action="{{ url_for('login') }}" method="POST">
                    <div class="mb-3 text-start">
                        <label for="password" class="form-label font-weight-bold">Admin Password</label>
                        <input type="password" class="form-control form-control-lg" id="password" name="password" placeholder="Enter Admin Password" required autofocus>
                    </div>
                    <button type="submit" class="btn btn-primary btn-lg w-100 mt-2">
                        <i class="fa-solid fa-right-to-bracket me-2"></i>Login to Panel
                    </button>
                </form>
            </div>
            <div class="card-footer text-muted text-center bg-transparent border-0 mt-3">
                <small>TG Live Joiner & Auto Reaction System</small>
            </div>
        </div>
    </div>
</div>
{% endblock %}