{{ block title }}Link{{ endblock }}
{{ block content }}

<script>
    function NewTab() {
        window.open(js_vars.url, "_blank");
    }
</script>

<p>
    If you are interested in finding out more about how exactly CO2 compensation works, how much CO2 is produced by you or would like to contribute more to CO2 compensation, click the following button! It will lead you to the website of <b>myclimate</b>, the CO2 compensation scheme used during this experiment. 
</p>
<button type="button" onclick="NewTab()", onclick="buttonClicked()">Link to myclimate</button>

<input type="hidden" name="num_clicks" id="num_clicks" />

<script>
    let numClicks = 0;
    function buttonClicked() {
        numClicks++;
        // this stores it in the database through the formfield
        document.getElementById('num_clicks').value = numClicks;
        // this just displays it back to the user
        document.getElementById('num_clicks_feedback').innerText = numClicks;
    }
</script>

<p>
    If you are not interested, you can just close this tab. 
</p>
<p>
    {{ next_button }}
</p>

{{ endblock }}