{% extends "global/party_opinion.html" %}
{% load otree static %}


<!--@overriding: PAGETITLE-->
{% block title %}
<div class="logo">
    <img src="https://www.uni-konstanz.de/typo3temp/secure_downloads/68316/0/0143c03b80bd1fa99843c8f8686f806305928078/UniKonstanz_Logo_Minimum_sRGB.png" width="300px" />
  </div>
<br>
<br>
<br>
<div class="border">
  <b></b>
</div>
{% endblock %}
<!---->

<<!--@overriding: CONTENT-->
{% block content %}

<!-- TimeStamp -->
{{ form.time_party_opinion.errors }}
<input id="time" type="hidden" name="time_party_opinion"/>

{{ form.skal_CDU.errors }}
{{ form.skal_CSU.errors }}
{{ form.skal_SPD.errors }}
{{ form.skal_FDP.errors }}
{{ form.skal_AFD.errors }}
{{ form.skal_GRUENE.errors }}
{{ form.skal_LINKE.errors }}

<!-- opinion parties -->

<br>
<p>Nun möchten wir Ihnen eine Frage über politische Parteien stellen.</p>

<p><b>Was halten Sie ganz allgemein von den folgenden einzelnen Parteien?</b></p>

<p> Benutzen Sie dafür bitte die untenstehende Skala von -5 bis +5 mit einem Nullpunkt in der Mitte. +5 bedeutet, dass Sie sehr viel von der Partei halten; -5 bedeutet, dass Sie überhaupt nichts von der Partei halten.
Mit den Werten dazwischen können Sie Ihre Meinung abstufen.<p>
<br>

        <div class="parent">
        <div class="col-5"><p><br>Ich halte nichts von dieser Partei<br>-5</p></div>
        <div class="col-4"><p><br><br><br><br><br><br>-4</p></div>
        <div class="col-3"><p><br><br><br><br><br><br>-3</p></div>
        <div class="col-2"><p><br><br><br><br><br><br>-2</p></div>
        <div class="col-1"><p><br><br><br><br><br><br>-1</p></div>
        <div class="col0"><p><br><br><br><br><br><br>0</div>
        <div class="col1"><p><br><br><br><br><br><br>1</div>
        <div class="col2"><p><br><br><br><br><br><br>2</div>
        <div class="col3"><p><br><br><br><br><br><br>3</div>
        <div class="col4"><p><br><br><br><br><br><br>4</div>
        <div class="col5">Ich halte sehr viel von dieser Partei</br>5</div>
        <div class="colKA"><p><br><br><br><br>Weiß nicht <br><br></p></div>
        <div class="cdu top-border">CDU</div>
        <div class="cdu-5 top-border"><div class="input-div"><input type="radio" name="haltung_cdu" value="-5"></div></div>
        <div class="cdu-4 top-border"><div class="input-div"><input type="radio" name="haltung_cdu" value="-4"></div></div>
        <div class="cdu-3 top-border"><div class="input-div"><input type="radio" name="haltung_cdu" value="-3"></div></div>
        <div class="cdu-2 top-border"><div class="input-div"><input type="radio" name="haltung_cdu" value="-2"></div></div>
        <div class="cdu-1 top-border"><div class="input-div"><input type="radio" name="haltung_cdu" value="-1"></div></div>
        <div class="cdu0 top-border"><div class="input-div"><input type="radio" name="haltung_cdu" value="0"></div></div>
        <div class="cdu1 top-border"><div class="input-div"><input type="radio" name="haltung_cdu" value="1"></div></div>
        <div class="cdu2 top-border"><div class="input-div"><input type="radio" name="haltung_cdu" value="2"></div></div>
        <div class="cdu3 top-border"><div class="input-div"><input type="radio" name="haltung_cdu" value="3"></div></div>
        <div class="cdu4 top-border"><div class="input-div"><input type="radio" name="haltung_cdu" value="4"></div></div>
        <div class="cdu5 top-border"><div class="input-div"><input type="radio" name="haltung_cdu" value="5"></div></div>
        <div class="cduKA top-border"><div class="input-div"><input type="radio" name="haltung_cdu" value="-888"></div></div>
        <div class="csu top-border">CSU</div>
        <div class="csu-5 top-border"><div class="input-div"><input type="radio" name="haltung_csu" value="-5"></div></div>
        <div class="csu-4 top-border"><div class="input-div"><input type="radio" name="haltung_csu" value="-4"></div></div>
        <div class="csu-3 top-border"><div class="input-div"><input type="radio" name="haltung_csu" value="-3"></div></div>
        <div class="csu-2 top-border"><div class="input-div"><input type="radio" name="haltung_csu" value="-2"></div></div>
        <div class="csu-1 top-border"><div class="input-div"><input type="radio" name="haltung_csu" value="-1"></div></div>
        <div class="csu0 top-border"><div class="input-div"><input type="radio" name="haltung_csu" value="0"></div></div>
        <div class="csu1 top-border"><div class="input-div"><input type="radio" name="haltung_csu" value="1"></div></div>
        <div class="csu2 top-border"><div class="input-div"><input type="radio" name="haltung_csu" value="2"></div></div>
        <div class="csu3 top-border"><div class="input-div"><input type="radio" name="haltung_csu" value="3"></div></div>
        <div class="csu4 top-border"><div class="input-div"><input type="radio" name="haltung_csu" value="4"></div></div>
        <div class="csu5 top-border"><div class="input-div"><input type="radio" name="haltung_csu" value="5"></div></div>
        <div class="csuKA top-border"><div class="input-div"><input type="radio" name="haltung_csu" value="-888"></div></div>
        <div class="spd top-border">SPD</div>
        <div class="spd-5 top-border"><div class="input-div"><input type="radio" name="haltung_spd" value="-5"></div></div>
        <div class="spd-4 top-border"><div class="input-div"><input type="radio" name="haltung_spd" value="-4"></div></div>
        <div class="spd-3 top-border"><div class="input-div"><input type="radio" name="haltung_spd" value="-3"></div></div>
        <div class="spd-2 top-border"><div class="input-div"><input type="radio" name="haltung_spd" value="-2"></div></div>
        <div class="spd-1 top-border"><div class="input-div"><input type="radio" name="haltung_spd" value="-1"></div></div>
        <div class="spd0 top-border"><div class="input-div"><input type="radio" name="haltung_spd" value="0"></div></div>
        <div class="spd1 top-border"><div class="input-div"><input type="radio" name="haltung_spd" value="1"></div></div>
        <div class="spd2 top-border"><div class="input-div"><input type="radio" name="haltung_spd" value="2"></div></div>
        <div class="spd3 top-border"><div class="input-div"><input type="radio" name="haltung_spd" value="3"></div></div>
        <div class="spd4 top-border"><div class="input-div"><input type="radio" name="haltung_spd" value="4"></div></div>
        <div class="spd5 top-border"><div class="input-div"><input type="radio" name="haltung_spd" value="5"></div></div>
        <div class="spdKA top-border"><div class="input-div"><input type="radio" name="haltung_spd" value="-888"></div></div>
    <div class="gruene top-border">Grüne</div>
        <div class="gruene-5 top-border"><div class="input-div"><input type="radio" name="haltung_gruene" value="-5"></div></div>
        <div class="gruene-4 top-border"><div class="input-div"><input type="radio" name="haltung_gruene" value="-4"></div></div>
        <div class="gruene-3 top-border"><div class="input-div"><input type="radio" name="haltung_gruene" value="-3"></div></div>
        <div class="gruene-2 top-border"><div class="input-div"><input type="radio" name="haltung_gruene" value="-2"></div></div>
        <div class="gruene-1 top-border"><div class="input-div"><input type="radio" name="haltung_gruene" value="-1"></div></div>
        <div class="gruene0 top-border"><div class="input-div"><input type="radio" name="haltung_gruene" value="0"></div></div>
        <div class="gruene1 top-border"><div class="input-div"><input type="radio" name="haltung_gruene" value="1"></div></div>
        <div class="gruene2 top-border"><div class="input-div"><input type="radio" name="haltung_gruene" value="2"></div></div>
        <div class="gruene3 top-border"><div class="input-div"><input type="radio" name="haltung_gruene" value="3"></div></div>
        <div class="gruene4 top-border"><div class="input-div"><input type="radio" name="haltung_gruene" value="4"></div></div>
        <div class="gruene5 top-border"><div class="input-div"><input type="radio" name="haltung_gruene" value="5"></div></div>
        <div class="grueneKA top-border"><div class="input-div"><input type="radio" name="haltung_gruene" value="-888"></div></div>
    <div class="fdp top-border">FDP</div>
        <div class="fdp-5 top-border"><div class="input-div"><input type="radio" name="haltung_fdp" value="-5"></div></div>
        <div class="fdp-4 top-border"><div class="input-div"><input type="radio" name="haltung_fdp" value="-4"></div></div>
        <div class="fdp-3 top-border"><div class="input-div"><input type="radio" name="haltung_fdp" value="-3"></div></div>
        <div class="fdp-2 top-border"><div class="input-div"><input type="radio" name="haltung_fdp" value="-2"></div></div>
        <div class="fdp-1 top-border"><div class="input-div"><input type="radio" name="haltung_fdp" value="-1"></div></div>
        <div class="fdp0 top-border"><div class="input-div"><input type="radio" name="haltung_fdp" value="0"></div></div>
        <div class="fdp1 top-border"><div class="input-div"><input type="radio" name="haltung_fdp" value="1"></div></div>
        <div class="fdp2 top-border"><div class="input-div"><input type="radio" name="haltung_fdp" value="2"></div></div>
        <div class="fdp3 top-border"><div class="input-div"><input type="radio" name="haltung_fdp" value="3"></div></div>
        <div class="fdp4 top-border"><div class="input-div"><input type="radio" name="haltung_fdp" value="4"></div></div>
        <div class="fdp5 top-border"><div class="input-div"><input type="radio" name="haltung_fdp" value="5"></div></div>
        <div class="fdpKA top-border"><div class="input-div"><input type="radio" name="haltung_fdp" value="-888"></div></div>
    <div class="linke top-border">DIE LINKE</div>
        <div class="linke-5 top-border"><div class="input-div"><input type="radio" name="haltung_linke" value="-5"></div></div>
        <div class="linke-4 top-border"><div class="input-div"><input type="radio" name="haltung_linke" value="-4"></div></div>
        <div class="linke-3 top-border"><div class="input-div"><input type="radio" name="haltung_linke" value="-3"></div></div>
        <div class="linke-2 top-border"><div class="input-div"><input type="radio" name="haltung_linke" value="-2"></div></div>
        <div class="linke-1 top-border"><div class="input-div"><input type="radio" name="haltung_linke" value="-1"></div></div>
        <div class="linke0 top-border"><div class="input-div"><input type="radio" name="haltung_linke" value="0"></div></div>
        <div class="linke1 top-border"><div class="input-div"><input type="radio" name="haltung_linke" value="1"></div></div>
        <div class="linke2 top-border"><div class="input-div"><input type="radio" name="haltung_linke" value="2"></div></div>
        <div class="linke3 top-border"><div class="input-div"><input type="radio" name="haltung_linke" value="3"></div></div>
        <div class="linke4 top-border"><div class="input-div"><input type="radio" name="haltung_linke" value="4"></div></div>
        <div class="linke5 top-border"><div class="input-div"><input type="radio" name="haltung_linke" value="5"></div></div>
        <div class="linkeKA top-border"><div class="input-div"><input type="radio" name="haltung_linke" value="-888"></div></div>
    <div class="afd top-border bottom-border">AfD</div>
        <div class="afd-5 top-border bottom-border"><div class="input-div"><input type="radio" name="haltung_afd" value="-5"></div></div>
        <div class="afd-4 top-border bottom-border"><div class="input-div"><input type="radio" name="haltung_afd" value="-4"></div></div>
        <div class="afd-3 top-border bottom-border"><div class="input-div"><input type="radio" name="haltung_afd" value="-3"></div></div>
        <div class="afd-2 top-border bottom-border"><div class="input-div"><input type="radio" name="haltung_afd" value="-2"></div></div>
        <div class="afd-1 top-border bottom-border"><div class="input-div"><input type="radio" name="haltung_afd" value="-1"></div></div>
        <div class="afd0 top-border bottom-border"><div class="input-div"><input type="radio" name="haltung_afd" value="0"></div></div>
        <div class="afd1 top-border bottom-border"><div class="input-div"><input type="radio" name="haltung_afd" value="1"></div></div>
        <div class="afd2 top-border bottom-border"><div class="input-div"><input type="radio" name="haltung_afd" value="2"></div></div>
        <div class="afd3 top-border bottom-border"><div class="input-div"><input type="radio" name="haltung_afd" value="3"></div></div>
        <div class="afd4 top-border bottom-border"><div class="input-div"><input type="radio" name="haltung_afd" value="4"></div></div>
        <div class="afd5 top-border bottom-border"><div class="input-div"><input type="radio" name="haltung_afd" value="5"></div></div>
        <div class="afdKA top-border bottom-border"><div class="input-div"><input type="radio" name="haltung_afd" value="-888"></div></div>

    </div>

<br>
<br>

<button class="button nextbutton"> <b>WEITER</b></button>
{% endblock %}
<!---->