{% extends "base.html" %}

{% block title %}Login - MultiChat Overlay{% endblock %}

{% block content %}
<div class="login-container">
    <div class="login-box">
        <h1>MultiChat Overlay</h1>
        <p>Connect your streaming accounts to get started.</p>
        <a href="/login/twitch" class="btn-primary twitch-btn">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" style="margin-right: 10px;"><path d="M11.571 4.714h1.715v5.143H11.57zm4.715 0h1.714v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0H6zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714v9.429z"></path></svg>
            Login with Twitch
        </a>
    </div>
</div>
{% endblock %}