{{ block title }}Results{{ endblock }}
{{ block content }}
    <div class="card bg-light m-3">
    <div class="card-body">
<p>
    Round {{ subsession.round_number }} out of 5: <br>
<br>
    You invested <b>{{ player.invest_amount }}%</b> of your research points in the asset.<br>
<br>
    {{ if player.pos }}
    The asset increased by <b>{{ player.asset_change }}%</b>.<br>
    {{ else }}
    The asset decreased by <b> {{player.asset_change }}%</b>.<br>
    {{ endif }}
<br>
    Therefore, your return for this round is <b>{{ player.invest_return }} points.</b><br>
<br>
    Your cumulative return across all rounds is <b> {{ player.c_return }} points.</b><br>
<br>
    You now have <b>{{ player.new_endow }} research points.</b>


</p>
    </div>
    </div>

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
<br>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div2"></div>

{{ if subsession.round_number == 1 }}
<script>
    google.charts.load('current', {packages: ['corechart', 'line']});
    google.charts.setOnLoadCallback(drawBasic);
    function drawBasic() {

        var data = new google.visualization.DataTable();
        data.addColumn('number', 'Round');
        data.addColumn('number', 'Price');
        data.addRows([
            [0, 100],
            [1, {{ player.r1 }}]
        ]);

        var options = {
            hAxis: { title: 'Round', minValue:0, maxValue:5},
            vAxis: { title: 'Price'},
            'title' : 'Asset Price'
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));

        chart.draw(data, options)

    }
</script>
{{ endif }}

{{ if subsession.round_number == 2 }}
<script>
    google.charts.load('current', {packages: ['corechart', 'line']});
    google.charts.setOnLoadCallback(drawBasic);
    function drawBasic() {

        var data = new google.visualization.DataTable();
        data.addColumn('number', 'Round');
        data.addColumn('number', 'Price');
        data.addRows([
            [0, 100],
            [1, {{ player.r1 }}],
            [2, {{ player.r2 }}]
        ]);

        var options = {
            hAxis: { title: 'Round', minValue:0, maxValue:5, multiples: 1},
            vAxis: { title: 'Price'},
            'title' : 'Asset Price'
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));

        chart.draw(data, options)

    }
</script>
{{ endif }}

{{ if subsession.round_number == 3 }}
<script>
    google.charts.load('current', {packages: ['corechart', 'line']});
    google.charts.setOnLoadCallback(drawBasic);
    function drawBasic() {

        var data = new google.visualization.DataTable();
        data.addColumn('number', 'Round');
        data.addColumn('number', 'Price');
        data.addRows([
            [0, 100],
            [1, {{ player.r1 }}],
            [2, {{ player.r2 }}],
            [3, {{ player.r3 }}]
        ]);

        var options = {
            hAxis: { title: 'Round', minValue:0, maxValue:5, multiples: 1},
            vAxis: { title: 'Price'},
            'title' : 'Asset Price'
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));

        chart.draw(data, options)

    }
</script>
{{ endif }}

{{ if subsession.round_number == 4 }}
<script>
    google.charts.load('current', {packages: ['corechart', 'line']});
    google.charts.setOnLoadCallback(drawBasic);
    function drawBasic() {

        var data = new google.visualization.DataTable();
        data.addColumn('number', 'Round');
        data.addColumn('number', 'Price');
        data.addRows([
            [0, 100],
            [1, {{ player.r1 }}],
            [2, {{ player.r2 }}],
            [3, {{ player.r3 }}],
            [4, {{ player.r4 }}]
        ]);

        var options = {
            hAxis: { title: 'Round', minValue:0, maxValue:5, multiples: 1},
            vAxis: { title: 'Price'},
            'title' : 'Asset Price'
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));

        chart.draw(data, options)

    }
</script>
{{ endif }}

{{ if subsession.round_number == 5 }}
<script>
    google.charts.load('current', {packages: ['corechart', 'line']});
    google.charts.setOnLoadCallback(drawBasic);
    function drawBasic() {

        var data = new google.visualization.DataTable();
        data.addColumn('number', 'Round');
        data.addColumn('number', 'Price');
        data.addRows([
            [0, 100],
            [1, {{ player.r1 }}],
            [2, {{ player.r2 }}],
            [3, {{ player.r3 }}],
            [4, {{ player.r4 }}],
            [5, {{ player.r5 }}]
        ]);

        var options = {
            hAxis: { title: 'Round', minValue:0, maxValue:5, multiples: 1},
            vAxis: { title: 'Price'},
            'title' : 'Asset Price'
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));

        chart.draw(data, options)

    }
