<form method="post" enctype="multipart/form-data">
    {statement::display()}
    <table class="table">
        <thead>
            <tr>
                <td colspan="2">Dodaj kryterium</td>
            </tr>
        </thead>
    
        <tr>
            <td style="width:35%">Nazwa</td>
            <td><input type="text" class="form-control" name="nazwa" value="{$data['nazwa']}" /></td>
        </tr>
        <tr>
            <td style="width:35%">Obraz</td>
            <td><input type="file" name="image" />
            <div>
                <small class="fs10">Zalecane proporcje grafiki to 1:1, a rozmiar nie mniejszy niż 250x250 (może być dowolnie większy jeśli zachowuje proporcje)</small>
            </div>
            </td>
        </tr>
        <tr>
            <td>Temat</td>
            <td><select name="temat_id" class="form-control">
                <option value="">- wybierz -</option>
                {foreach from=$Tematy->Items item=Temat}
                <option value="{$Temat->id}"{if $Temat->id==$data['temat_id']} selected="selected"{/if}>{$Temat->nazwa}</option>
                {/foreach}
            </select></td>
        </tr>
        <tr>
            <td>Typ</td>
            <td><select name="typ_id" class="form-control">
                <option value="">- wybierz -</option>
                {foreach from=$Typy->Items item=Typ}
                <option value="{$Typ->id}">{$Typ->nazwa}</option>
                {/foreach}
            </select></td>
        </tr>
        <script type="text/javascript">
        $(document).on('change','[name=typ_id]',function(){

            switch( $(this).val() )
            {
                case '2':
                    $('#kryterium_type2').show();
                    $('#kryterium_type3').hide();
                break;
                
                case '3':
                    $('#kryterium_type3').show();
                    $('#kryterium_type2').hide();
                break;
                
                case '1':
                default:
                    $('#kryterium_type2, #kryterium_type3').hide();
                break;
            }
            
        });
        </script>
        <tr id="kryterium_type3" class="none">
            <td>Obrazy</td>
            <td><select name="Images" class="form-control">
                <option value="">- wybierz grupę -</option>
                {foreach from=$Images->Items item=Typ}
                <option value="{$Typ->nazwa}">{$Typ->nazwa}</option>
                {/foreach}
            </select></td>
        </tr> 
        <tr id="kryterium_type2" class="none">
            <td>Zmienne lingwistyczne</td>
            <td><select name="Lingwistyczne" class="form-control">
                <option value="">- wybierz grupę -</option>
                {foreach from=$Lingwistyczne->Items item=Typ}
                <option value="{$Typ->nazwa}">{$Typ->nazwa}</option>
                {/foreach}
            </select></td>
        </tr> 
        <tr>
            <td colspan="2" class="tac">
                <input class="btn btn-primary" type="submit" value="Zapisz" />
            </td>
        </tr>
    
    </table>
</form>