{{ block title }}
    Teil 1: Paarverleich - Eingabe (Seite 2 von 3)
{{ endblock }}
{{ block content }}

<style>
table.center {
  text-align:center;
  border: 1px solid black;
}

th.center {
  margin-left: auto;
  margin-right: auto;
  text-align:center;
  border: 1px solid black;
}

td.center {
  margin-left: auto;
  margin-right: auto;
  text-align:center;
  border: 1px solid black;
}
</style>

    <div class="card bg-light instructions">
    <div class="card-body">
    <div align="justify">



    <table style="width:100%">
        <col style="width:50%">
        <col style="width:5%">
        <col style="width:45%">
        <tr>
            <td><table class="center" style="width:100%">
    <caption style="text-align:center">Zielgrößenmatrix</caption>
  <tr>
    <th class="center">Alternativen</th>
    <th class="center">Zielgröße 1<br>(Bekleidung)</th>
    <th class="center">Zielgröße 2<br>(Restaurant)</th>
    <th class="center">Zielgröße 3<br>(Bücher)</th>
  </tr>
  <tr>
    <td class="center">A</td>
    <td class="center">90 %</td>
    <td class="center">10 %</td>
    <td class="center">50 %</td>
  </tr>
  <tr>
    <td class="center">B</td>
    <td class="center">10 %</td>
    <td class="center">50 %</td>
    <td class="center">90 %</td>
  </tr>
  <tr>
    <td class="center">C</td>
    <td class="center">50 %</td>
    <td class="center">80 %</td>
    <td class="center">20 %</td>
  </tr>
  <tr>
    <td class="center">D</td>
    <td class="center">40 %</td>
    <td class="center">40 %</td>
    <td class="center">50 %</td>
  </tr>
  <tr>
    <td class="center">E</td>
    <td class="center">60 %</td>
    <td class="center">60 %</td>
    <td class="center">30 %</td>
  </tr>
</table><td></td>
            <td>{{form.Auswahl_Hilfe}}<br>
            Wenn die Abfragen mit "Hilfe an" nicht erwünscht sind, können Sie
            auch während der Abfragen zu "Hilfe aus" wechseln. Das Programm ermittelt dann die wahrscheinlichste
            Reihenfolge aus den bisherigen Angaben.</td>
        </tr>
    </table>
    <p></p><p></p>
    <table style="width:100%">
        <col style="width:15%">
        <col style="width:85%">

        <tr>
            <td valign="bottom">-------------</td>
             <td>-----------------------<b>Vergleiche mit A</b>-------------------------</td>
        </tr>
        <tr>
            <td valign="bottom">Vergleich 1:</td>
            <td>{{ form.paar_A_B }}</td>
        </tr>
        <tr>
            <td valign="bottom">Vergleich 2:</td>
            <td>{{ form.paar_A_C }}</td>
        </tr>
        <tr>
            <td valign="bottom">Vergleich 3:</td>
            <td>{{ form.paar_A_D }}</td>
        </tr>
        <tr>
            <td valign="bottom">Vergleich 4:</td>
            <td>{{ form.paar_A_E }}</td>
        </tr>
         <tr>
            <td valign="bottom">-------------</td>
             <td>---------------<b>verbleibende Vergleiche mit B</b>------------------</td>
        </tr>
        <tr>
            <td valign="bottom">Vergleich 5:</td>
            <td>{{ form.paar_B_C }}</td>
        </tr>
        <tr>
            <td valign="bottom">Vergleich 6:</td>
            <td>{{ form.paar_B_D }}</td>
        </tr>
        <tr>
            <td valign="bottom">Vergleich 7:</td>
            <td>{{ form.paar_B_E }}</td>
        </tr>
        <tr>
            <td valign="bottom">-------------</td>
            <td>---------------<b>verbleibende Vergleiche mit C</b>------------------</td>
        </tr>
        <tr>
            <td valign="bottom">Vergleich 8:</td>
            <td>{{ form.paar_C_D }}</td>

        </tr>
        <tr>
            <td valign="bottom">Vergleich 9:</td>
            <td>{{ form.paar_C_E }}</td>
        </tr>
        <tr>
            <td valign="bottom">-------------</td>
             <td>--------------------<b>letzter Vergleich mit D</b>----------------------</td>
        </tr>
        <tr>
            <td valign="bottom">Vergleich 10:</td>
            <td>{{ form.paar_D_E }}</td>
        </tr>
    </table>

    </div>
    </div>
    </div>
<p>{{ next_button }}</p>
{{ endblock }}