{{ block title }}
    Teil 2d: Trade-Off (Seite 1 von 2)
{{ endblock }}
{{ block content }}

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

<style>

table.center {
  margin-left: auto;
  margin-right: auto;
  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>

<p>Es sind die Zielgrößenmatrizen 1 und 2 vorgegeben. Sie sollen in den Eingabefeldern die Werte für x und y so bestimmen, dass die Fikitiven Alternativen 1 und 2 pro Zielgrößenmatrix jeweils gleich gut sind.  Es sind Angaben von 0 bis 100 möglich (inklusive 0 und 100).</p>

<table class="center" style="width: 50%">
    <caption style="text-align:center">Zielgrößenmatrix 1</caption>
  <tr>
    <th class="center">Fiktive Alternativen</th>
    <th class="center">Zielgröße 1<br>(Bekleidung)</th>
    <th class="center">Zielgröße 2<br>(Restaurant)</th>
  </tr>
  <tr>
    <td class="center">Fiktive Alternative 1</td>
    <td class="center">91 %</td>
    <td class="center">0 %</td>
  </tr>
  <tr>
    <td class="center">Fiktive Alternative 2</td>
    <td class="center">90 %</td>
      <td class="center"><b>x</b> %</td>
  </tr>
</table>

<br>

<table class="center" style="width: 50%">
    <caption style="text-align:center">Zielgrößenmatrix 2</caption>
  <tr>
    <th class="center">Fiktive Alternativen</th>
    <th class="center">Zielgröße 1<br>(Bekleidung)</th>
    <th class="center">Zielgröße 3<br>(Bücher)</th>
  </tr>
  <tr>
    <td class="center">Fiktive Alternative 1</td>
    <td class="center">91 %</td>
    <td class="center">0 %</td>
  </tr>
  <tr>
    <td class="center">Fiktive Alternative 2</td>
    <td class="center">90 %</td>
    <td class="center"><b>y</b> %</td>
  </tr>
</table>
    <br>
    <p>Mit den Angaben für x und y legen Sie die Gewichtung der Zielgrößen fest.</p>

    <i>Zahlenwert für <b>x</b> [%]:</i>
    <p>{{ form.TOWert1 }}</p>
    <i>Zahlenwert für <b>y</b> [%]:</i>
    <p>{{ form.TOWert2 }}</p>
    </div>
    </div>
    </div>

<p>{{ next_button }}</p>

{{ endblock }}