{% extends "global/Page.html" %}

{% block title %}
Round Outcome
{% endblock %}

{% block content %}
<div style="text-align: center; margin-top: 50px;">
    {% if outcome == "fruit" %}
        <h2 style="color: green;">🍉 Yay! Pac-Man ate the fruit!</h2>
    {% elif outcome == "ghost" %}
        <h2 style="color: red;">👻 Oh no! Pac-Man was eaten by a ghost!</h2>
    {% elif outcome == "timeout" %}
        <h2 style="color: gray;">⚠️ You did not reach the fruit in time.</h2>
    {% else %}
        <h2 style="color: gray;">⚠️ Outcome not recorded.</h2>
        <p>There was a problem determining the outcome of this round.</p>
    {% endif %}
</div>

<p style="text-align: center; margin-top: 40px;">
    <button class="btn btn-primary">Next</button>
</p>
{% endblock %}