</script>
{{ endif }}


{{ if subsession.round_number == 1 }}
<script>
    google.charts.load('current', {packages: ['corechart', 'line']});
    google.charts.setOnLoadCallback(drawBasic);
    function drawBasic() {

        var data = new google.visualization.DataTable();
        data.addColumn('number', 'Round');
        data.addColumn('number', 'Points');
        data.addRows([
            [0, 500],
            [1, {{ player.e1 }}]
        ]);

        var options = {
            hAxis: { title: 'Round', minValue:0, maxValue:5},
            vAxis: { title: 'Research Points'},
            'title' : 'Total Research Points'
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div2'));

        chart.draw(data, options)

    }
</script>
{{ endif }}

{{ if subsession.round_number == 2 }}
<script>
    google.charts.load('current', {packages: ['corechart', 'line']});
    google.charts.setOnLoadCallback(drawBasic);
    function drawBasic() {

        var data = new google.visualization.DataTable();
        data.addColumn('number', 'Round');
        data.addColumn('number', 'Points');
        data.addRows([
            [0, 500],
            [1, {{ player.e1 }}],
            [2, {{ player.e2 }}]
        ]);

        var options = {
            hAxis: { title: 'Round', minValue:0, maxValue:5, multiples: 1},
            vAxis: { title: 'Research Points'},
            'title' : 'Total Research Points'
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div2'));

        chart.draw(data, options)

    }
</script>
{{ endif }}

{{ if subsession.round_number == 3 }}
<script>
    google.charts.load('current', {packages: ['corechart', 'line']});
    google.charts.setOnLoadCallback(drawBasic);
    function drawBasic() {

        var data = new google.visualization.DataTable();
        data.addColumn('number', 'Round');
        data.addColumn('number', 'Points');
        data.addRows([
            [0, 500],
            [1, {{ player.e1 }}],
            [2, {{ player.e2 }}],
            [3, {{ player.e3 }}]
        ]);

        var options = {
            hAxis: { title: 'Round', minValue:0, maxValue:5, multiples: 1},
            vAxis: { title: 'Research Points'},
            'title' : 'Total Research Points'
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div2'));

        chart.draw(data, options)

    }
</script>
{{ endif }}

{{ if subsession.round_number == 4 }}
<script>
    google.charts.load('current', {packages: ['corechart', 'line']});
    google.charts.setOnLoadCallback(drawBasic);
    function drawBasic() {

        var data = new google.visualization.DataTable();
        data.addColumn('number', 'Round');
        data.addColumn('number', 'Points');
        data.addRows([
            [0, 500],
            [1, {{ player.e1 }}],
            [2, {{ player.e2 }}],
            [3, {{ player.e3 }}],
            [4, {{ player.e4 }}]
        ]);

        var options = {
            hAxis: { title: 'Round', minValue:0, maxValue:5, multiples: 1},
            vAxis: { title: 'Research Points'},
            'title' : 'Total Research Points'
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div2'));

        chart.draw(data, options)

    }
</script>
{{ endif }}

{{ if subsession.round_number == 5 }}
<script>
    google.charts.load('current', {packages: ['corechart', 'line']});
    google.charts.setOnLoadCallback(drawBasic);
    function drawBasic() {

        var data = new google.visualization.DataTable();
        data.addColumn('number', 'Round');
        data.addColumn('number', 'Points');
        data.addRows([
            [0, 500],
            [1, {{ player.e1 }}],
            [2, {{ player.e2 }}],
            [3, {{ player.e3 }}],
            [4, {{ player.e4 }}],
            [5, {{ player.e5 }}]
        ]);

        var options = {
            hAxis: { title: 'Round', minValue:0, maxValue:5, multiples: 1},
            vAxis: { title: 'Research Points'},
            'title' : 'Total Research Points'
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div2'));

        chart.draw(data, options)

    }
</script>
{{ endif }}

    <p>{{ next_button }}</p>

{{ endblock }}