{% extends "base.html" %}
{% block content %}
<h1>Deine Antworten, liebe*r {{ user_id }}:</h1>
<div>
	<h2>Fiktionaler Lieblingscomputer</h2>
	<ul>
		<li {% if user_row[1] == "hal" %} class="choice" {% endif %}>HAL 9000 (2001: Odyssee im Weltraum)</li>
                <li {% if user_row[1] == "deepthought" %} class="choice" {% endif %}>Deep Thought (Per Anhalter durch die Galaxis)</li>
                <li {% if user_row[1] == "neuromancer" %} class="choice" {% endif %}>Neuromancer (Neuromancer)</li>
                <li {% if user_row[1] == "samantha" %} class="choice" {% endif %}>Samantha (Her)</li>
                <li {% if user_row[1] == "tars" %} class="choice" {% endif %}>TARS und CASE (Interstellar)</li>
	</ul>
</div>
<div>
	<h2>Welcher HTTP-Status trifft am häufigsten auf dich zu?</h2>
	<ul>
		<li {% if user_row[2] == "200" %} class="choice" {% endif %}>200&nbsp;&ndash; OK</li>
                <li {% if user_row[2] == "300" %} class="choice" {% endif %}>300&nbsp;&ndash; Multiple Choices</li>
                <li {% if user_row[2] == "301" %} class="choice" {% endif %}>301&nbsp;&ndash;  Moved Permanently</li>
                <li {% if user_row[2] == "402" %} class="choice" {% endif %}>402&nbsp;&ndash; Payment Required</li>
                <li {% if user_row[2] == "404" %} class="choice" {% endif %}>404&nbsp;&ndash; (Sleep) Not Found</li>
		<li {% if user_row[2] == "408" %} class="choice" {% endif %}>408&nbsp;&ndash; Request Timeout</li>
		<li {% if user_row[2] == "418" %} class="choice" {% endif %}>418&nbsp;&ndash; I'm a Teapot</li>
		<li {% if user_row[2] == "450" %} class="choice" {% endif %}>450&nbsp;&ndash; Blocked by Windows Parental Controls</li>
		<li {% if user_row[2] == "451" %} class="choice" {% endif %}>451&nbsp;&ndash; Unavailable for Legal Reasons</li>
		<li {% if user_row[2] == "502" %} class="choice" {% endif %}>502&nbsp;&ndash; Bad Gateway (Internetkurort)</li>
	</ul>
</div>
<div>
	<h2>Lieblingsgemüse</h2>
	<ul>
		<li {% if user_row[3] == "karotte" %} class="choice" {% endif %}>🥕 Karotte</li>
		<li {% if user_row[3] == "broccoli" %} class="choice" {% endif %}>🥦 Brokkoli</li>
		<li {% if user_row[3] == "aubergine" %} class="choice" {% endif %}>🍆 Aubergine</li>
		<li {% if user_row[3] == "kartoffel" %} class="choice" {% endif %}>🥔 Kartoffel</li>
		<li {% if user_row[3] == "bretzel" %} class="choice" {% endif %}>🥨 Bretzel</li>
		<li {% if user_row[3] == "tomate" %} class="choice" {% endif %}>🍅 Tomate</li>
		<li {% if user_row[3] == "chili" %} class="choice" {% endif %}>🌶️ Chili</li>
	</ul>
</div>
<div>
	<h2>Spirit Animal</h2>
	<ul>
		<li {% if user_row[4] == "feuer" %} class="choice" {% endif %}>Feuerfuchs</li>
	        <li {% if user_row[4] == "wasser" %} class="choice" {% endif %}>Wasserhahn</li>
		<li {% if user_row[4] == "erde" %} class="choice" {% endif %}>Erdferkel</li>
		<li {% if user_row[4] == "luft" %} class="choice" {% endif %}>Luftschlange</li>
	</ul>
</div>
<div>
	<h2>Bevorzugtes Betriebssystem</h2>
	<ul>
		<li {% if user_row[5] == "windows" %} class="choice" {% endif %}>Windows</li>
		<li {% if user_row[5] == "mac" %} class="choice" {% endif %}>Mac</li>
		<li {% if user_row[5] == "linux" %} class="choice" {% endif %}>Linux</li>
		<li {% if user_row[5] == "glados" %} class="choice" {% endif %}>GLaDOS</li>
		<li {% if user_row[5] == "kaffee" %} class="choice" {% endif %}>Kaffee</li>
	</ul>
</div>
<div>
	<h2>Bitte nicht ankreuzen!</h2>
	<ul>
		<li {% if user_row[6] == "y" %} class="choice" {% endif %}>Angekreuzt{% if user_row[6] == "y" %}. Wie rebellisch von dir! :) {% endif %}</li>
		<li {% if user_row[6] == "n" %} class="choice" {% endif %}>Nicht angekreuzt{% if user_row[6] == "n" %}. Vorbildlich ;){% endif %}</li>
	</ul>
</div>
{% endblock %}