{% extends "base.html" %}

{% block title %}{{ user.display_name }} - Week {{ week }}{% endblock %}

{% block content %}
<!-- Meta tags for JavaScript -->
<meta name="username" content="{{ user.username }}">
<meta name="week" content="{{ week }}">

<!-- Header with user name and week navigation -->
<header class="dashboard-header">
    <h1>{{ user.display_name }}</h1>
    <div class="week-nav">
        <a href="/{{ user.username }}/{{ week - 1 }}" class="week-btn">&larr; Week {{ week - 1 }}</a>
        <span class="current-week">Week {{ week }}</span>
        <a href="/{{ user.username }}/{{ week + 1 }}" class="week-btn">Week {{ week + 1 }} &rarr;</a>
    </div>
</header>

<!-- Compact league scores at top -->
<section class="scores-summary">
    {% for league_info in league_data %}
    <div class="score-row">
        <div class="league-info">
            <!-- League color dot -->
            <span class="league-dot" style="background-color: {{ league_info.league_color }};"></span>
            <span class="league-name">{{ league_info.league.name }}</span>
        </div>
        <div class="score-compact">
            <span class="user-name">{{ user.display_name }}</span>
            <span class="score" id="user-score-{{ league_info.league.league_id }}">
                {{ league_info.user_matchup.points|round(1) if league_info.user_matchup else '0.0' }}
            </span>
            <span class="vs-compact">vs</span>
            <span class="score" id="opp-score-{{ league_info.league.league_id }}">
                {{ league_info.opponent_matchup.points|round(1) if league_info.opponent_matchup else '0.0' }}
            </span>
            <span class="opp-name">{{ league_info.opponent_user.display_name if league_info.opponent_user else 'Opponent' }}</span>
        </div>
    </div>
    {% endfor %}
</section>

<!-- Main calendar section -->
<section class="schedule-section">
    <h2>Week {{ week }} Games</h2>
    <div class="calendar-rows">
        <!-- Check if schedule has games -->
        {% set has_games = false %}
        {% for day, games in schedule.items() if games %}
            {% set has_games = true %}
        {% endfor %}
        
        <!-- Loop through days that have games -->
        {% for day, games in schedule.items() if games %}
        <div class="day-row">
            <div class="day-header">
                <h3>{{ day }}</h3>
            </div>
            <div class="day-games">
                <!-- Games for this day -->
                {% for game in games %}
                <div class="game-card">
                    <div class="game-info">
                        <div class="game-time">{{ game.time }}</div>
                        <div class="matchup">
                            <span class="away-team">{{ game.away_team }}</span>
                            <span class="at">@</span>
                            <span class="home-team">{{ game.home_team }}</span>
                        </div>
                    </div>
                    
                    <!-- Show user's players in this game -->
                    <div class="game-players">
                        {% for league_info in league_data %}
                            {% for player in league_info.all_players %}
                                {% if player.team in game.teams %}
                                <div class="player-pill {{ player.fantasy_positions[0]|lower if player.fantasy_positions else 'flex' }}">
                                    <!-- League color dot -->
                                    <span class="league-dot" style="background-color: {{ league_info.league_color }};"></span>
                                    <span class="pos">{{ player.fantasy_positions[0] if player.fantasy_positions else 'FLEX' }}</span>
                                    <span class="name">{{ player.last_name }}</span>
                                </div>
                                {% endif %}
                            {% endfor %}
                        {% endfor %}
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
        {% endfor %}
        
        <!-- Show message if no games found -->
        {% if not has_games %}
        <div class="no-games-week">
            <p>No games found for week {{ week }}</p>
        </div>
        {% endif %}
    </div>
</section>
{% endblock %}