{% extends "/shared/_layout.html" %}

{% block content %}

        <div class="content">
            <h1><span class="font-semi-bold">Gambling Foo</span> <span class="smaller">A RESTful gaming service</span></h1>
            <p class="lead">
                Play a nice game of cards?<br>
                <br>
                <strong>Control view</strong>
                <br>
                |
                {% for card in deck %}
                <strong>>{{loop.index}}: {{card}} </strong> |
                {% endfor %}

                <br>
                    <strong>Trump Card: {{trump_card}}</strong><br>
                    <strong>Trump Color: {{trump_color}}</strong><br>
                <br>
                {% if trick_finished %}
                Winner: {{trick_winner}} with Card {{highest_card}}
                <a href="/control/next_trick/">start next trick</a>
                {% endif %}
                {% if hand_finished %}
                Winner: {{trick_winner}} with Card {{highest_card}}
                <a href="/control/next_hand/">start next hand</a>
                {% endif %}
                <br>
                <a href="/control/undo_last/">undo last card</a>
<!--
            <ul>
                <li>
                    <strong>Deal cards</strong><br>
                    <a href="/control/deal/1">deal 1</a>
                    <a href="/control/deal/2">deal 2</a>
                    <a href="/control/deal/5">deal 5</a>
                    <a href="/control/deal/10">deal 10</a>
                    <a href="/control/deal/12">deal 12</a>
                    <a href="/control/deal/14">deal 14</a>
                    <a href="/control/deal/20">deal 20</a>
                </li>
            </ul>
-->
            </p>

            <p class="disclaimer">
                Spam Bacon Sausage + Spam
                Spam Spam Spam Spam Spam
                  Spam Baked Beans Spam
                  Spam Spam + Spam

            </p>
        </div>


{% endblock %}