{% block title %}Bid{% endblock %}
{% block content %}

    <p>
        The value of the item for you is {{ player.private_value }}.
    </p>

    {% if player.id_in_group == 1 %}
        <p>Oh wow, you have received inside information about the value of the item for the others you are bidding against.</p>
        <p>If you want to use it, click (show)</p>

        <!-- Wrap the table in a div with an ID -->
        <div id="playerTable" style="display: none;">
            <table class="table">
                <thead>
                    <tr>
                        <th>Player</th>
                        <th>Private Valuation</th>
                    </tr>
                </thead>
                <tbody>
                    {% for other_player in group.get_players %}
                        <tr>
                            <td>{{ other_player.get_custom_identifier }}</td>
                            <td>{{ other_player.private_value }}</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>

        <!-- Add a button to toggle the table's visibility -->
        <button id="toggleTable">Show Table</button>
    {% endif %}

    <p>
        Please make your bid now. The amount can be between {{ C.BID_MIN }} and {{ C.BID_MAX }}, inclusive.
    </p>

    {{ formfields }}

    {{ next_button }}

    <!-- Include jQuery library -->
    <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>

    <!-- JavaScript to toggle table visibility -->
    <script>
        $(document).ready(function () {
            $("#toggleTable").click(function () {
                $("#playerTable").toggle();
            });
        });
    </script>

{% endblock %}