{{ extends "global/Page.html" }}
{{ block title }}Questionnaire{{ endblock }}

{{ block content }}


<!-- Includes the updated background style from the UW Teton Lab experiments -->
{{ include_sibling 'uw_teton_survey.html' }} <!-- for survey pages -->

<!-- Question 1 -->
<div class="question">
    <p>
        <strong>Consider which of the following descriptions fits you better:</strong>
    </p>
    <p>
        "I find it difficult to spend money"<br>OR<br>"I have difficulty controlling my spending"
    </p>
    <p>
        Below, select a number from 1 to 11 below to indicate where you fall on this dimension. 1 indicates "I find it difficult to spend money." 11 indicates "I have difficulty controlling my spending."
    </p>
    <table class="response-table">
        <tr>
            <td><strong>1</strong></td>
            <td><strong>2</strong></td>
            <td><strong>3</strong></td>
            <td><strong>4</strong></td>
            <td><strong>5</strong></td>
            <td><strong>6</strong></td>
            <td><strong>7</strong></td>
            <td><strong>8</strong></td>
            <td><strong>9</strong></td>
            <td><strong>10</strong></td>
            <td><strong>11</strong></td>
        </tr>
        <tr>
            {% for choice in form.TWST_1 %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
        <tr>
            <td><strong>Tightwad<br>(difficulty spending money)</strong></td>
            <td><strong></strong></td>
            <td><strong></strong></td>
            <td><strong></strong></td>
            <td><strong></strong></td>
            <td><strong>About the the same or neither</strong></td>
            <td><strong></strong></td>
            <td><strong></strong></td>
            <td><strong></strong></td>
            <td><strong></strong></td>
            <td><strong>Spendthrift<br>(difficulty controlling spending)</strong></td>
        </tr>
    </table>
</div> <br>

<!-- Question 2a -->
<div class="question">
    <p>
        Some people have trouble limiting their spending: they often spend money—for example on clothes, meals, vacations, phone calls—when they would do better not to.
    </p>
    <p>
        Other people have trouble spending money. Perhaps because spending money makes them anxious, they often don't spend money on things they should spend it on.
    </p>
    <label>{{ form.TWST_2a.label }}</label>
    <table class="response-table">
        <tr>
            {% for choice in form.TWST_2a %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
        <tr>
            <td><strong>Never</strong></td>
            <td><strong>Rarely</strong></td>
            <td><strong>Sometimes</strong></td>
            <td><strong>Often</strong></td>
            <td><strong>Always</strong></td>
        </tr>
    </table>
</div>
</div>

<!-- Question 2b -->
<div class="question">
    <label>{{ form.TWST_2b.label }}</label>
    <table class="response-table">
        <tr>
            {% for choice in form.TWST_2b %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
        <tr>
            <td><strong>Never</strong></td>
            <td><strong>Rarely</strong></td>
            <td><strong>Sometimes</strong></td>
            <td><strong>Often</strong></td>
            <td><strong>Always</strong></td>
        </tr>
    </table>
</div> <br>

<!-- Question 3 -->
<div class="question">
    <p>
        The following is a scenario describing the behavior of two shoppers. After reading about each shopper, please answer the question that follows.
    </p>
    <p>
        Mr. A is accompanying a good friend who is on a shopping spree at a local mall. When they enter a large department store, Mr. A sees that the store has a "one-day-only-sale" where everything is priced 10-60% off. He realizes he doesn't need anything, yet can't resist and ends up spending almost $100 on stuff.
    </p>
    <p>
        Mr. B is accompanying a good friend who is on a shopping spree at a local mall. When they enter a large department store, Mr. B sees that the store has a "one-day-only-sale" where everything is priced 10-60% off. He figures he can get great deals on many items that he needs, yet the thought of spending the money keeps him from buying the stuff.
    </p>
    <label>{{ form.TWST_3.label }}</label>
    <table class="response-table">
        <tr>
            <td><strong>1</strong></td>
            <td><strong>2</strong></td>
            <td><strong>3</strong></td>
            <td><strong>4</strong></td>
            <td><strong>5</strong></td>
        </tr>
        <tr>
            {% for choice in form.TWST_3 %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
        <tr>
            <td><strong>Mr. A</strong></td>
            <td><strong></strong></td>
            <td><strong>About the same or neither</strong></td>
            <td><strong></strong></td>
            <td><strong>Mr. B</strong></td>
        </tr>
    </table>
</div>

{{ next_button }}


{{ endblock }}

{{ block scripts }}
<script>
// This script is included to ensure that if tags are included in form fields they are observed
$(document).ready(function (e) {
    labels = document.getElementsByTagName("label");

    for (var i = 0; i < labels.length; i++) {
        labels[i].innerHTML = labels[i].innerHTML.replaceAll("&lt;", "<").
                              replaceAll("&gt;", ">");
    }
});
</script>
{{ endblock }}