{% extends "floodgame/Page.html" %}
{% load staticfiles otree_tags %}
{% block title %}
    {{page_title}}
{% endblock %}
{% block content %}

{% include 'snippets/Progressbar.html' %}

<span style="text-align:center">
    <div class="alert alert-warning alert-dismissible" role="alert">
        <br><br>
        <h4><strong>Attention!</strong> This is the end of the investment game.</h4>
         <br> <br>
<h5>    We will now select a random scenario for payment. <br><br>This payment will be added to your participation fee (20.000 ECU = &euro;1).</h5>
<br><br>
         <br><br><br>
         <br><br><br>
         <br>
            <button class="btn btn-default text-center" data-dismiss="alert" aria-label="Close">Close this window to start the first task</button>
            <br><br> <br><br>

<br><br><br><br>
<br><br><br><br>
<br><br><br><br>
     </div>
</span>

<div class="card"> <div class="card-body"><p>
    In the table below you see your payoffs for each of the scenarios.

</p></div></div>

  <table class="table" style="width:70%">
    <tr>
        <th>Scenario</th>
        <th>Savings account</th>
        <th>Payment on top of participation fee</th>
    </tr>
{% if selected_scenario == 1 and selected != None%}
      <tr  class="bg-success">
{% else %}

          <tr>{% endif %}
          <td>Scenario 1</td>
          <td>{{payoff_scenario1}}</td>
          <td>{{payoff_small_1}}</td>
      </tr>
{% if selected_scenario == 2 and selected != None%}
      <tr  class="bg-success">
{% else%}
          <tr>{% endif %}
          <td>Scenario 2</td>
          <td>{{payoff_scenario2}}</td>
          <td>{{payoff_small_2}}</td>
      </tr>
{% if selected_scenario == 3 and selected != None%}
      <tr  class="bg-success">
{% else%}
          <tr>{% endif %}
          <td>Scenario 3</td>
          <td>{{payoff_scenario3}}</td>
          <td>{{payoff_small_3}}</td>
      </tr>
{% if selected_scenario == 4 and selected != None %}
      <tr class="bg-success">
{% else%}

          <tr>{% endif %}
          <td>Scenario 4</td>
          <td>{{payoff_scenario4}}</td>
          <td>{{payoff_small_4}}</td>
      </tr>
{% if selected_scenario == 5 and selected != None%}
<tr  class="bg-success">
{% else%}
  <tr>{% endif %}
  <td>Scenario 5</td>
  <td>{{payoff_scenario5}}</td>
  <td>{{payoff_small_5}}</td>
</tr>
{% if selected_scenario == 6 and selected != None%}
<tr  class="bg-success">
{% else%}
  <tr>{% endif %}
  <td>Scenario 6</td>
  <td>{{payoff_scenario6}}</td>
  <td>{{payoff_small_6}}</td>
</tr>


  </table>









<br>


<button class="btn btn-primary btn-lg" name="selected" value="selected">Click here to select a random scenario for payment</button>

{% include 'snippets/InstructionsCounter.html' %}

{% endblock %}