{% extends "global/Base.html" %}
{% load staticfiles otree_tags %}

{% block styles %}
<!--DONT FORGET TO DELETE LATER BELOW-->
<link href="{% static 'stag_hunt/flipclock/flipclock.css' %}" rel="stylesheet">
<link href="{% static 'stag_hunt/filkin_pie/filkin_pie.css' %}"rel="stylesheet">
<style>
    span.flip-clock-label{
        /*display: none;*/
    }
</style>
<!--DONT FORGET TO DELETE LATER ABOVE-->
{%endblock%}
{% block scripts %}
<!--DONT FORGET TO DELETE LATER BELOW-->
    <script src="{% static 'stag_hunt/filkin_pie/filkin_pie.js' %}"></script>

{%endblock%}

{% block title %}

Task 1
{% endblock %}

{% block content %}



<p>Imagine that you are having troubles with your teeth.</p>
<p>Your dentist recommends a {{tr_text.0}} treatment.</p>
<p>Unfortunately, your insurance will only cover 10% of this cost.</p>
<p>You now need to decide the following:</p>

<ol>
    <li>
        Pay the full amount in cash. Would this require spending your savings? How would you go about it?
    </li>
    <li>
        Take out a loan, which you can pay back in monthly instalments.
        A typical such loan may require monthly payments of roughly {{tr_text.1}} a month for 12 months,
        which would amount to about {{tr_text.2}} total.
    </li>
    <li>
        Take a chance, forego the treatment, and hope that troubles with your teeth will disappear.
        Of course, this leaves open the possibility of conditions worsening, or even greater expenses in the long run.
    </li>

</ol>
<br>
<ul>
    <li>How would you go about making this decision?</li>
    <li>Would it be an easy or a difficult decision for you to make?</li>
</ul>


</div>
<p>Please take your time considering these questions. You will be moved on to the next slide automatically.
We will ask you at a later point to provide short answers to these questions.</p>


<div class="row">

    <div class="timer fill"></div>

    <div id="time_left" style="display: none;">{{time_left}}</div>


</div>

   <div class="instructions well well-lg" style="padding-top:3px; padding-bottom:5px; margin-top:20px;">


<form action=""></form>


{% endblock %}