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

{{ endblock }}

{{ block content }}

    <p>Please, select which of the following investment types you currently hold.</p>
    <div class="form-check">
        <input class="form-check-input" type="checkbox" value="True" name="stocks">
        <label class="form-check-label">
            Stocks
        </label>
    </div>
    <div class="form-check">
        <input class="form-check-input" type="checkbox" value="True" name="mutualFunds">
        <label class="form-check-label">
            Mutual Funds
        </label>
    </div>
    <div class="form-check">
        <input class="form-check-input" type="checkbox" value="True" name="bonds">
        <label class="form-check-label">
            Bonds
        </label>
    </div>
    <div class="form-check">
        <input class="form-check-input" type="checkbox" value="True" name="savingsAccounts">
        <label class="form-check-label">
            Savings Accounts
        </label>
    </div>
    <div class="form-check">
        <input class="form-check-input" type="checkbox" value="True" name="lifeInsurance">
        <label class="form-check-label">
            Life Insurance
        </label>
    </div>
    <div class="form-check">
        <input class="form-check-input" type="checkbox" value="True" name="retirementAccounts">
        <label class="form-check-label">
            Retirement Accounts
        </label>
    </div>
    <div class="form-check">
        <input class="form-check-input" type="checkbox" value="True" name="crypto">
        <label class="form-check-label">
            Cryptocurrency
        </label>
    </div>

    {{ formfield_errors "stocks" }}
    {{ formfield_errors "mutualFunds" }}
    {{ formfield_errors "bonds" }}
    {{ formfield_errors "savingsAccounts" }}
    {{ formfield_errors "lifeInsurance" }}
    {{ formfield_errors "retirementAccounts" }}
    {{ formfield_errors "crypto" }}
    <br>

    {{ next_button }}

{{ endblock }}