{{ block title }}
    Bid for a good
{{ endblock }}
{{ block content }}
    <div id="make_offer" style="display: none">
        You have an endowment of {{ Constants.endowment }} <br>
        Please make an offer for the good <br>
        <input id="make_offer_input">
        <button type="button" onclick="make_offer()">Make Offer</button>
    </div>
    <div id="wait_for_offer" style="display: none">
        Please wait for an offer!
    </div>
    <div id="wait_for_response" style="display: none">
        Please wait for a response to your offer!
    </div>
    <div id="respond_offer" style="display: none">
        You are offered <span id="current_offer"></span>
        <button type="button" onclick="accept_offer()"> Accept Offer</button>
        <button type="button" onclick="reject_offer()"> Reject Offer</button>
    </div>
    <input type="hidden" id="money_after_trade_input" name="money_after_trade">
    <input type="hidden" id="accepted_other_participants_offer_input" name="accepted_other_participants_offer">
    {{ formfield_errors "money_after_trade" }}
    {{ formfield_errors "accepted_other_participants_offer" }}
{{ endblock }}

{% block scripts %}
<script>
    {% if player.id_in_group == 1 %}
        document.getElementById("make_offer").style.display = "block";
    {% else %}
        document.getElementById("wait_for_offer").style.display = "block";
    {% endif %}
    var current_offer_received;
    var current_offer_made;
    function make_offer(){
        current_offer_made = parseFloat(document.getElementById("make_offer_input").value)
        liveSend({"information_type": "offer", "offer": current_offer_made})
        document.getElementById("make_offer").style.display = "none";
        document.getElementById("wait_for_response").style.display = "block";
    }
    function accept_offer(){
        liveSend({"information_type": "response", "offer_response": true})
        var form = document.getElementById("form");
        form.money_after_trade.value = {{ Constants.endowment|json }} + current_offer_received;
        form.accepted_other_participants_offer.value = "True"
        form.submit()
    }
    function reject_offer(){
        liveSend({"information_type": "response", "offer_response": false});
        document.getElementById("respond_offer").style.display = "none";
        document.getElementById("make_offer").style.display = "block";
    }
    function liveRecv(data) {
        if (data["information_type"] == "offer") {
            current_offer_received = data["offer"];
            document.getElementById("current_offer").innerHTML = current_offer_received;
            document.getElementById("respond_offer").style.display = "block";
            document.getElementById("wait_for_offer").style.display = "none"
        } else if (data["information_type"] == "response") {
            if (data["response"]){
                var form = document.getElementById("form");
                form.money_after_trade.value = {{ Constants.endowment|json }} - current_offer_made;
                form.accepted_other_participants_offer.value = "False"
                form.submit()
            } else {
                document.getElementById("wait_for_response").style.display = "none"
                document.getElementById("wait_for_offer").style.display = "block"
            }
        }
    }
</script>
{% endblock %}