{% extends "base.html" %}
            {% block content %}
                <h2>Fooboar says Hi</h2>

                <form action="/action_page.php">
                <p>Fiktionaler Computer</p>
                    <select name="computer">
                        <option value="hal9000">HAL 9000 (2001: Odyssee im Weltraum)</option>
                        <option value="deepthought">Deep Thought (Per Anhalter durch die Galaxis)</option>
                        <option value="neuromancer">Neuromancer (Neuromancer)</option>
                        <option value="samantha">Samantha (Her)</option>
                        <option value="tars">TARS und CASE (Interstellar)</option>
                    </select>
                <p>Welcher HTTP-Statuscode triff am häufigsten auf dich zu?</p>
                    <select name="status">
                        <option value="200">200 -- OK</option>
                        <option value="300">300 -- Multiple Choices</option>
                        <option value="301">301 -- Moved Permanently</option>
                        <option value="402">402 -- Payment Required</option>
                        <option value="404">404 -- (Sleep) Not Found</option>
                        <option value="413">413 -- Payload Too Large</option>
                        <option value="418">418 -- I'm a Teapot</option>
                        <option value="425">425 -- Too Early</option>
                        <option value="450">450 -- Blocked by Windows Parental Controls</option>
                        <option value="451">451 -- Unavailable for Legal Reasons</option>
                        <option value="502">502 -- Bad Gateway (Internetkurort)</option>
                    </select>

                    <p>Lieblingsgemüse</p>
                    <select name="status">
                        <option value="karotte">🥕</option>
                        <option value="broccoli">🥦</option>
                        <option value="aubergine">🍆</option>
                        <option value="kartoffel">🥔</option>
                        <option value="bretzel">🥨</option>
                        <option value="tomate">🍅</option>
                        <option value="chili">🌶️</option>
                    </select>

                    <p>Mein Spirit Animal ist:</p>
                    <select name="spirit">
                        <option value="feuerfuchs">Feuerfuchs</option>
                        <option value="wassserhahn">Wasserhahn</option>
                        <option value="erdferkel">Erdferkel</option>
                        <option value="luftschlange">Luftschlange</option>
                    </select>

                    <p>Bevorzugtes Betriebssystem</p>
                    <select name="os">
                        <option value="windows">Windows</option>
                        <option value="mac">Mac</option>
                        <option value="linux">Linux</option>
                        <option value="glados">GLaDOS</option>
                        <option value="coffee">Kaffee</option>
                    </select>
                    <p><input type="checkbox"> Bitte nicht ankreuzen!</p/>
		    <p>E-Mailadresse (optional)</p>
		    Diese verwenden wir nur dazu, dir eine Mail mit deiner Auswertung und einer Id zu schicken, mit der du später deine Antworten noch einmal einsehen kannst.
		    Diese Angabe ist freiwillig, zur Auswertung und zur Id kommst du auch automatisch, wenn du auf "Antworten abschicken" drückst.
		    <br>
                    <input type="email">
                    <br><br>
                    <input type="submit" value="Antworten abschicken">
                </form>
            {% endblock %}