{% extends "base.html" %}

{% block title %}GameTime - Enter Username{% endblock %}

{% block content %}
<div class="welcome-container">
    <div class="brand">
        <h1 class="app-name">GameTime</h1>
        <div class="tagline">* * * * 0,1,4</div>
    </div>
    <p>Enter your Sleeper username to view your fantasy teams</p>
    
    <!-- Username input form -->
    <form class="username-form" method="get" action="/dashboard">
        <input type="text" name="username" placeholder="Enter Sleeper username" required>
        <button type="submit">View Dashboard</button>
    </form>
    
    <div class="example">
        <p>Example: <code>sleeperuser</code></p>
    </div>
</div>

{% endblock %}