{% extends "admin_base.html" %}
{% block title %}Users — GoldBuy Admin{% endblock %}

{% block admin_content %}
<div class="admin-header">
    <h1>Users</h1>
    <span class="hint">{{ users|length }} registered account{{ '' if users|length == 1 else 's' }}</span>
</div>

{% if not users %}
    <p class="empty">No registered users yet.</p>
{% else %}
<div class="panel">
    <table class="admin-table users-table">
        <tr>
            <th>Name</th><th>Email</th><th>Phone</th>
            <th>Joined</th><th>Items</th><th>Role</th><th></th>
        </tr>
        {% for u in users %}
        <tr>
            <td>{{ u['name'] }}</td>
            <td>{{ u['email'] }}</td>
            <td>{% if u['phone'] %}<a class="phone-link" href="tel:{{ u['phone'] }}">{{ u['phone'] }}</a>{% else %}—{% endif %}</td>
            <td>{{ u['created_at'] }}</td>
            <td>
                {% if u['items'] %}
                    <a href="{{ url_for('admin_listings', q=u['name']) }}">{{ u['items'] }}</a>
                {% else %}0{% endif %}
            </td>
            <td>
                {% if u['is_admin'] %}<span class="badge-admin">admin</span>
                {% else %}<span class="hint">seller</span>{% endif %}
            </td>
            <td class="users-actions">
                {% if g.user and g.user['id'] == u['id'] %}
                    <span class="hint">(you)</span>
                {% else %}
                    <form method="post" action="{{ url_for('toggle_user_admin', user_id=u['id']) }}">
                        {{ csrf_field() }}
                        <button type="submit" class="btn btn-small btn-outline">
                            {{ 'Remove admin' if u['is_admin'] else 'Make admin' }}</button>
                    </form>
                    <form method="post" action="{{ url_for('delete_user', user_id=u['id']) }}"
                          onsubmit="return confirm('Delete {{ u['name'] }}\'s account? Their listings will be kept as guest submissions.');">
                        {{ csrf_field() }}
                        <button type="submit" class="btn btn-small btn-danger">Delete</button>
                    </form>
                {% endif %}
            </td>
        </tr>
        {% endfor %}
    </table>
</div>
{% endif %}
{% endblock %}