{{ block title }}
    Round Results
{{ endblock }}

{{ block content }}
    {{ if practice }}
        <div class="alert alert-warning text-center"><strong>PRACTICE ROUND</strong></div>
    {{ endif }}

    <div class="text-center mb-4">
        <img src="{{ static image_path }}" style="max-height: 400px; max-width: 100%; border: 2px solid #ccc; border-radius: 8px;">
    </div>

    <div class="card m-3 border-success">
        <div class="card-header bg-success text-white text-center">
            <h4 class="mb-0">The person was: <strong>{{ truth }}</strong></h4>
        </div>
        <div class="card-body text-center">
            <ul class="list-group list-group-flush text-start d-inline-block">
                <li class="list-group-item">Your Initial Guess: <strong>{{ initial }}%</strong> probability OVER 21</li>
                <li class="list-group-item">AI's Guess: <strong>{{ ai_prob_pct }}%</strong> probability OVER 21</li>
                <li class="list-group-item">Your Final Guess: <strong>{{ final }}%</strong> probability OVER 21</li>
            </ul>
        </div>
    </div>

    <div class="text-center mt-4">
        <button class="btn btn-primary btn-lg">Next Image</button>
    </div>
{{ endblock }}