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

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

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