{% block title %}
WTP Summary
{% endblock %}

{% block content %}

<div class="container">
    <p>Below is a summary of the computed Willingness to Pay (WTP) values across all scenarios.</p>
    <p>Positive values mean the participant prefers the option preferred by John. Negative values mean the participant prefers the alternative.</p>

    <table class="table table-bordered table-striped">
        <thead class="table-dark">
            <tr>
                <th>Scenario</th>
                <th>Original Label</th>
                <th>Fake Label</th>
                <th>WTP (Learns)</th>
                <th>WTP (Doesn't Learn)</th>
                <th>Category</th>
            </tr>
        </thead>
        <tbody>
            {% for s in summaries %}
            <tr>
                <td>{{ s.title }}</td>
                <td>{{ s.original_label }}</td>
                <td>{{ s.fake_label }}</td>
                <td>{{ s.Trad_wtp_display }}</td>
                <td>{{ s.ES_wtp_display }}</td>
                <td>{{ s.category }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>

    {% if last_good and second_good %}
    <div class="card mb-3">
        <div class="card-body">
            <h5 class="card-title">Selected Scenarios for Follow-up</h5>
            <p><strong>Last Good:</strong> {{ last_good.title }} ({{ last_good.category }})</p>
            <p><strong>Second Good:</strong> {{ second_good.title }} ({{ second_good.category }})</p>
        </div>
    </div>
    {% elif last_good %}
    <div class="alert alert-warning">
        <p><strong>Last Good:</strong> {{ last_good.title }} ({{ last_good.category }})</p>
        <p>No second scenario with a different classification was found.</p>
    </div>
    {% else %}
    <div class="alert alert-warning">
        <p>No scenarios with a valid (non-Bad) classification were found.</p>
    </div>
    {% endif %}

    <div class="text-end"><button class="btn btn-primary btn-large otree-btn-next">Next</button></div>
</div>

{% endblock %}