{{ block title }}Cartel Formation Vote{{ endblock }}
{{ block content }}

    <p>
        You will now vote whether you want to join a cartel or not.
        A cartel is formed only if all three firms in the market vote to join.
        You can click the 'Information' button below to remind yourself what it means to join a cartel.
    </p>

    <p>
        Do you wish to join a cartel?
    </p>
    {{ formfield "join_cartel" }}

    <!-- Display the history of the vote if this is not the first round -->

    {{ next_button }}

    <!-- Make a button to toggle the information on forming a cartel -->
    <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.INFORMATION_TEMPLATE %}
    </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>

        <script>
            setTimeout(function() {
                alert("Please submit your vote now.");
            }, 45000);
        </script>

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