<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>
<div class="DynamicForms">
        <div class="col-md-8 col-md-offset-2">
            <div class="DecsisionFrame">
                <form action="javascript:;">
                    <input type="hidden" name="mode" value="proces" />
                    <input type="hidden" name="function" value="newkryterium" />
                    <input type="hidden" name="method" value="save" />
                    <input type="hidden" name="temat_id" value="{$temat_id}" />
                    <input type="hidden" name="proces_id" value="{$ProcesId}" />
                    <div class="AlternativeGroup">
                        <div class="AlternativeQuestion">
                            <div class="form-group">
                                <label>Nazwa</label>
                                <input type="text" name="nazwa" class="form-control" />
                            </div>
                            <div class="form-group">
                                <label>Typ</label>
                                <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>
                            </div>
                            <div id="kryterium_type3" class="form-group none">
                                <label>Obrazy</form-group>
                                <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>
                            </div> 
                            <div id="kryterium_type2" class="form-group none">
                                <label>Zmienne lingwistyczne</label>
                                <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>
                            </div> 
                            <div class="form-group">
                                <label>Hasło terapeuty</label>
                                <input type="password" name="password" class="form-control" />
                            </div>
                            <div class="p10 tac">
                                <a href="javascript:;" class="btn btn-primary DynamicFormSubmit">Zapisz</a>
                            </div>
                            <div class="p10 tac">
                                <small>* - Dodanie nowego kryterium spowoduje usunięcie wprowadzonych danych</small>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
</div>