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

{{ block content }}

All voters have casted their vote. 

<table class="table">
  <thead>
    <tr>
      <th scope="col">Choice</th>
      <th scope="col">Voters considered</th> 
      <th scope="col">Votes received</th>
      <th scope="col">Offer/considered voter</th>
      <th> Candidate income</th>  
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">Candidate A</th>
       <td>
           {{if candidate_A.v01}} 1 {{else}} - {{endif}}
           {{if candidate_A.v02}} 2 {{else}} - {{endif}} 
           {{if candidate_A.v03}} 3 {{else}} - {{endif}} 
           {{if candidate_A.v04}} 4 {{else}} - {{endif}} 
           {{if candidate_A.v05}} 5 {{else}} - {{endif}} 
           {{if candidate_A.v06}} 6 {{else}} - {{endif}} 
           {{if candidate_A.v07}} 7 {{else}} - {{endif}} 
           {{if candidate_A.v08}} 8 {{else}} - {{endif}} 
        </td>
      <td> <div class="progress">
  <div class="progress-bar bg-secondary" role="progressbar" style="width: {{votes_rel_for_A}}%" aria-valuenow="{{votes_rel_for_A}}%" aria-valuemin="0" aria-valuemax="100">{{votes_for_A}}</div>
</div></td>
     <td>€{{budget_A_per_voter}}</td>   
     <td>{{candidate_A.payoff}}</td>
    </tr>
    <tr>
      <th scope="row">Candidate B</th>
       <td>
           {{if candidate_B.v01}} 1 {{else}} - {{endif}}
           {{if candidate_B.v02}} 2 {{else}} - {{endif}} 
           {{if candidate_B.v03}} 3 {{else}} - {{endif}} 
           {{if candidate_B.v04}} 4 {{else}} - {{endif}} 
           {{if candidate_B.v05}} 5 {{else}} - {{endif}} 
           {{if candidate_B.v06}} 6 {{else}} - {{endif}} 
           {{if candidate_B.v07}} 7 {{else}} - {{endif}} 
           {{if candidate_B.v08}} 8 {{else}} - {{endif}} 
        </td>
      <td><div class="progress">
  <div class="progress-bar bg-secondary" role="progressbar" style="width: {{votes_rel_for_B}}%" aria-valuenow="{{votes_rel_for_B}}%" aria-valuemin="0" aria-valuemax="100">{{votes_for_B}}</div>
</div></td>
        <td>€{{budget_B_per_voter}}</td>
        <td>{{candidate_B.payoff}}</td>
    </tr>
    <tr>
      <th scope="row">Abstain</th>
        <td></td>
      <td><div class="progress">
  <div class="progress-bar bg-secondary" role="progressbar" style="width: {{votes_rel_for_abstain}}%" aria-valuenow="{{votes_rel_for_abstain}}%" aria-valuemin="0" aria-valuemax="100">{{votes_for_abstain}}</div>
</div></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>      
  </tbody>
</table>

<p>
Candidate {{group.winner}} has won the election {{if votes_rel_for_A == votes_rel_for_B}}(by chance){{endif}}.     
{{if player.id_in_group > 2}}
As you are Voter {{ player.role }}, your wealth has increased by {{ player.payoff }}.
{{else}}
As you are Candidate {{ player.role }}, your wealth has increased by {{ player.payoff }}.
{{endif}}
</p>


  {{ next_button }}  


{{ endblock }}