{% extends "global/Base.html" %}
{% load otree_tags %}
{% block title %}Investment Decision {{round}} of 2{% endblock title %}

{% block content %}
	
	{{ depends|linebreaks }}
	
    <p>
	  Next, you will see a return simulation of 100 possible returns for assets 1 and 2. This simulation will give you an impression of the joint asset returns. The returns are drawn at random from the joint return distribution of the two assets. Take as much time as you need to view this return simulation. 
	</p>
	<p>
	  <b>Information for portfolio selection:</b> Simulations 1 to 50 (out of 100) inform you about the return distributions, so that you can make an optimal decision for your portfolio after return simulation 50. At this point, the goal is to split your wealth of <span style="white-space: nowrap;">£10 000 </span> completely between the two assets. During these first 50 return simulations, you can already enter your investments into Assets 1 and 2, but you can still adjust them. Then, after viewing return simulation 50, you will make your final investment decision. 
	</p>
	<p>  
	  <b>Learning about the selected portfolio:</b> Simulations 51 to 100 (out of 100) provide you with the opportunity to learn about the return distributions after you have made an investment decision, so that you can develop an understanding of your selected portfolio. 
	</p>
	<p>  
	  If this investment round is drawn as the round for your payment, the payment will be based on your investment decision after simulation 50 and another return simulation for the two assets. 
	</p>
	<p>  
	  Please enter a starting value for your investment into asset 2. The remainder of your <span style="white-space: nowrap;">£10 000 </span> will be invested into asset 1. You can adjust your investment decision up to return simulation 50.
    </p>
	
    <div id = "InvestmentAsset1" style="position: relative;">
    Investment into Asset 1: <br><br>
    </div>
    <p>
        {% for field in form %}
        {% formfield field %}
        {% endfor %}
    </p>
    <p>
    {% next_button %}
    </p>
{% endblock %}
{% block scripts %}

    <script>
        $(':input').bind('input',function(){
            var weightTemp = parseFloat(String($(':input[name=InvestmentAsset20]').val()));
            document.getElementById('InvestmentAsset1').innerHTML= "Investment into Asset 1: <br>".concat((10000 - weightTemp).toString(10), " £");

	        if (weightTemp > 10000 || weightTemp < 0){
                window.alert("Please select a number between 0 and 10000!");
            }
        });


    </script>
{% endblock %}