{% extends "base.html" %}
{% block title %}客服中心｜{{ app_name }}{% endblock %}
{% block body %}
<header class="topbar">
    <div>
        <div class="site-title">客服測試入口</div>
        <div class="site-subtitle">目前用戶：{{ username }}</div>
    </div>
    <a class="back-link" href="{{ url_for('home') }}">返回首頁</a>
</header>

<main class="page narrow">
    <section class="support-panel">
        <div class="support-avatar">🎧</div>
        <h1>會員資料查詢</h1>
        {% if error %}
            <div class="alert alert-error">{{ error }}</div>
        {% else %}
            {% if account.status == "locked" %}
                <div class="alert alert-warning">
                    帳戶已凍結{% if account.locked_reason %}｜{{ account.locked_reason }}{% endif %}
                </div>
            {% endif %}

            <h2>未完成提款</h2>
            {% if not withdrawals %}
                <div class="empty-state">目前沒有查到未完成提款資料。</div>
            {% else %}
                <div class="order-list">
                    {% for order in withdrawals %}
                        <article class="order-card">
                            <strong>{{ order.status or "狀態未知" }}</strong>
                            <span>來源：{{ order.source }}</span>
                            <span>訂單：{{ order.order_id or "NA" }}</span>
                            <span>金額：{{ order.amount }}</span>
                            <span>時間：{{ order.create_time or "NA" }}</span>
                            {% if order.fail_reason %}<span>備註：{{ order.fail_reason }}</span>{% endif %}
                        </article>
                    {% endfor %}
                </div>
            {% endif %}

            <h2 class="section-gap">最近充值</h2>
            {% if not deposits %}
                <div class="empty-state">目前沒有查到充值資料。</div>
            {% else %}
                <div class="order-list">
                    {% for order in deposits %}
                        <article class="order-card">
                            <strong>{{ order.status or "狀態未知" }}</strong>
                            <span>訂單：{{ order.thirdparty_order_id or "NA" }}</span>
                            <span>充值金額：{{ order.amount }}</span>
                            <span>實際到帳：{{ order.actual_arrival_amount }}</span>
                            <span>充值時間：{{ order.created_at or "NA" }}</span>
                            <span>到帳時間：{{ order.arrival_time or "NA" }}</span>
                        </article>
                    {% endfor %}
                </div>
            {% endif %}
        {% endif %}
    </section>
</main>
{% endblock %}

{% block integrations %}
{% include "_chatwoot.html" %}
{% endblock %}