{{ block title }}Round {{ player.round_number }}{{ endblock }}
{{ block content }}
<style>
    .number_to_report_container {
        display: flex;
    }

    #id_number_reported {
        max-height: 24px;
        max-width: 77px;
    }
</style>

<p>
    <u>Your random number for this round is:&nbsp;</u> <b id="id_number_received">{{ player.number_received }}</b>
</p>
<p class="number_to_report_container">
    <u>Number you report this round:</u>&nbsp;
    <span class="number">{{ form.number_reported }}</span>
</p>

{{ next_button }}
<script>

    $(document).ready(function() {
        $("#id_number_reported").attr({'min': $('#id_number_received').text()});
    });
</script>
{{ endblock }}