{% extends "base.html" %}

{% block title %}Dashboard - Weibo-HotSign{% endblock %}

{% block content %}
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;">
    <h1>Weibo Accounts</h1>
    <a href="{{ url_for('add_account') }}" class="btn btn-primary">+ Add Account</a>
</div>

{% if accounts %}
    <div class="grid">
        {% for account in accounts %}
        <div class="grid-item" onclick="window.location.href='{{ url_for('account_detail', account_id=account.id) }}'">
            <div class="grid-item-title">{{ account.weibo_user_id }}</div>
            <div class="grid-item-subtitle">{{ account.remark or 'No remark' }}</div>
            <div class="grid-item-status">
                {% if account.status == 'active' %}
                    <span class="badge badge-success">Active</span>
                {% elif account.status == 'pending' %}
                    <span class="badge badge-warning">Pending</span>
                {% elif account.status == 'invalid_cookie' %}
                    <span class="badge badge-danger">Invalid Cookie</span>
                {% elif account.status == 'banned' %}
                    <span class="badge badge-danger">Banned</span>
                {% endif %}
            </div>
            <div style="font-size: 12px; color: #999; margin-top: 10px;">
                Created: {{ account.created_at[:10] }}
            </div>
        </div>
        {% endfor %}
    </div>
{% else %}
    <div class="card" style="text-align: center; padding: 60px 20px;">
        <p style="color: #999; margin-bottom: 20px;">No accounts yet</p>
        <a href="{{ url_for('add_account') }}" class="btn btn-primary">Add your first account</a>
    </div>
{% endif %}
{% endblock %}