{include:header.tpl}

{if:friend.id}
URL for the friend: {:host}{:prefix}/{:friend.id}
{endif}

{:me.name}, score: {:score}, turn: {:turn}

{:word}

<small>({:wordSource})</small>

{if:win}

Answers are equal. You win!

{endif}

{if:lose}

Answers are different. You lose...

{endif}

{if:waiting}

    
waiting for the friend

{else}{if:selected}

    <form action="{:prefix}/{:me.id}/ready" id="ready" method="POST"></form>

    <input autocomplete="off" name="word" placeholder="here you may suggest your word for the next turn" size="40" type="text" value="">

    <input name="submit" type="submit" value="next turn">

{endif}{endif}

my selection: {:me.selection}, friend's selection: {:friend.selection}

{loop:cards::card}

<form action="{:prefix}/{:me.id}/select/{:card.index}" class="card{if:card.my} myCard{endif}{if:card.friends} friendsCard{endif}" id="fi{:card.index}" method="POST"></form>

{if:me.selected}{else}<input class="bottom" type="submit" value="select">{endif}

{endloop}

back to start page

<script></script>

    function processCard(e) {

        e.style.cursor = "pointer";

        e.onclick = function() { document.getElementById("f" + e.id).submit(); }

    }

    var l = document.getElementsByClassName("top");

    for(var i = 0; i < l.length; i++)

        if (l[i].tagName == "IMG") processCard(l[i]);

{include:footer.tpl}