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

{% block wfbo_title %}EZDOS Results{% endblock %}

{% block wfbo_content %}

    {% for flash in app.flashes('success') %}
        <div class="alert alert-success mb-4" role="alert" data-testid="flash-success">{{ flash }}</div>
    {% endfor %}

    {# ── Period filter bar ── #}
    {% set presets = [
        {key: 'this_month', label: 'This Month'},
        {key: 'last_month', label: 'Last Month'},
        {key: 'this_year',  label: 'This Year'},
        {key: 'last_year',  label: 'Last Year'},
    ] %}
    <div class="period-filter-bar mb-3">
        {% for p in presets %}
            <a href="{{ path('app_wfbo_ezdos_results', {period: p.key}) }}"
               class="period-pill {% if period.period == p.key %}is-active{% endif %}"
               data-testid="period-{{ p.key }}">
                {{ p.label }}
            </a>
        {% endfor %}
    </div>

    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 style="margin:0;font-size:20px;color:#000;">EZDOS Results</h1>
        <div class="d-flex gap-2">
            <form method="post" action="{{ path('app_wfbo_ezdos_create_draw') }}">
                <button type="submit" class="btn btn-sm" style="background:#000;color:#fff;" data-testid="btn-add-draw-today">Add Draw for Today</button>
            </form>
            <a href="{{ path('app_wfbo_game_hub_ezdos') }}" class="btn btn-sm" style="background:#000;color:#fff;">Back to Hub</a>
        </div>
    </div>

    {% if unsettled is not empty %}
    <div class="card mb-4 border-warning">
        <div class="card-body">
            <h2 class="wfbo-card-title" style="color:#856404;">Unsettled Draws</h2>
            <p class="wfbo-card-desc">These draws are waiting for results to be input.</p>
            <table class="data-table" style="--bs-table-color: #000000; --bs-table-bg: #ffffff;">
                <thead><tr><th>Scheduled</th><th>Actions</th></tr></thead>
                <tbody>
                {% for draw in unsettled %}
                    <tr>
                        <td>{{ draw.scheduledAt|date('M d, Y h:i A') }}</td>
                        <td><a href="{{ path('app_wfbo_ezdos_settle', {id: draw.id}) }}" class="btn btn-sm" style="background:#000;color:#fff;">Input Results</a></td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    {% endif %}

    <div class="card mb-4">
        <div class="card-body">
            <h2 class="wfbo-card-title">Draw History</h2>

            {% if draws is empty %}
                <p class="text-muted">No draws found for the selected period.</p>
            {% else %}
                <table class="data-table" style="--bs-table-color: #000000; --bs-table-bg: #ffffff;">
                    <thead>
                        <tr>
                            <th>Scheduled</th>
                            <th>Winning #</th>
                            <th>Status</th>
                            <th>Bets</th>
                            <th>Collected</th>
                            <th>Paid Out</th>
                            <th>Profit/Loss</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for draw in draws %}
                        {% set stats = drawStats[draw.id] ?? {totalBets: 0, totalBet: '0.00', totalPaid: '0.00', profit: '0.00'} %}
                        <tr>
                            <td>{{ draw.scheduledAt|date('M d, h:i A') }}</td>
                            <td>
                                {% if draw.winningNumbers %}
                                    <strong>{{ draw.winningNumbers[0] }}-{{ draw.winningNumbers[1] }}</strong>
                                {% else %}
                                    <span class="text-muted">—</span>
                                {% endif %}
                            </td>
                            <td>
                                {% if draw.settledAt %}
                                    <span class="badge bg-success">Settled</span>
                                {% else %}
                                    <span class="badge bg-warning text-dark">Pending</span>
                                {% endif %}
                            </td>
                            <td>{{ stats.totalBets }}</td>
                            <td>₱{{ stats.totalBet }}</td>
                            <td>₱{{ stats.totalPaid }}</td>
                            <td style="color: {{ (stats.profit + 0) >= 0 ? 'green' : 'red' }}">₱{{ stats.profit }}</td>
                            <td>
                                {% if not draw.settledAt %}
                                    <a href="{{ path('app_wfbo_ezdos_settle', {id: draw.id}) }}" class="btn btn-sm" style="background:#000;color:#fff;">Input Results</a>
                                {% endif %}
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            {% endif %}
        </div>
    </div>

    {% if totalPages > 1 %}
    <div class="d-flex align-items-center justify-content-between mt-4" data-testid="ezdos-results-pagination">
        <p class="pagination-info">Page {{ currentPage }} of {{ totalPages }}</p>
        <div class="d-flex gap-2">
            {% if currentPage > 1 %}
                <a href="{{ path('app_wfbo_ezdos_results', {page: currentPage - 1, period: period.period}) }}"
                   class="btn-page-prev">← Previous</a>
            {% endif %}
            {% if currentPage < totalPages %}
                <a href="{{ path('app_wfbo_ezdos_results', {page: currentPage + 1, period: period.period}) }}"
                   class="btn-page-next">Next →</a>
            {% endif %}
        </div>
    </div>
    {% endif %}

{% endblock %}