{{ block title }}
Background
{{ endblock }}

{{ block content }}
<p>Please answer the following questions.</p>

<div style="margin-bottom: 18px;">
    <label for="nationality_input"><strong>What is your country of nationality?</strong></label>
    <input
        id="nationality_input"
        name="nationality"
        list="nationality_list"
        class="form-control"
        autocomplete="off"
        required
        value="{{ player.field_maybe_none('nationality') or '' }}"
    >

    <datalist id="nationality_list">
        {% for n in nationalities %}
            <option value="{{ n }}"></option>
        {% endfor %}
    </datalist>
</div>

<div style="margin-bottom: 18px;">
    {{ formfield player.level_of_study }}
</div>

<div style="margin-bottom: 18px;">
    {{ formfield player.student_status }}
</div>

<div style="margin-bottom: 18px;">
    {{ formfield player.time_in_country }}
</div>

<div style="margin-bottom: 18px;">
    {{ formfield player.prior_abroad_experience }}
</div>

<div style="display: flex; justify-content: space-between; margin-top: 20px;">
    <div>{{ back_button }}</div>
    <div><button class="btn btn-primary">Continue</button></div>
</div>
{{ endblock }}