{% extends "global/Base.html" %}
{% load staticfiles otree_tags %}

{% block title %}
    Charity Selection
{% endblock %}

{% block content %}


    <STYLE TYPE="text/css">
        .indented { padding-left: 50pt; padding-right: 50pt; }
        .tabmarg {margin-left: 80px}

    </STYLE>
    <hr>

    <p>
        As noted previously, your decisions in this experiment may result in an actual payment made to your selected charity, depending on the outcomes of the random draws associated with
        your investment(s) in socially responsible projects. Please choose one of the charities below to be the recipient of any payment that may be generated in this manner.
    </p>
    <hr>

    <div class="indented">
        <table width="50%" border="1">
        <tbody>
            <tr>
                <td width="5%"><input type="radio" name="charity_selection" value="American Cancer Society" required id="id_charity_selection_0" ></td>
                <td>American Cancer Society</td>
            </tr>
            <tr>
                <td width="5%"><input type="radio" name="charity_selection" value="American Heart Association" required id="id_charity_selection_1" ></td>
                <td>American Heart Association</td>
            </tr>
            <tr>
                <td width="5%"><input type="radio" name="charity_selection" value="American Red Cross" required id="id_charity_selection_2" ></td>
                <td>American Red Cross</td>
            </tr>
            <tr>
                <td width="5%"><input type="radio" name="charity_selection" value="Amnesty International" required id="id_charity_selection_3" ></td>
                <td>Amnesty International</td>
            </tr>
            <tr>
                <td width="5%"><input type="radio" name="charity_selection" value="Big Brothers Big Sisters" required id="id_charity_selection_4" ></td>
                <td>Big Brothers Big Sisters</td>
            </tr>
            <tr>
                <td width="5%"><input type="radio" name="charity_selection" value="Habitat for Humanity" required id="id_charity_selection_5" ></td>
                <td>Habitat for Humanity</td>
            </tr>
            <tr>
                <td width="5%"><input type="radio" name="charity_selection" value="Meals on Wheels" required id="id_charity_selection_6" ></td>
                <td>Meals on Wheels</td>
            </tr>
            <tr>
                <td width="5%"><input type="radio" name="charity_selection" value="Sierra Club" required id="id_charity_selection_7" ></td>
                <td>Sierra Club</td>
            </tr>
            <tr>
                <td width="5%"><input type="radio" name="charity_selection" value="UNICEF" required id="id_charity_selection_8" ></td>
                <td>UNICEF</td>
            </tr>
            <tr>
                <td width="5%"><input type="radio" name="charity_selection" value="United Way" required id="id_charity_selection_9" ></td>
                <td>United Way</td>
            </tr>

        </tbody>
        </table>
    </div>

    <hr>
    <br>

    {% next_button %}

{% endblock %}