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

{{ block content }}

<style>
p3 {
  font-size: 30px;
  margin-top: 0px;
}
</style>

<div class="storage">     
<p3 id="demo3"></p3>
</div> 

<script>
var your_payoff = 0.01;
var tot_fn_payoff = 0.01;

function resultrun() {
let minutes_q1 = js_vars.minutes_q1,
     seconds_q1 = js_vars.seconds_q1,
     weight_q1 = js_vars.weight_q1,
     price_q1 = js_vars.price_q1,
     minutes_q2 = js_vars.minutes_q2,
     seconds_q2 = js_vars.seconds_q2,
     weight_q2 = js_vars.weight_q2,
     price_q2 = js_vars.price_q2,
     minutes_q3 = js_vars.minutes_q3,
     seconds_q3 = js_vars.seconds_q3,
     weight_q3 = js_vars.weight_q3,
     price_q3 = js_vars.price_q3,
     minutes_q4 = js_vars.minutes_q4,
     seconds_q4 = js_vars.seconds_q4,
     weight_q4 = js_vars.weight_q4,
     price_q4 = js_vars.price_q4,
     minutes_q5 = js_vars.minutes_q5,
     seconds_q5 = js_vars.seconds_q5,
     weight_q5 = js_vars.weight_q5,
     price_q5 = js_vars.price_q5,
    playerid = js_vars.id_in_group,
    roundn = js_vars.round_number;

var pay_per_q = 0.1;    

// Item one
if(weight_q1 == js_vars.w_1 && price_q1 == js_vars.p_1) {
    var your_payoff_q1= Math.max(0, (pay_per_q + Math.min(0, seconds_q1 + 60*minutes_q1)*0.01)).toFixed(2),
    your_answer_q1 = "CORRECT",
    num_correct_this_round = 1;
   } else { var your_payoff_q1 = 0, 
            your_answer_q1 = "WRONG",
            num_correct_this_round = 0;
   }

 
// Item two
if(weight_q2 == js_vars.w_2 && price_q2 == js_vars.p_2) {
    var your_payoff_q2= Math.max(0, (pay_per_q + Math.min(0, seconds_q2 + 60*minutes_q2)*0.01)).toFixed(2),
    your_answer_q2 = "CORRECT",
    num_correct_this_round = num_correct_this_round + 1;
   } else { var your_payoff_q2 = 0, 
            your_answer_q2 = "WRONG",
            num_correct_this_round = num_correct_this_round + 0;
   }

// Item three
if(weight_q3 == js_vars.w_3 && price_q3 == js_vars.p_3) {
    var your_payoff_q3= Math.max(0, (pay_per_q + Math.min(0, seconds_q3 + 60*minutes_q3)*0.01)).toFixed(2),
    your_answer_q3 = "CORRECT",
    num_correct_this_round = num_correct_this_round + 1;
   } else { var your_payoff_q3 = 0, 
            your_answer_q3 = "WRONG",
            num_correct_this_round = num_correct_this_round + 0;
   }
    
// Item four
if(weight_q4 == js_vars.w_4 && price_q4 == js_vars.p_4) {
    var your_payoff_q4= Math.max(0, (pay_per_q + Math.min(0, seconds_q4 + 60*minutes_q4)*0.01)).toFixed(2),
    your_answer_q4 = "CORRECT",
    num_correct_this_round = num_correct_this_round + 1;
   } else { var your_payoff_q4 = 0, 
            your_answer_q4 = "WRONG",
            num_correct_this_round = num_correct_this_round + 0;
   }     
    
// Item five
if(weight_q5 == js_vars.w_5 && price_q5 == js_vars.p_5) {
    var your_payoff_q5= Math.max(0, (pay_per_q + Math.min(0, seconds_q5 + 60*minutes_q5)*0.01)).toFixed(2),
    your_answer_q5 = "CORRECT",
    num_correct_this_round = num_correct_this_round + 1;
   } else { var your_payoff_q5 = 0, 
            your_answer_q5 = "WRONG",
            num_correct_this_round = num_correct_this_round + 0;
   }
    

window.your_payoff = your_payoff_q1*1 + your_payoff_q2*1 + your_payoff_q3*1 + your_payoff_q4*1 + your_payoff_q5*1;
    
document.getElementById("demo3").innerHTML = "Your Total Earning: $" + window.your_payoff.toFixed(2) + "<br>\Q1 Answer: " + your_answer_q1 + "<br>\Q1 Overtime: " + Math.min(0, minutes_q1)*-1 + "m " + Math.min(0, seconds_q1)*-1 + "s" + "<br>\Q2 Answer: " + your_answer_q2 + "<br>\Q2 Overtime: " + Math.min(0, minutes_q2)*-1 + "m " + Math.min(0, seconds_q2)*-1 + "s" + "<br>\Q3 Answer: " + your_answer_q3 + "<br>\Q3 Overtime: " + Math.min(0, minutes_q3)*-1 + "m " + Math.min(0, seconds_q3)*-1 + "s" + "<br>\Q4 Answer: " + your_answer_q4 + "<br>\Q4 Overtime: " + Math.min(0, minutes_q4)*-1 + "m " + Math.min(0, seconds_q4)*-1 + "s" + "<br>\Q5 Answer: " + your_answer_q5 + "<br>\Q5 Overtime: " + Math.min(0, minutes_q5)*-1 + "m " + Math.min(0, seconds_q5)*-1 + "s";

window.tot_fn_payoff = (window.your_payoff*1 + js_vars.prev_tot_payoff*1).toFixed(2);
    
}
resultrun();
    
function valuesend() {
    let cplttimenow = new Date().getTime();
    liveSend({'your_payoff_fn_var': tot_fn_payoff, 'cplttimenow_var': cplttimenow, 'num_correct_this_round_var': num_correct_this_round});
    }    
</script>

        <p>
          <button onclick="valuesend()" style="font-size:35px;">Next</button> 
        </p>

{{ endblock }}