{% extends "global/Page.html" %}
{% block content %}
 <h3>Resource Allocation Decisions</h3>
  <p>In this task, you will be asked to make a series of decisions about allocating resources.
    For each of the following questions, please indicate the distribution you prefer most by selecting the
    button below the payoff allocations. You can only make one selection for each question.</p>
  <p>At the end of the study, one of your decisions will be randomly selected for real payment.
    You will personally receive the amount shown for “you,” and the corresponding amount shown for “charity” will be
    donated to a charity. At the end of the session, you will be able to choose one of three charities,
    which will then receive the donation.</p>
  <p>All of your decisions will be completely confidential.</p>

  <style>
  table.svo-table th, table.svo-table td {
    border: 1px solid #ccc;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
  }
  table.svo-table th:first-child,
  table.svo-table td:first-child {
    text-align: left;
    font-weight: bold;
    background-color: #f9f9f9;
  }
</style>

{{ form.svo_choice_1.label }}
<table class="table svo-table">
  <tr>
    <th>You Receive</th>
    <td>$0.85</td><td>$0.85</td><td>$0.85</td><td>$0.85</td><td>$0.85</td><td>$0.85</td><td>$0.85</td><td>$0.85</td><td>$0.85</td>
  </tr>
  <tr>
    <th>Charity Receives</th>
    <td>$0.85</td><td>$0.76</td><td>$0.68</td><td>$0.59</td><td>$0.50</td><td>$0.41</td><td>$0.33</td><td>$0.24</td><td>$0.15</td>
  </tr>
  <tr>
    <th>Your Choice</th>
    {% for i in range(1, 10) %}
      <td><input type="radio" name="svo_choice_1" value="{{ i }}" required></td>
    {% endfor %}
  </tr>
</table>

{{ form.svo_choice_2.label }}
<table class="table svo-table">
  <tr>
    <th>You Receive</th>
    <td>$0.85</td><td>$0.87</td><td>$0.89</td><td>$0.91</td><td>$0.93</td><td>$0.94</td><td>$0.96</td><td>$0.98</td><td>$1.00</td>
  </tr>
  <tr>
    <th>Charity Receives</th>
    <td>$0.15</td><td>$0.19</td><td>$0.24</td><td>$0.28</td><td>$0.33</td><td>$0.37</td><td>$0.41</td><td>$0.46</td><td>$0.50</td>
  </tr>
  <tr>
    <th>Your Choice</th>
    {% for i in range(1, 10) %}
      <td><input type="radio" name="svo_choice_2" value="{{ i }}" required></td>
    {% endfor %}
  </tr>
</table>

{{ form.svo_choice_3.label }}
<table class="table svo-table">
  <tr>
    <th>You Receive</th>
    <td>$0.50</td><td>$0.54</td><td>$0.59</td><td>$0.63</td><td>$0.68</td><td>$0.72</td><td>$0.76</td><td>$0.81</td><td>$0.85</td>
  </tr>
  <tr>
    <th>Charity Receives</th>
    <td>$1.00</td><td>$0.98</td><td>$0.96</td><td>$0.94</td><td>$0.93</td><td>$0.91</td><td>$0.89</td><td>$0.87</td><td>$0.85</td>
  </tr>
  <tr>
    <th>Your Choice</th>
    {% for i in range(1, 10) %}
      <td><input type="radio" name="svo_choice_3" value="{{ i }}" required></td>
    {% endfor %}
  </tr>
</table>

{{ form.svo_choice_4.label }}
<table class="table svo-table">
  <tr>
    <th>You Receive</th>
    <td>$0.50</td><td>$0.54</td><td>$0.59</td><td>$0.63</td><td>$0.68</td><td>$0.72</td><td>$0.76</td><td>$0.81</td><td>$0.85</td>
  </tr>
  <tr>
    <th>Charity Receives</th>
    <td>$1.00</td><td>$0.89</td><td>$0.79</td><td>$0.68</td><td>$0.58</td><td>$0.47</td><td>$0.36</td><td>$0.26</td><td>$0.15</td>
  </tr>
  <tr>
    <th>Your Choice</th>
    {% for i in range(1, 10) %}
      <td><input type="radio" name="svo_choice_4" value="{{ i }}" required></td>
    {% endfor %}
  </tr>
</table>

{{ form.svo_choice_5.label }}
<table class="table svo-table">
  <tr>
    <th>You Receive</th>
    <td>$1.00</td><td>$0.94</td><td>$0.88</td><td>$0.81</td><td>$0.75</td><td>$0.69</td><td>$0.63</td><td>$0.56</td><td>$0.50</td>
  </tr>
  <tr>
    <th>Charity Receives</th>
    <td>$0.50</td><td>$0.56</td><td>$0.63</td><td>$0.69</td><td>$0.75</td><td>$0.81</td><td>$0.88</td><td>$0.94</td><td>$1.00</td>
  </tr>
  <tr>
    <th>Your Choice</th>
    {% for i in range(1, 10) %}
      <td><input type="radio" name="svo_choice_5" value="{{ i }}" required></td>
    {% endfor %}
  </tr>
</table>

{{ form.svo_choice_6.label }}
<table class="table svo-table">
  <tr>
    <th>You Receive</th>
    <td>$1.00</td><td>$0.98</td><td>$0.96</td><td>$0.94</td><td>$0.93</td><td>$0.91</td><td>$0.89</td><td>$0.87</td><td>$0.85</td>
  </tr>
  <tr>
    <th>Charity Receives</th>
    <td>$0.50</td><td>$0.54</td><td>$0.59</td><td>$0.63</td><td>$0.68</td><td>$0.72</td><td>$0.76</td><td>$0.81</td><td>$0.85</td>
  </tr>
  <tr>
    <th>Your Choice</th>
    {% for i in range(1, 10) %}
      <td><input type="radio" name="svo_choice_6" value="{{ i }}" required></td>
    {% endfor %}
  </tr>
</table>
{% next_button %}
{% endblock %}