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

                <form action="/action_page.php">
                    <p>Fiktionaler Computer<br>
                        <select name="computer">
                            <option value="" disabled selected>Bitte auswählen</option>
                            <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>

                    <p>Welcher HTTP-Statuscode triff am häufigsten auf dich zu?<br>
                        <select name="status">
                            <option value="" disabled selected>Bitte auswählen</option>
                            <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="408">408 -- Request Timeout</option>
                            <option value="418">418 -- I'm a Teapot</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>

                    <p>Lieblingsgemüse<br>
                         <select name="status">
                             <option value="" disabled selected>Bitte auswählen</option>
                             <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>

                    <p>Mein Spirit Animal ist:<br>
                        <select name="spirit">
                             <option value="" disabled selected>Bitte auswählen</option>
                             <option value="feuerfuchs">Feuerfuchs</option>
                             <option value="wassserhahn">Wasserhahn</option>
                             <option value="erdferkel">Erdferkel</option>
                             <option value="luftschlange">Luftschlange</option>
                        </select>
                    </p>

                    <p>Bevorzugtes Betriebssystem<br>
                        <select name="os">
                            <option value="" disabled selected>Bitte auswählen</option>
                            <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>

                    <p>Bitte hier ankreuzen!<br>
                        <input type="checkbox">Nein!
                    </p>

                    <p>E-Mailadresse (optional)<br>
                    Wenn du uns deine E-Mailadresse angibst, senden wir dir einen Link, unter dem du deine Antworten später 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">
                    </p>
                    
                    <br>
                    <input type="submit" value="Antworten abschicken">
                </form>
            {% endblock %}