{% extends "base.html" %}

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

{% block content %}
<div class="welcome-container">
    <div class="brand">
        <img src="/rosterhash_logo.png" alt="RosterHash Logo" class="app-logo">
        <h1 class="app-name">RosterHash</h1>
        <div class="tagline">* * * * 4,7,1</div>
    </div>
    <p>Enter your Sleeper username to get your league schedules.</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>@mySleeperUsername</code></p>
    </div>
</div>

{% endblock %}