{{ block css }}
    <link rel="stylesheet" href="{{ static 'global/style.css' }}"/>
{{ endblock }}

{{ block title }}
    Step 1: Selecting a Job Offer
{{ endblock }}

{{ block content }}
        
    <table class="likert-table">
        <colgroup><col><col><col><col><col><col><col><col></colgroup>
        <tr><th></th><th>Completely Disagree</th><th></th><th></th><th></th><th></th><th></th><th>Completely Agree</th></tr>
        <tr><th></th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th></tr>
        <tr><td>{{ form.ft_1.label }}</td>{{ for choice in form.ft_1 }}<td>{{ choice }}</td>{{ endfor }}</tr>
        <tr><td>{{ form.ft_2.label }}</td>{{ for choice in form.ft_2 }}<td>{{ choice }}</td>{{ endfor }}</tr>
        <tr><td>{{ form.ft_3.label }}</td>{{ for choice in form.ft_3 }}<td>{{ choice }}</td>{{ endfor }}</tr>
        <tr><td>{{ form.ft_4.label }}</td>{{ for choice in form.ft_4 }}<td>{{ choice }}</td>{{ endfor }}</tr>
    </table><br>
    <table class="likert-table">
        <colgroup><col><col><col><col><col><col><col><col></colgroup>
        <tr><th></th><th>Not at all</th><th></th><th></th><th></th><th></th><th></th><th>Very much</th></tr>
        <tr><th></th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th></tr>
        <tr><td>{{ form.ft_5.label }}</td>{{ for choice in form.ft_5 }}<td>{{ choice }}</td>{{ endfor }}</tr>
    </table><br>
    
    {{ next_button }}
    
{{ endblock }}