{{ load static }}
{{ block content }}
<!--External CSS & js-->
<link rel="stylesheet" href="{{ static 'style_sheets/general.css' }}" type="text/css">
<link rel="stylesheet" href="{{ static 'style_sheets/tables.css' }}" type="text/css">
<script src="{{ static 'java_scripts/general.js' }}"></script>
<script src="{{ static 'java_scripts/stage_2/sldr.js' }}"></script>
<script src="{{ static 'java_scripts/stage_2/investor.js' }}"></script>

<!-- Title -->
{{ block title }}
<div class="Title_decision">
    <h3 style="float: left"><u>Role:</u> Investor</h3>
    <h3 style="float: right">Stage 2: Decision 1</h3>
</div>
{{ endblock }}

<!-- Payoff Tables -->
{{ include '_static/tables/payoff_tables/stage_2/investor_advisor.html' }}

<!-- Slider & Info. -->
{{ include '_static/tables/decision_tables/stage_2/investor.html' }}

<!-- Next Button with confirmation pop-up & Instructions Button-->
<div class="button">
    <button onclick="DecisionForminvestor(event)" class="Instructions">Continue</button>
    <button id="pop-up" class="Instructions" style="float: left; background-color: red">Instructions</button>
</div>

<!-- Instructions -->
{{ include '_static/instructions/instr_bttn/stage_2_1.html' }}

<!-- Pop-up -->
{{ include '_static/popups/decision.html' }}

{{ endblock }}