{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
   Part 2
{% endblock %}

{% block content %}

Of which of the following tasks do you have experience in, and how much -

<table class="table" border="0px">
        <tr>
            <td ></td>
            <th style="text-align:center" width="90px">None</th>
            <th style="text-align:center" width="90px">Some</th>
            <th style="text-align:center" width="90px">A lot</th>
        </tr>
    </table>


    <table class="table" border="0px">

        <tr>
            <th>{{ form.translat.label|linebreaks }}</th>
            <td width="45px"></td>
            <td width="90px">{{ form.translat.0 }}</td>
            <td width="90px">{{ form.translat.1 }}</td>
            <td width="45px">{{ form.translat.2 }}</td>
        </tr>

        <tr>
            <th>{{ form.social.label|linebreaks }}</th>
            <td width="45px"></td>
            <td width="90px">{{ form.social.0 }}</td>
            <td width="90px">{{ form.social.1 }}</td>
            <td width="45px">{{ form.social.2 }}</td>
        </tr>

        <tr>
            <th>{{ form.renov.label|linebreaks }}</th>
            <td width="45px"></td>
            <td width="90px">{{ form.renov.0 }}</td>
            <td width="90px">{{ form.renov.1 }}</td>
            <td width="45px">{{ form.renov.2 }}</td>
        </tr>

        <tr>
            <th>{{ form.screen.label|linebreaks }}</th>
            <td width="45px"></td>
            <td width="90px">{{ form.screen.0 }}</td>
            <td width="90px">{{ form.screen.1 }}</td>
            <td width="45px">{{ form.screen.2 }}</td>
        </tr>

        <tr>
            <th>{{ form.code.label|linebreaks }}</th>
            <td width="45px"></td>
            <td width="90px">{{ form.code.0 }}</td>
            <td width="90px">{{ form.code.1 }}</td>
            <td width="45px">{{ form.code.2 }}</td>
        </tr>

        <tr>
            <th>{{ form.attention_check.label|linebreaks }}</th>
            <td width="45px"></td>
            <td width="90px">{{ form.attention_check.0 }}</td>
            <td width="90px">{{ form.attention_check.1 }}</td>
            <td width="45px">{{ form.attention_check.2 }}</td>
        </tr>

        <tr>
            <th>{{ form.data.label|linebreaks }}</th>
            <td width="45px"></td>
            <td width="90px">{{ form.data.0 }}</td>
            <td width="90px">{{ form.data.1 }}</td>
            <td width="45px">{{ form.data.2 }}</td>
        </tr>

        <tr>
            <th>{{ form.create.label|linebreaks }}</th>
            <td width="45px"></td>
            <td width="90px">{{ form.create.0 }}</td>
            <td width="90px">{{ form.create.1 }}</td>
            <td width="45px">{{ form.create.2 }}</td>
        </tr>

        <tr>
            <th>{{ form.manag.label|linebreaks }}</th>
            <td width="45px"></td>
            <td width="90px">{{ form.manag.0 }}</td>
            <td width="90px">{{ form.manag.1 }}</td>
            <td width="45px">{{ form.manag.2 }}</td>
        </tr>


    </table>


    <div align ="right">
        <button class="otree-btn-next btn btn-primary">Next</button>
    </div>

{% endblock %}