{% extends "global/Page.html" %}
{% load otree %}

{% block title %}The following questions relate to green policies.{% endblock %}

{% block content %}



<style>
    .otree-body {
        max-width:800px
    }
</style>

{% formfields %}

<p>
    
<h4>How would green policies impact you?</h4>


<label class="col-form-label">
    In terms of the probability of losing your job?
</label>

<div class="input-group">
    <div class="input-group-prepend">
        <span class="input-group-text">lower</span>
    </div>

    <input type="range" name="job1" min="0" max="12" step="1">

    <div class="input-group-append">
        <span class="input-group-text">higher</span>
    </div>
</div>



<label class="col-form-label">
     In terms of income?
</label>

<div class="input-group">
    <div class="input-group-prepend">
        <span class="input-group-text">lower</span>
    </div>

    <input type="range" name="income" min="0" max="12" step="1">

    <div class="input-group-append">
        <span class="input-group-text">higher</span>
    </div>
</div>


<label class="col-form-label">
     In terms of price change of goods you buy?
</label>

<div class="input-group">
    <div class="input-group-prepend">
        <span class="input-group-text">lower</span>
    </div>

    <input type="range" name="price" min="0" max="12" step="1">

    <div class="input-group-append">
        <span class="input-group-text">higher</span>
    </div>
</div>



<label class="col-form-label">
     In terms of change in comfortability of your life?
</label>

<div class="input-group">
    <div class="input-group-prepend">
        <span class="input-group-text">lower</span>
    </div>

    <input type="range" name="comfort" min="0" max="12" step="1">

    <div class="input-group-append">
        <span class="input-group-text">higher</span>
    </div>
</div>

<p>

<h4>How would green policies impact the economy?</h4>

    
    
<label class="col-form-label">
     In terms of impact on employment? 
</label>

<div class="input-group">
    <div class="input-group-prepend">
        <span class="input-group-text">lower</span>
    </div>

    <input type="range" name="jobs" min="0" max="12" step="1">

    <div class="input-group-append">
        <span class="input-group-text">higher</span>
    </div>
</div>



<label class="col-form-label">
     In terms of government spending on welfare?
</label>

<div class="input-group">
    <div class="input-group-prepend">
        <span class="input-group-text">lower</span>
    </div>

    <input type="range" name="welfare" min="0" max="12" step="1">

    <div class="input-group-append">
        <span class="input-group-text">higher</span>
    </div>
</div>

<p>

{% next_button %}

{% endblock %}