{{ block title }}Results{{ endblock }}
{{ block content }}

    <p>In this group you are firm {{ group_id }}. The results of the vote on forming a cartel are shown in the following table.</p>

    <!-- Display the results of the vote -->
    <table class="table table-bordered">
        <tr>
            <th>Firm</th>
            <th>Vote</th>
        </tr>
        {% for player in group.get_players %}
            <tr>
                <td>{{ player.id_in_group }}</td>
                {% if player.voted_cartel %}
                    <td>Yes</td>
                {% else %}
                    <td>No</td>
                {% endif %}
            </tr>
        {% endfor %}
    </table>

    <!-- If cartel unanimously voted, display: "You have formed a cartel", otherwise: "No cartel was formed" -->
    {% if group.cartel_formed %}
        <p>
            You have formed a cartel.
        </p>

        <p>
            Every round, there is a 15% chance that your cartel is discovered and fined by the competition authority. 
            If discovered, your fine is based on your {{ session.config.mode }} from that round:
        </p>
        
        <p style = "
            text-align: center; 
            padding: 10px;
            border: 1px solid black;
            margin: 0 250px;
            ">
            {% if session.config.mode == 'profit' %}
                <em> Fine = {{ C.PROFIT_RATE }} * Profit this round </em>
            {% elif session.config.mode == 'revenue' %}
                <em> Fine = {{ C.REVENUE_RATE }} * Revenue this round </em>
            {% elif session.config.mode == 'overcharge' %}
                <em> Fine = {{ C.OVERCHARGE_RATE }} * Overcharge this round </em>
            {% endif %}
        </p>
        
    {% else %}
        <p>
            No cartel was formed.
            You cannot be fined by the competition authority,
            and you will not be able to communicate with your competitors before choosing your quantity.
        </p>
    {% endif %}

    <!-- Make a button to toggle the information recap for cartel members -->
    {% if group.cartel_formed %}
        <button type="button" class="btn btn-primary btn-lg small-btn" id="info-toggle" style="margin-top: 20px";>Information</button>

        <div id="info-container" style="margin-top: 20px;">
            {% include C.CARTEL_INFO %}
        </div>

        {% block scripts %}
            <script>
            $(function() {
            // Hide the info template by default
            $('#info-container').hide();

            // Toggle the info template when the button is clicked
            $('#info-toggle').click(function() {
            $('#info-container').toggle();
            });
            });
            </script>

            <!-- Adjust the size of the info button -->
            <style>
            .small-btn {
            width: 120px;
            height: 40px;
            font-size: 16px;
            }
            </style>
        {% endblock %}
    {% else %}
    {% endif %}

    <div style="margin-top: 20px;"></div>
    {{ next_button }}
      
{{ endblock }}