{% extends "base.html" %}
{% block title %}My Categories — Contacts App{% endblock %}
{% block app_content %}
<div class="welcome-card">
    <h2>Welcome, {{ current_user.username }} 👋</h2>
    <p>Select a category from the sidebar to view its contacts, or create a new one.</p>

    {% if categories %}
        <div class="welcome-stats">
            <div class="stat">
                <div class="stat-value">{{ categories|length }}</div>
                <div class="stat-label">Categories</div>
            </div>
            <div class="stat">
                <div class="stat-value">{{ categories|map(attribute='contacts')|list|map('length')|sum }}</div>
                <div class="stat-label">Total Contacts</div>
            </div>
        </div>
    {% else %}
        <div class="empty">
            No categories yet.<br>
            <a href="{{ url_for('new_category') }}">Create your first category</a>
        </div>
    {% endif %}
</div>
{% endblock %}