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

{% block title %}
    Survey
{% endblock %}

{% block content %}

 <p>
The following question is about an investment made abroad using a foreign currency. It is important to note that the value of your investment should be assessed in your local currency (such as US Dollars) and is therefore subject to fluctuations in the exchange rate.
     For example, suppose you invest in a country that uses Euros; in that case, the value of your investment, measured in US Dollars, increases when the Euro gains value against the US Dollar (that is, when the US Dollar loses value against the Euro).
 </p>

    <p>
        Consider the following hypothetical situation: You reside in the USA and utilize the US Dollar as your currency. You have invested $100,000 to purchase a house in Spain without having to pay any fees for the necessary currency conversion to Euros.
    </p>



{% if treat == 0 %}
 <p>
        Now, let's suppose that after one year, the price of the house has risen by 20 percent. Then, after the following year, the price has risen by another 10 percent. Assuming that during these two years, the exchange rate has remained unchanged, what is the new value of your investment in US Dollars?
 </p>

{% endif %}


{% if treat == 1 %}
 <p>
        Now, let's suppose that after one year, the price of the house has risen by 20 percent. Then, in the following year, the price remains unchanged. Assuming that during these two years, the Euro has become worth 10 percent more against the US Dollar, what is the new value of your investment in US Dollars?
 </p>



{% endif %}


{% if treat == 2 %}
 <p>
       Now, let's suppose that after one year, the price of the house has risen by 20 percent. Then, in the following year, the price remains unchanged. Assuming that during these two years, the US Dollar has become worth 10 percent less against the Euro, what is the new value of your investment in US Dollars?
     </p>
{% endif %}

<p><i>Please write your answer below with numbers only (without using '$', ',', or '.'). For example, if you think the correct answer is $100,000 please write: 100000. </i></p>

    {% formfields %}

    {% next_button %}

{% endblock %}


{% block scripts %}



 <script>



/// here is the function that creates the counter:
        function countdown( elementName, minutes, seconds )
{
    var element, endTime, hours, mins, msLeft, time;

    function twoDigits( n )
    {
        return (n <= 9 ? "0" + n : n);
    }

    function updateTimer()
    {
        msLeft = endTime - (+new Date);
        if ( msLeft < 1000 ) {
           /// element.innerHTML = "Time is up!";
           ///alert("Time is up! Please submit your forecasts now.");
            element[0].style.display = 'block';
            console.log(element[0])
            ///$( function() {
            ///$( "#dialog" ).dialog();
            ///} );


        } else {
            time = new Date( msLeft );
            hours = time.getUTCHours();
            mins = time.getUTCMinutes();
          ///  element.innerHTML = (hours ? hours + ':' + twoDigits( mins ) : mins) + ':' + twoDigits( time.getUTCSeconds() );
            setTimeout( updateTimer, time.getUTCMilliseconds() + 500 );
        }
    }

    element = document.getElementsByClassName("otree-timer");
    console.log(element[0])
    endTime = (+new Date) + 1000 * (60*minutes + seconds) + 500;
    element[0].style.display = 'none';
    updateTimer();
}

countdown( "countdown", 3, 0 );



</script>


<script type="text/javascript">
<!--
    function arrondi(a)
    {
    Math.round(a);
    }

    function change(el)
    {
     if (el.value === "Table")
        el.value = "Graph";
     else
        el.value = "Table";
    }

    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
//-->
</script>

{% endblock %}