{% block title %}
    <div style="text-align: center;">{% if player.id_in_group == 2 %} Seller {% else %}  Buyer {% endif %} page [Match {{ matchnum }}, Round <span class="round_n"> {{ roundnum }} </span>]</div>
{% endblock %}

{{ block content }}
Before submitting a new price offer, report how you believe the buyer’s value, by filling out the following.<br>
I believe that: <br>
{{ formfield "seller_belief_50" label=low_belief_label }}
{{ formfield "seller_belief_vM" label=vm_belief_label }}
<div class="mb-3">
    <label for="auto_seller_belief_500" class="form-label">{{ high_belief_label }}</label>
    <input
        id="auto_seller_belief_500"
        type="number"
        class="form-control"
        min="0"
        max="100"
        value="0"
        readonly
    >
</div>


{{ next_button }}

{{ endblock }}

{{ block scripts }}
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const belief50 = document.getElementById('id_seller_belief_50');
        const beliefVM = document.getElementById('id_seller_belief_vM');
        const belief500 = document.getElementById('auto_seller_belief_500');

        function parsedValue(input) {
            const value = parseInt(input.value, 10);
            return Number.isNaN(value) ? 0 : value;
        }

        function updateBelief500() {
            const remaining = 100 - parsedValue(belief50) - parsedValue(beliefVM);
            belief500.value = remaining >= 0 ? remaining : 0;
        }

        belief50.addEventListener('input', updateBelief500);
        beliefVM.addEventListener('input', updateBelief500);
        updateBelief500();
    });
</script>
{{ endblock }}