{{ block title }}Knapsack Problem{{ endblock }}
{{ block content }}

<!-- ######## This is a comment, visible only in the source editor  ######## -->
<table border="1" style="border-collapse: collapse; width: 49.1591%; height: 252px;">
<tbody>
<tr style="height: 21px;">
<td style="width: 22.7773%; height: 21px; text-align: center;"><strong>Item #</strong></td>
<td style="width: 10.5718%; height: 21px; text-align: center;"><strong>Weight (in kg)</strong></td>
<td style="width: 23.1873%; height: 21px; text-align: center;"><strong>Value (in Euro)</strong></td>
</tr>
<tr style="height: 21px;">
<td style="width: 22.7773%; height: 21px; text-align: center;">1</td>
<td style="width: 10.5718%; height: 21px; text-align: center;">{{w.0}}</td>
<td style="width: 23.1873%; height: 21px; text-align: center;">{{v.0}}</td>
</tr>
<tr style="height: 21px;">
<td style="width: 22.7773%; height: 21px; text-align: center;">2</td>
<td style="width: 10.5718%; height: 21px; text-align: center;">{{w.1}}</td>
<td style="width: 23.1873%; height: 21px; text-align: center;">{{v.1}}</td>
</tr>
<tr style="height: 21px;">
<td style="width: 22.7773%; height: 21px; text-align: center;">3</td>
<td style="width: 10.5718%; height: 21px; text-align: center;">{{w.2}}</td>
<td style="width: 23.1873%; height: 21px; text-align: center;">{{v.2}}</td>
</tr>
<tr style="height: 21px;">
<td style="width: 22.7773%; text-align: center; height: 21px;">4</td>
<td style="width: 10.5718%; text-align: center; height: 21px;">{{w.3}}</td>
<td style="width: 23.1873%; text-align: center; height: 21px;">{{v.3}}</td>
</tr>
<tr style="height: 21px;">
<td style="width: 22.7773%; text-align: center; height: 21px;">5</td>
<td style="width: 10.5718%; text-align: center; height: 21px;">{{w.4}}</td>
<td style="width: 23.1873%; text-align: center; height: 21px;">{{v.4}}</td>
</tr>
<tr style="height: 21px;">
<td style="width: 22.7773%; text-align: center; height: 21px;">6</td>
<td style="width: 10.5718%; text-align: center; height: 21px;">{{w.5}}</td>
<td style="width: 23.1873%; text-align: center; height: 21px;">{{v.5}}</td>
</tr>
<tr style="height: 21px;">
<td style="width: 22.7773%; text-align: center; height: 21px;">7</td>
<td style="width: 10.5718%; text-align: center; height: 21px;">{{w.6}}</td>
<td style="width: 23.1873%; text-align: center; height: 21px;">{{v.6}}</td>
</tr>
<tr style="height: 21px;">
<td style="width: 22.7773%; text-align: center; height: 21px;">8</td>
<td style="width: 10.5718%; text-align: center; height: 21px;">{{w.7}}</td>
<td style="width: 23.1873%; text-align: center; height: 21px;">{{v.7}}</td>
</tr>
<tr style="height: 21px;">
<td style="width: 22.7773%; text-align: center; height: 21px;">9</td>
<td style="width: 10.5718%; text-align: center; height: 21px;">{{w.8}}</td>
<td style="width: 23.1873%; text-align: center; height: 21px;">{{v.8}}</td>
</tr>
<tr style="height: 21px;">
<td style="width: 22.7773%; text-align: center; height: 21px;">10</td>
<td style="width: 10.5718%; text-align: center; height: 21px;">{{w.9}}</td>
<td style="width: 23.1873%; text-align: center; height: 21px;">{{v.9}}</td>
</tr>
<tr style="height: 21px;">
<td style="width: 22.7773%; text-align: center; height: 21px;"><strong>Your Knapsack</strong></td>
<td style="width: 10.5718%; text-align: center; height: 21px;">{{tw}}kg/{{c}}kg</td>
<td style="width: 23.1873%; text-align: center; height: 21px;">{{tv}}&euro;</td>
</tr>
</tbody>
</table>
<h1 style="color: #4485b8;"></h1>
<p>The <strong>value of your knapsack </strong>is <strong>{{tv}}€</strong> - the <strong>best possible knapsack</strong> has a value of <strong>{{ov}}€</strong>.</p>

{{ next_button }}

{{ endblock }}