{{ block title }} 第 {{player.num_subsession}} 輪 {{ endblock }}
{{ block content }} 
<p style="font-size: 23px;color:black;">遊戲結果</p>


<p>下方表格為正確答案，紫色數字為整個大組答對且你答對的格子，紅色數字為整個大組答對的格子，藍色數字為你個人答對的格子。</p>

<p>此回合整組共答對 {{group.num_correct_per_game}} 格 （ 紫色+紅色格子 ） ，
  同組每人皆獲得 {{ group.num_correct_per_game }} 法幣，
本輪你的整組累積報酬為 {{player.group_accumulate_pay}} 法幣。</p>  

<p>此回合你答對 {{player.num_correct_per_game}} 格 （ 紫色+藍色格子 ） ，
  獲得 {{ player.num_correct_per_game }} 法幣，
本輪你的個人累積報酬為 {{player.personal_accumulate_pay}} 法幣。</p> 

    
   
<table id="displaytable" style="max-width: max-content ; border:2px #cccccc solid;" cellpadding="10" border='1'>   
</table>     
     

<script>
  let table = document.getElementById('displaytable');
  series = "<tr>";
  for (step = 1; step < js_vars.num_game_cell+1; step++) {
        if(js_vars.group_is_correctcs_list[step-1] && js_vars.player_is_correctcs_list[step-1]){
            series +=  "<td><input  type=\"number\" name=\"game_cell" + step.toString() + "_answer\" id=\"game_cell" + step.toString() + "_answer\" style=\"color:rgb(109, 17, 221);\" style=\"width:"+js_vars.width+"px\" value=\""+js_vars.answers_list[step-1]+"\"  /></td>"; 
        }else{
          if(js_vars.group_is_correctcs_list[step-1]){
            series +=  "<td><input  type=\"number\" name=\"game_cell" + step.toString() + "_answer\" id=\"game_cell" + step.toString() + "_answer\" style=\"color:red;\" style=\"width:"+js_vars.width+"px\" value=\""+js_vars.answers_list[step-1]+"\"  /></td>"; 
          }else{
            if(js_vars.player_is_correctcs_list[step-1]){
              series +=  "<td><input  type=\"number\" name=\"game_cell" + step.toString() + "_answer\" id=\"game_cell" + step.toString() + "_answer\" style=\"color:blue;\" style=\"width:"+js_vars.width+"px\" value=\""+js_vars.answers_list[step-1]+"\"  /></td>"; 
            }else{
              series +=  "<td><input  type=\"number\" name=\"game_cell" + step.toString() + "_answer\" id=\"game_cell" + step.toString() + "_answer\" style=\"color:black;\" style=\"width:"+js_vars.width+"px\" value=\""+js_vars.answers_list[step-1]+"\"  /></td>"; 
            }
          }            
        }
    

        if (step == js_vars.num_game_cell) {
          series += "</tr>" 
        } else{
          if (step % js_vars.num_game_cell_per_row == 0) {
            series += "</tr><tr>"
          };    
        };
      };
table.innerHTML = series
</script>

<p>請按 Next 進入下一頁。</p> 
{{ next_button }}
{{ endblock }}