{{ block title }}
A kör részletes eredményei
{{ endblock }}

{{ block content }}
<p>Az alábbi táblázatban láthatod a saját válaszaid egy osztálytársaddal összehasonlítva.</p>
<p>A zöld hátterű cellák a helyes, a piros hátterű cellák pedig a helytelen megoldásokat jelzik.</p>
<p>Ezen kívül azt is láthatod, hogy milyen pontszámot kaptatok a feladat értékelőjétől</p>
<p>Kérünk, hogy nézd át alaposan, hogy mire értékelést kaptál az osztálytársadhoz képest.</p>

<table class="table">

  <colgroup span="6"></colgroup>
    <col>
  <colgroup span="6"></colgroup>
    <col>

  <tr>
      {% if player.treatment == 0 or  player.treatment == 1 %}
    <th colspan="6" scope="colgroup" style="text-align:center">A Te megoldásaid</th>
      <th scope="col" style="text-align:center">Pontszám</th>
    <th colspan="6" scope="colgroup" style="text-align:center">Egy osztálytársad megoldásai</th>
      <th scope="col" style="text-align:center">Pontszám</th>
      {% elif player.treatment == 2 %}
      <th colspan="6" scope="colgroup" style="text-align:center"><img src="{{ static image_path1 }}" /><p>A Te megoldásaid</p></th>
      <th scope="col" style="text-align:center"><img src="{{ static image_path1 }}" /><p>Pontszám</p></th>
    <th colspan="6" scope="colgroup" style="text-align:center"><img src="{{ static image_path2 }}" /><p>Egy, a Szárnyas oroszlán csapatba tartozó osztálytársad megoldásai</p></th>
      <th scope="col" style="text-align:center"><img src="{{ static image_path2 }}" /><p>Pontszám</p></th>
  </tr>
    {% endif %}

<tbody>
{% for key, value in puz_res.items %}
<tr>
    {% if value.response.betu1 == value.solution.betu1 %}
        <td style="background-color:green;text-align:center"><b>{{value.response.betu1}}</b></td>
    {% else %}
        <td style="background-color:red;text-align:center"><b>{{value.response.betu1}}</b></td>
    {% endif %}
    {% if value.response.betu2 == value.solution.betu2 %}
        <td style="background-color:green;text-align:center"><b>{{value.response.betu2}}</b></td>
    {% else %}
        <td style="background-color:red;text-align:center"><b>{{value.response.betu2}}</b></td>
    {% endif %}
    {% if value.response.betu3 == value.solution.betu3 %}
        <td style="background-color:green;text-align:center"><b>{{value.response.betu3}}</b></td>
    {% else %}
        <td style="background-color:red;text-align:center"><b>{{value.response.betu3}}</b></td>
    {% endif %}
    {% if value.response.betu4 == value.solution.betu4 %}
        <td style="background-color:green;text-align:center"><b>{{value.response.betu4}}</b></td>
    {% else %}
        <td style="background-color:red;text-align:center"><b>{{value.response.betu4}}</b></td>
    {% endif %}
    {% if value.response.betu5 == value.solution.betu5 %}
        <td style="background-color:green;text-align:center"><b>{{value.response.betu5}}</b></td>
    {% else %}
        <td style="background-color:red;text-align:center"><b>{{value.response.betu5}}</b></td>
    {% endif %}
    {% if value.response.betu6 == value.solution.betu6 %}
        <td style="background-color:green;text-align:center"><b>{{value.response.betu6}}</b></td>
    {% else %}
        <td style="background-color:red;text-align:center"><b>{{value.response.betu6}}</b></td>
    {% endif %}
        <td style="text-align:center"><b>{{value.response.pontszam}}</b></td>
    {% if value.response_other.betu1 == value.solution.betu1 %}
        <td style="background-color:green;text-align:center"><b>{{value.response_other.betu1}}</b></td>
    {% else %}
        <td style="background-color:red;text-align:center"><b>{{value.response_other.betu1}}</b></td>
    {% endif %}
    {% if value.response_other.betu2 == value.solution.betu2 %}
        <td style="background-color:green;text-align:center"><b>{{value.response_other.betu2}}</b></td>
    {% else %}
        <td style="background-color:red;text-align:center"><b>{{value.response_other.betu2}}</b></td>
    {% endif %}
    {% if value.response_other.betu3 == value.solution.betu3 %}
        <td style="background-color:green;text-align:center"><b>{{value.response_other.betu3}}</b></td>
    {% else %}
        <td style="background-color:red;text-align:center"><b>{{value.response_other.betu3}}</b></td>
    {% endif %}
    {% if value.response_other.betu4 == value.solution.betu4 %}
        <td style="background-color:green;text-align:center"><b>{{value.response_other.betu4}}</b></td>
    {% else %}
        <td style="background-color:red;text-align:center"><b>{{value.response_other.betu4}}</b></td>
    {% endif %}
    {% if value.response_other.betu5 == value.solution.betu5 %}
        <td style="background-color:green;text-align:center"><b>{{value.response_other.betu5}}</b></td>
    {% else %}
        <td style="background-color:red;text-align:center"><b>{{value.response_other.betu5}}</b></td>
    {% endif %}
    {% if value.response_other.betu6 == value.solution.betu6 %}
        <td style="background-color:green;text-align:center"><b>{{value.response_other.betu6}}</b></td>
    {% else %}
        <td style="background-color:red;text-align:center"><b>{{value.response_other.betu6}}</b></td>
    {% endif %}
    <td style="text-align:center"><b>{{value.response_other.pontszam}}</b></td>

</tr>
{% endfor %}
  </tbody>
</table>

  {{ next_button }}
{{ endblock }}