{{ block title }}
    <h6>Completed so far:</h6>
    
    <div class="progress">
        <div class="progress-bar" role="progressbar" aria-label="Progress" style="width: {{ percentage }}%" aria-valuenow="{{ percentage }}" aria-valuemin="0" aria-valuemax="100">{{ percentage }}%</div>
    </div> <br><br>
    
    <h1>Questionnaire</h1>

{{ endblock }}

{{ block content }}

<p>If prices increase in the next 12 months, how will you adjust each of the following?</p>

{{ include C.TABLE_1 }}

    <!-- <p>If prices are higher in the next 12 months, how will you adjust? (Check all that apply.)</p>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="True" name="inf_9_cheaper">
            <label class="form-check-label">
                Buy cheaper products
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="True" name="inf_9_quantity">
            <label class="form-check-label">
                Buy smaller quantities
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="True" name="inf_9_insurance">
            <label class="form-check-label">
                Apply less money to life insurance
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="True" name="inf_9_realEstate">
            <label class="form-check-label">
                Apply less money to real estate investment
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="True" name="inf_9_livret">
            <label class="form-check-label">
                Apply less money to savings accounts
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="True" name="inf_9_mutualFunds">
            <label class="form-check-label">
                Apply less money to mutual funds
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="True" name="inf_9_stocks">
            <label class="form-check-label">
                Apply less money to stocks
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="True" name="inf_9_indexedBonds">
            <label class="form-check-label">
                Apply less money to indexed bonds
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="True" name="inf_9_move">
            <label class="form-check-label">
                Move somewhere with lower rent
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="True" name="inf_9_nothing">
            <label class="form-check-label">
                Nothing
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="True" name="inf_9_IDK">
            <label class="form-check-label">
                I don't know
            </label>
        </div> -->

{{ formfield_errors 'inf_9_cheaper' }}
{{ formfield_errors 'inf_9_quantity' }}
{{ formfield_errors 'inf_9_leisure' }}
{{ formfield_errors 'inf_9_subscription' }}
{{ formfield_errors 'inf_9_insurance' }}
{{ formfield_errors 'inf_9_realEstate' }}
{{ formfield_errors 'inf_9_livret' }}
{{ formfield_errors 'inf_9_mutualFunds' }}
{{ formfield_errors 'inf_9_stocks' }}
{{ formfield_errors 'inf_9_indexedBonds' }}

    {{ next_button }}

{{ endblock }}