{% extends "_base.html" %}
{% block content %}
    <div class="profile">
        <h1>{{ user['username'] }}'s Gacha Rolls</h1>
        <p>User ID: {{ user['id'] }}</p>
        <p>Total Rolls: {{ pulls | length }}</p>
    </div>

    <div class="pulls">
        <h2>Pull History</h2>
        <ul>
            {% for pull in pulls %}
                <li>
                    <span class="timestamp">{{ pull['timestamp'] }}</span><br>
                    {{ pull['character_name'] }}
                    <span class="rarity">{{ '★' * pull['rarity'] }}</span>
                </li>
            {% endfor %}
        </ul>
    </div>

    <a href="{{ url_for('index') }}">← Back to Users</a>
{% endblock %}