{statement::display()}
<div class="Content">
    <div class="ContentLabel tal">
        {l('Gra')}
    </div>  
    <div class="ContentWrapper">
    {if $KryteriaLista}
        <div class="fs24 p10 tac">
            Co jest dla Ciebie ważniejsze?
        </div>
        <form method="post" action="{core::$i->url}/index.php">
        <input type="hidden" name="mode" value="user" />
        <input type="hidden" name="function" value="game_result" />
        <input type="hidden" name="temat_id" value="{$temat_id}" />
        <input type="hidden" name="proces_id" value="{$proces_id}" />
        {if $ShowDetails}
        <input type="hidden" name="details" value="1" />
        {/if}
         <div class="GameHandler">
            {foreach from=$Pairs item=$Pair key=key name=pary}
            <div class="ChooseElement{if !$smarty.foreach.pary.first} none{/if}">
                <div>
                    <div class="col-xs-6">
                        <div class="ElementPair">
                            <div class="p5 tac fs14 bold">
                                {$KryteriaLista[$Pair['A']]}
                            </div>
                            <div class="ElementA">
                                <div class="tac">
                                    {if $KryteriaGrafika[$Pair['A']]}
                                    <img src="{$KryteriaGrafika[$Pair['A']]}" style="width: 100%;" alt="{$KryteriaLista[$Pair['A']]}" /> {else}
                                    <div class="wmax" style="padding: 60px 0px">{$KryteriaLista[$Pair['A']]}</div>
                                    {/if}
                                </div>
                                <input type="hidden" name="kryterium[{$Pair['A']}][]" value="0" />
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="ElementPair">
                            <div class="p5 tac fs14 bold">
                                {$KryteriaLista[$Pair['B']]}
                            </div>
                            <div class="ElementB">
                                <div class="tac">
                                    {if $KryteriaGrafika[$Pair['B']]}
                                    <img src="{$KryteriaGrafika[$Pair['B']]}" style="width: 100%;" alt="{$KryteriaLista[$Pair['B']]}" /> {else}
                                    <div class="wmax" style="padding: 60px 0px">{$KryteriaLista[$Pair['B']]}</div>
                                    {/if}
                                </div>
                               <input type="hidden" name="kryterium[{$Pair['B']}][]" value="0" />        
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="RangeHandler">
                    <div class="col-md-6 col-md-offset-3 col-xs-12">

                        <div>

                            <input class="selectionrang" type="range" min="0" value="2" max="4" step="1" />

                        </div>

                    </div>
                    <div class="clear"></div>
                    <div class="p10 tac">
                        <br />
                        {if $smarty.foreach.pary.last}
                        <input type="submit" class="btn btn-primary" value="Następny etap gry" />
                        {else}
                        <a href="javascript:;" class="btn btn-primary NextGameElement">Dalej</a>
                        {/if}
                    </div>
                </div> 
            </div>
            {/foreach}
         </div> 
        </form>
        {else}
        <div class="p20">
            <div class="col-md-10 col-md-offset-1 col-xs-12">    
                <div class="p10 tac bold fs22">
                    Wybierz zestaw kryteriów
                </div>
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <td class="tac">ID</td>
                            <td class="tal">Nazwa</td>
                            <td class="tal">Temat</td>

                            <td></td>
                        </tr>
                    </thead>
                    {foreach from=$Procesy->Items item=Proces}
                    <tr>
                        <td{if !$Proces->user} style="background: #F7FFF0 !important"{/if} class="tac">{$Proces->id}</td>
                        <td{if !$Proces->user} style="background: #F7FFF0 !important"{/if}>{$Proces->nazwa}</td>
                        <td{if !$Proces->user} style="background: #F7FFF0 !important"{/if}>{$Proces->tnazwa}</td>

                        <td{if !$Proces->user} style="background: #F7FFF0 !important"{/if} class="tar">
                            <a href="{core::$i->url}/index.php?mode=user&function=game&id={$Proces->id}" class="btn btn-primary"><i class="fa fa-cube"></i> Graj</a>

                        </td>
                    </tr>
                    {/foreach}
                </table>
            </div>
            <div class="clear"></div>
        </div>
        {/if}
    </div>
</div>
