{% if !buyer_contacts.is_empty() %}
<div class="content-section">
    <h2 class="subsection-title">Your Buyers ({{ total_buyer_contacts }})</h2>
    <p class="section-lead text-sm">Buyers who opted to share their email with you at purchase time.</p>
    <div class="scroll-x">
        <table class="data-table minw-500">
            <thead>
                <tr>
                    <th>Username</th>
                    <th>Email</th>
                    <th>Purchases</th>
                    <th>Total Spent</th>
                    <th>Last Purchase</th>
                </tr>
            </thead>
            <tbody>
                {% for c in buyer_contacts %}
                <tr>
                    <td><a href="/u/{{ c.username }}">{{ c.username }}</a></td>
                    <td><a href="mailto:{{ c.email }}">{{ c.email }}</a></td>
                    <td>{{ c.total_purchases }}</td>
                    <td>{{ c.total_spent }}</td>
                    <td>{{ c.last_purchase }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endif %}

{% if shared_creators.is_empty() && buyer_contacts.is_empty() %}
<div class="content-section">
    <p class="muted">No contacts yet.</p>
</div>
{% endif %}

{% if !shared_creators.is_empty() %}
<div class="content-section">
    <h2 class="subsection-title">Shared With</h2>
    <p class="section-lead text-sm">You've shared your email with these creators. You can revoke sharing at any time.</p>
    <div class="scroll-x">
        <table class="data-table minw-300">
            <thead>
                <tr>
                    <th>Creator</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for creator in shared_creators %}
                <tr id="shared-contact-{{ creator.seller_id }}">
                    <td>
                        <a href="/u/{{ creator.username }}">
                            {% if let Some(dn) = creator.display_name %}{{ dn }}{% else %}{{ creator.username }}{% endif %}
                        </a>
                    </td>
                    <td class="text-right">
                        <button class="btn-small btn-danger"
                                hx-delete="/api/contacts/{{ creator.seller_id }}"
                                hx-target="#shared-contact-{{ creator.seller_id }}"
                                hx-swap="outerHTML"
                                hx-confirm="Revoke contact sharing with {{ creator.username }}?">
                            Revoke
                        </button>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endif %}