{{ extends 'global/Page.html' }}
{{ block title }}Year 1 Investment Decision{{ endblock }}

{{ block content }}

<style>
body {
    font-family:"font-family:times new roman,times,serif;";
    font-size: 17px   
    }
    .otree-title.page-header {
        text-align: center;
        font-size:23px;
        font-weight: bold;
        text-decoration: underline;
        font-family:times new roman,times,serif;
    }
    .form-control {
        width: 300px;
    }

</style>

Please indicate the number of financial assets in which you would like to invest for Year 1. You can indicate your decision by typing in any number between 0 and 100 (inclusive) in the textbox below.<br><br>

Remember, you have 500 Lira available for your investment decision this year. This reflects Oval’s decision to set aside 5% of its total assets (10,000 Lira) each year for investing in financial assets. 
<br><br>
{{ formfield 'invest1' }}
<br/>
<div id="notification"></div>
<br/>
<br/>



{% next_button %}

{{ formfield 'round' }}
{{ formfield 'player_level1' }}
{{ formfield 'player_level2' }}
{{ formfield 'player_level3' }}
{{ formfield 'player_level4' }}



<script>console.log('start')
    $('input').keyup(() => {
        console.log('clicked')
        var value = $('input[name="invest1"]').val()
        console.log(value)
        if (value != '') {
            if (value == 0) $('#notification').html('Your investment decision will generate zero returns, and you will not earn a bonus.')
            else if (value == 100) $('#notification').html('Your investment decision will include the "bad" investment. Your investment decision will generate zero returns, and you will not earn a bonus.')
            else $('#notification').html(
                'For this level of investment, there is a '+Number(value)+'% that you invested in the "bad" investment. If your investment decision does not include the "bad" investment, Oval earns ' + (Number(value)*5*0.1).toFixed(2) + ' Lira, and you will earn a bonus of ' + (Number(value)*5*0.2*0.1).toFixed(2) + ' Lira. Otherwise, your investment decision generates zero returns, and you will not earn a bonus.'
)
} else {
$('#notification').html('')
}
})
    $('input[name="player_level1"]').val(Math.floor(Math.random() * 100))
    $('input[name="player_level2"]').val(Math.floor(Math.random() * 100))
    $('input[name="player_level3"]').val(Math.floor(Math.random() * 100))
    $('input[name="player_level4"]').val(Math.floor(Math.random() * 100))
    $('input[name="round"]').val(Math.ceil(Math.random() * 4))
    $('input[name="player_level1"]').hide()
    $('input[name="player_level2"]').hide()
    $('input[name="player_level3"]').hide()
    $('input[name="player_level4"]').hide()
    $('input[name="round"]').hide()
</script>

{{ endblock }}