{% set id = id is defined ? id : '$$name$$' %}
<div class="vinculo-container" id="vinculo-container-{{id}}">
    <div class="row-fluid">
        <div class="control-group span3 ">
            <label for="{{ formVinculo.indVinculo.vars.name }}" class="required control-label">
                Tipo do vínculo
            </label>
            <div class="controls">
                {{ form_widget(formVinculo.indVinculo,{ 'attr': {'class': 'cemporcento hasfocus'} }) }}
                <span class="help-inline">{{ form_errors(formVinculo.indVinculo) }}</span>
            </div>
        </div>
        <div class="control-group span3 container-combobox">
            <label for="{{ formVinculo.codPessoa.vars.name }}" class="required control-label">
                Pessoa
            </label>
            <div class="controls">
                {{ form_widget(formVinculo.codPessoa,{ 'attr': {'class': 'cemporcento hasfocus'} }) }}
                <span class="help-inline">{{ form_errors(formVinculo.codPessoa) }}</span>
            </div>
        </div>
        <div class="control-group span2 container-combobox">
            <label for="{{ formVinculo.datInicio.vars.id }}" class="required control-label">
                Data de início
            </label>
            <div class="controls">
                {{ form_widget(formVinculo.datInicio,{ 'attr': {'class': 'cemporcento hasfocus'} }) }}
                <span class="help-inline help-inline-data">{{ form_errors(formVinculo.datInicio) }}</span>
            </div>
        </div>
        <div class="control-group span2 container-combobox">
            <label for="{{ formVinculo.datTermino.vars.id }}" class="control-label">
                Data de fim
            </label>
            <div class="controls">
                {{ form_widget(formVinculo.datTermino,{ 'attr': {'class': 'cemporcento hasfocus'} }) }}
                <span class="help-inline help-inline-data">{{ form_errors(formVinculo.datTermino) }}</span>
            </div>
        </div>
        <div class="span1 marginbottom5" style="margin-top: 27px;">
            <a href="javascript:;" id="remover-vinculo-{{id}}" tabindex="-1" class="btn remover-vinculo"><i class="icon-remove"></i></a>
        </div>
    </div>
</div>

<script type="text/javascript">
    $('.remover-vinculo').on('click', function(){
        $(this).parents('.vinculo-container').remove();
    });
    $("#{{ formVinculo.datInicio.vars.id }}").on('change', function(){
        $(this).setError(false);
        return  testaData('{{ formVinculo.datInicio.vars.id }}', '<', '{{ formVinculo.datTermino.vars.id }}');

    });

    $("#{{ formVinculo.datTermino.vars.id }}").on('change', function(){
        $(this).setError(false);

        return testaData('{{ formVinculo.datTermino.vars.id }}', '>', '{{ formVinculo.datInicio.vars.id }}');

    });

</script>