{% extends 'wfbo/_layout.html.twig' %}

{% block title %}Pusoy Dos Hand #{{ hand.id }} — WFBO{% endblock %}
{% block wfbo_title %}Pusoy Dos Hand #{{ hand.id }}{% endblock %}

{% macro cards(list) %}{% for c in list %}{{ pusoy_card(c) }}{{ not loop.last ? ' ' }}{% else %}<span style="color:#6b7280;">pass</span>{% endfor %}{% endmacro %}

{% block wfbo_content %}
    {% import _self as pd %}
    {% set seats = hand.seatsAtDeal %}

    <p class="mb-3"><a href="{{ path('app_wfbo_pusoy_results') }}" class="td-link">← Pusoy Dos Results</a></p>

    <div class="row g-3 mb-4">
        <div class="col-12 col-md-4"><div class="card h-100"><div class="card-body">
            <p class="stat-label">Table</p>
            <p class="stat-value--lg">{{ hand.tier|capitalize }}{% if hand.table.private %} <span class="badge bg-secondary" style="font-size:12px; vertical-align:middle;" data-testid="pd-hand-private">Private · {{ hand.table.code }}</span>{% endif %}</p>
            <p class="stat-sub">{{ hand.seatsAtDeal|length }} seats · pot ₱{{ (hand.stake * hand.seatsAtDeal|length)|number_format(2) }} · entry ₱{{ hand.stake|number_format(2) }}</p>
        </div></div></div>
        <div class="col-12 col-md-4"><div class="card h-100"><div class="card-body">
            <p class="stat-label">Dealt</p>
            <p class="stat-value--lg" style="font-size:20px;">{{ hand.createdAt|date('M d, Y h:i:s A') }}</p>
            <p class="stat-sub">{{ hand.status == 'settled' ? 'Settled ' ~ hand.settledAt|date('h:i:s A') : 'Still being played' }}</p>
        </div></div></div>
        <div class="col-12 col-md-4"><div class="card h-100"><div class="card-body">
            <p class="stat-label">Deal Seed</p>
            <p class="font-mono-sm" style="word-break:break-all;" data-testid="pd-hand-seed">{{ hand.seed }}</p>
            <p class="stat-sub">Fair shuffle — replay with PusoyDealer::deal(seed)</p>
        </div></div></div>
    </div>

    <div class="card table-card mb-4">
        <div class="table-scroll">
            <table class="data-table">
                <thead>
                    <tr class="thead-row--light">
                        <th class="th-white">Seat</th>
                        <th class="th-white">Player</th>
                        <th class="th-white">Dealt Hand</th>
                        <th class="th-white">Finish</th>
                        <th class="th-white th-white--right">Entry</th>
                        <th class="th-white th-white--right">Payout</th>
                    </tr>
                </thead>
                <tbody>
                    {% for seatNo, s in seats %}
                        {% set bet = null %}
                        {% for b in bets %}{% if b.seat == seatNo %}{% set bet = b %}{% endif %}{% endfor %}
                        <tr class="table-row">
                            <td class="td-cell">{{ seatNo + 1 }}</td>
                            <td class="td-cell td-cell--dark">
                                {{ s.name }}
                                <p class="td-sub">{{ s.type == 'bot' ? 'Bot · ' ~ s.botLevel : 'Player' }}</p>
                            </td>
                            <td class="td-cell font-mono-sm" style="font-size:12px;">{{ pd.cards(deal[seatNo]) }}</td>
                            <td class="td-cell">{{ places[seatNo] is defined ? '#' ~ places[seatNo] : '—' }}</td>
                            <td class="td-cell text-end font-mono-sm">{{ bet ? '₱' ~ bet.amount|number_format(2) : '—' }}</td>
                            <td class="td-cell text-end font-mono-sm">{{ bet and bet.payout ? '₱' ~ bet.payout|number_format(2) : '—' }}</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

    <div class="card table-card" data-testid="pd-move-log">
        <div class="card-body pb-0"><h2 class="wfbo-card-title">Move Log</h2>
            <p class="wfbo-card-desc">Every play and pass in order. Bots only see their own cards and what has been played; the reason column is the bot's own note.</p></div>
        <div class="table-scroll">
            <table class="data-table">
                <thead>
                    <tr class="thead-row--light">
                        <th class="th-white">#</th>
                        <th class="th-white">Time</th>
                        <th class="th-white">Seat</th>
                        <th class="th-white">Play</th>
                        <th class="th-white">By</th>
                        <th class="th-white">Reason</th>
                    </tr>
                </thead>
                <tbody>
                    {% for m in moves %}
                        <tr class="table-row">
                            <td class="td-cell">{{ m.seq }}</td>
                            <td class="td-cell td-cell--nowrap">{{ m.createdAt|date('h:i:s A') }}</td>
                            <td class="td-cell">{{ seats[m.seat].name }}</td>
                            <td class="td-cell font-mono-sm">{{ pd.cards(m.cards) }}{% if m.comboType %} <span class="td-sub">{{ m.comboType|replace({'_': ' '}) }}</span>{% endif %}</td>
                            <td class="td-cell">{{ {human: 'Player', bot: 'Bot', standin: 'Stand-in', timeout: 'Timeout'}[m.actor] ?? m.actor }}</td>
                            <td class="td-cell" style="color:#6b7280; font-size:12px;">{{ m.reason ?? '' }}</td>
                        </tr>
                    {% else %}
                        <tr><td colspan="6" class="td-cell text-center" style="color:#6b7280; padding:32px 16px;">No moves yet.</td></tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

    <div class="card table-card mt-4" data-testid="pd-chat-log">
        <div class="card-body pb-0"><h2 class="wfbo-card-title">Table Chat</h2>
            <p class="wfbo-card-desc">Messages sent at this table during the hand and its results screen, as typed (players see bad words masked).</p></div>
        <div class="table-scroll">
            <table class="data-table">
                <thead>
                    <tr class="thead-row--light">
                        <th class="th-white">Time</th>
                        <th class="th-white">Seat</th>
                        <th class="th-white">Player</th>
                        <th class="th-white">Message</th>
                    </tr>
                </thead>
                <tbody>
                    {% for c in chat %}
                        <tr class="table-row" data-testid="pd-chat-log-row">
                            <td class="td-cell td-cell--nowrap">{{ c.createdAt|date('h:i:s A') }}</td>
                            <td class="td-cell">{{ c.seat is not null ? c.seat + 1 : 'Watching' }}</td>
                            <td class="td-cell td-cell--dark">
                                <a href="{{ path('app_wfbo_user_transactions', {id: c.user.id}) }}" class="td-link">{{ c.name }}</a>
                            </td>
                            <td class="td-cell" style="white-space:pre-wrap; word-break:break-word;">{{ c.message }}</td>
                        </tr>
                    {% else %}
                        <tr><td colspan="4" class="td-cell text-center" style="color:#6b7280; padding:32px 16px;">No chat messages.</td></tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}