{% set id = id is defined? id : '$$name$$' %}
<div class="aparelhoPesca-container">
    <div class="row-fluid">
        <div class="span11 marginbottom5">{{ form_widget(formAparelhoPesca.codAparelhoPesca,{ 'attr': {'class': 'cemporcento insertaction hasfocus'} }) }}</div>
        <div class="span1 marginbottom5">
            <a href="javascript:;" id="remover-aparelhoPesca-{{id}}" tabindex="-1" class="btn">
                <i class="icon-remove"></i>
            </a>
        </div>
    </div>
</div>

<script>
    $(document).ready(function () {
        {{ formAparelhoPesca.codAparelhoPesca.get('id') }}.setOnChangeFunction(function (option) {            
            
            if (option.getSelectedObject() !== undefined) {
                var idAparelho = option.getSelectedObject().id;
                if (option.getLastSelectedObject() !== undefined) {
                    idAnterior = option.getLastSelectedObject().id;
                    index = arrayAparelhosPesca.indexOf(idAnterior);
                    if (index > -1) {
                        arrayAparelhosPesca.splice(index, 1);
                    }
                }

                if (idAparelho && $.inArray(idAparelho, arrayAparelhosPesca) <= -1) {
                    arrayAparelhosPesca.push(idAparelho);
                } else {
                    option.setSelectedByValue('', false);
                    $("#" + option.idContainer).setError("Opção já selecionada.");
                }
            } else {
                if (option.getLastSelectedObject() !== undefined) {
                    idAnterior = option.getLastSelectedObject().id;
                    index = arrayAparelhosPesca.indexOf(idAnterior);
                    if (index > -1) {
                        arrayAparelhosPesca.splice(index, 1);
                    }
                }
            }
        });
    });
</script>