{{ extends 'global/Page.html' }}
{{ block title }}auction{{ endblock }}

{{ block content }}





<p id="msg-my-status_A"></p>
<p id="msg-my-bid_A"></p>


<button type="button" id="btn-bid_A" onclick="sendbid()"> Send</button>


<p id="msg-my-status_B"></p>
<p id="msg-my-bid_B"></p>


<button type="button" id="btn-bid_B" onclick="sendbid()"> Send</button>


<p id="msg-my-status_C"></p>
<p id="msg-my-bid_C"></p>


<button type="button" id="btn-bid_C" onclick="sendbid()"> Send</button>


<p id="msg-my-status_D"></p>
<p id="msg-my-bid_D"></p>



<button type="button" id="btn-bid_D" onclick="sendbid()"> Send</button>



{{ endblock }}

{{ block scripts }}
<script>
    let bidBtn_A = document.getElementById('btn-bid_A');
    let msgMyStatus_A = document.getElementById('msg-my-status_A');
    let msgMyBid_A = document.getElementById('msg-my-bid_A');

    let bidBtn_B = document.getElementById('btn-bid_B');
    let msgMyStatus_B = document.getElementById('msg-my-status_B');
    let msgMyBid_B = document.getElementById('msg-my-bid_B');

    let bidBtn_C = document.getElementById('btn-bid_C');
    let msgMyStatus_C = document.getElementById('msg-my-status_C');
    let msgMyBid_C = document.getElementById('msg-my-bid_C');

    let bidBtn_D = document.getElementById('btn-bid_D');
    let msgMyStatus_D = document.getElementById('msg-my-status_D');
    let msgMyBid_D = document.getElementById('msg-my-bid_D');

 
 


function sendBid_A() {
        liveSend({'bid_A':parseInt(bidBtn_A.value)});

}
function sendBid_B() {
        liveSend({'bid_B':parseInt(bidBtn_B.value)});

}
function sendBid_C() {
        liveSend({'bid_C':parseInt(bidBtn_C.value)});

}
function sendBid_D() {
        liveSend({'bid_D':parseInt(bidBtn_D.value)});

}
	
function liveRecv(data) {
        console.log('liveRecv', data)
        let am_top_bidder_A = data.top_bidder_A === js_vars.my_id;
        let am_second_bidder_A = data.second_bidder_A === js_vars.my_id;
        let am_top_bidder_B = data.top_bidder_B === js_vars.my_id;
        let am_second_bidder_B = data.second_bidder_B === js_vars.my_id;
        let am_top_bidder_C = data.top_bidder_C === js_vars.my_id;
        let am_second_bidder_C = data.second_bidder_C === js_vars.my_id;      
        let am_top_bidder_D = data.top_bidder_D === js_vars.my_id;
        let am_second_bidder_D = data.second_bidder_D === js_vars.my_id;
      
      
        if (data.top_bid_A === 0) {
            msgMyStatus_A.innerText = 'Nobody has made a bid for A yet';
        } else if (am_top_bidder_A) {
            msgMyStatus_A.innerText = 'You are the top bidder for A';
           
            msgMyBid_A.innerText = `Your bid is ${data.bid_A} points.`;
        } else {
           
            if (am_second_bidder_A) {
                msgMyBid_A.innerText = `Your bid for A is ${data.second_bid_A} points. The top bid for A is ${data.top_bid_A} points (player ${data.top_bidder_A})`;
                msgMyStatus_A.innerText = 'You are the second bidder for A';
            } else {
                msgMyBid_A.innerText = `Your bid is ${data.bid_A} points.`;

                msgMyStatus_A.innerText = 'You are not the top or second bidder for A.'
            }

        }

        let nextBid_A = data.top_bid_A + 10;
        bidBtn_A.value = nextBid_A;
        bidBtn_A.innerText = `Bid ${nextBid_A} points`;
    

        if (data.top_bid_B === 0) {
            msgMyStatus_B.innerText = 'Nobody has made a bid for B yet';
        } else if (am_top_bidder_B) {
            msgMyStatus_B.innerText = 'You are the top bidder for B';
            bidBtn_B.disabled = true;
            msgMyBid_B.innerText = `Your bid is ${data.top_bid_B} points.`;
        } else {
            bidBtn_B.disabled = false;
            if (am_second_bidder_B) {
                msgMyBid_B.innerText = `Your bid for B is ${data.second_bid_B} points. The top bid for B is ${data.top_bid_B} points (player ${data.top_bidder_B})`;
                msgMyStatus_B.innerText = 'You are the second bidder for B';
            } else {
                msgMyBid_B.innerText = '';
                msgMyStatus_B.innerText = `Your bid for B is ${data.bid_B} points. You are not the top or second bidder for B.`
            }

        }

        let nextBid_B = data.top_bid_B + 10;
        bidBtn_B.value = nextBid_B;
        bidBtn_B.innerText = `Bid ${nextBid_B} points`;




        if (data.top_bid_C === 0) {
            msgMyStatus_C.innerText = 'Nobody has made a bid for C yet';
        } else if (am_top_bidder_C) {
            msgMyStatus_C.innerText = 'You are the top bidder for C';
            bidBtn_C.disabled = true;
            msgMyBid_C.innerText = `Your bid is ${data.top_bid_C} points.`;
        } else {
            bidBtn_C.disabled = false;
            if (am_second_bidder_C) {
                msgMyBid_C.innerText = `Your bid for C is ${data.second_bid_C} points. The top bid for C is ${data.top_bid_C} points (player ${data.top_bidder_C})`;
                msgMyStatus_C.innerText = 'You are the second bidder for C';
            } else {
                msgMyBid_C.innerText = '';
                msgMyStatus_C.innerText = `Your bid for C is ${data.bid_C} points. You are not the top or second bidder for C.`
            }

        }

        let nextBid_C = data.top_bid_C + 10;
        bidBtn_C.value = nextBid_C;
        bidBtn_C.innerText = `Bid ${nextBid_C} points`;
    



        if (data.top_bid_D === 0) {
            msgMyStatus_D.innerText = 'Nobody has made a bid for D yet';
        } else if (am_top_bidder_D) {
            msgMyStatus_D.innerText = 'You are the top bidder for D';
            bidBtn_D.disabled = true;
            msgMyBid_D.innerText = `Your bid is ${data.top_bid_D} points.`;
        } else {
            bidBtn_D.disabled = false;
            if (am_second_bidder_D) {
                msgMyBid_D.innerText = `Your bid for D is ${data.second_bid_D} points. The top bid for D is ${data.top_bid_D} points (player ${data.top_bidder_D})`;
                msgMyStatus_D.innerText = 'You are the second bidder for D';
            } else {
                msgMyBid_D.innerText = '';
                msgMyStatus_D.innerText =`Your bid for D is ${data.bid_d} points. You are not the top or second bidder for D.`
            }

        }

        let nextBid_D = data.top_bid_D + 10;
        bidBtn_D.value = nextBid_D;
        bidBtn_D.innerText = `Bid ${nextBid_D} points`;
  
    }

    document.addEventListener("DOMContentLoaded", function (event) {
        liveSend({});
    });
</script>
{{ endblock }}