{% set id = id is defined ? id : '$$name$$' %}

<div class="mapaBordoCaptura-container" id="mapaBordoCaptura-container-{{id}}" style="border-bottom: 1px dotted #B3B3B3; margin-bottom: 5px; padding-bottom: 5px;">
    <div class="row-fluid">
        <div class="span4">
              <label for="{{ formMapaBordoCaptura.codCategoriaPescado.get('id') }}" class="control-label {% if formMapaBordoCaptura.codCategoriaPescado.get('required') is defined and formMapaBordoCaptura.codCategoriaPescado.get('required') %}required{% endif %}">{{ 'entidade.registro.mapasBordoCaptura.codCategoriaPescado'|trans }}</label>
              {{ form_widget(formMapaBordoCaptura.codCategoriaPescado,{ 'attr': {'class': 'cemporcento hasfocus'} }) }}
              <span class="help-inline"></span>
        </div>
        <div class="span3">
            <label for="{{ formMapaBordoCaptura.numQuantidadeKg.get('id') }}" class="control-label {% if formMapaBordoCaptura.numQuantidadeKg.get('required') is defined and formMapaBordoCaptura.numQuantidadeKg.get('required') %}required{% endif %}">{{ 'entidade.registro.mapasBordoCaptura.numQuantidadeKg'|trans }}</label>
            {{ form_widget(formMapaBordoCaptura.numQuantidadeKg,{ 'attr': { 'class': 'cemporcento '} }) }}
            <span class="help-inline">{{ form_errors(formMapaBordoCaptura.numQuantidadeKg) }}</span>
        </div>
        <div class="span3">
            <label for="{{ formMapaBordoCaptura.numQtdUnidade.get('id') }}"  class="control-label {% if formMapaBordoCaptura.numQtdUnidade.get('required') %}required{% endif %}">{{ 'entidade.registro.mapasBordoCaptura.numQtdUnidade'|trans }}</label>
              {{ form_widget(formMapaBordoCaptura.numQtdUnidade,{ 'attr': { 'class': 'cemporcento insertaction ', 'maxlength':'8'} }) }}
              <span class="help-inline"></span>

            <script>
                $(document).ready(function(){
                    $("#{{ formMapaBordoCaptura.numQtdUnidade.get('id') }}").mask('00000000');
                });
            </script>

        </div>
        {#<div class="span2">#}
              {#{{ form_widget(formMapaBordoCaptura.codUnidade,{ 'attr': {'class': 'cemporcento '} }) }}#}
              {#<span class="help-inline"></span>#}
        {#</div>#}
        {#<div class="span1">#}
              {#{{ form_widget(formMapaBordoCaptura.numValor,{ 'attr': {'class': 'insertaction cemporcento '} }) }}#}
              {#<span class="help-inline"></span>#}
        {#</div>#}
        <div class="span1">
            <label class="control-label" style="visibility: hidden;">Excluir</label>
            <a href="javascript:;" id="remover-mapaBordoCaptura-{{id}}" tabindex="-1" class="btn"><i class="icon-remove"></i></a>
        </div>
            
    </div>
        
    <div id="container_alert_categoria_{{id}}" class="row-fluid" style="display: none;">
        <div class="span2">
            <span id="alert_categoria_{{id}}" class="help-inline"></span>
        </div>
    </div>    
</div>
<script>
    
    $(document).ready(function(){
        $("#{{ formMapaBordoCaptura.indVinculo.vars.id }}").change(function(){

            $('#aparelhoPesca'+$(this).attr('data-id')).find('.requiredCombobox').removeClass('requiredCombobox').addClass('notRequiredCombobox second');
            
            switch($(this).val()){
                case '3':
                    if($(this).is(':visible')){
                        $('#aparelhoPesca'+$(this).attr('data-id')).stop(true, true).removeClass('hidden').fadeIn('fast');
                        $('#aparelhoPesca'+$(this).attr('data-id')).find('.notRequiredCombobox').removeClass('notRequiredCombobox').addClass('requiredCombobox');
                    }else{
                        $('#aparelhoPesca'+$(this).attr('data-id')).find('.requiredCombobox').removeClass('requiredCombobox').addClass('notRequiredCombobox');
                    }
                    break;
                default:
                    $('#aparelhoPesca'+$(this).attr('data-id')).stop(true, true).fadeOut('fast', function(){
                       $(this).addClass('hidden'); 
                    });
                    break;
            }
        });
        
        {#{{formMapaBordoCaptura.codCategoriaPescado.get('id')}}.setOnChangeFunction(updateUnidadeList{{id}});#}

        {#function updateUnidadeList{{id}}(combo){#}
            {#var obj = combo.getSelectedObject();#}
               {#{{formMapaBordoCaptura.codUnidade.get('id')}}.setSelectedByValue('');#}
               {#if(obj != undefined){#}
                   {#{{formMapaBordoCaptura.codUnidade.get('id')}}.setUrl('{{path('unidade_json')}}?codCategoriaPescado='+obj.id+'&controle=true'); #}
                   {#{{formMapaBordoCaptura.codUnidade.get('id')}}.setLoading(true);#}
                   {#{{formMapaBordoCaptura.codUnidade.get('id')}}.updateList('{{formMapaBordoCaptura.codUnidade.get('value')}}', function(){#}
                       {#{{formMapaBordoCaptura.codUnidade.get('id')}}.setLoading(false,true, true);#}
                      {##}
                       {#if (eval('{{formMapaBordoCaptura.codUnidade.get('id')}}').childrenList.length == 1) {#}
                           {#try {#}
                               {#eval('{{formMapaBordoCaptura.codUnidade.get('id')}}').updateList(eval('{{formMapaBordoCaptura.codUnidade.get('id')}}').childrenList, eval('{{formMapaBordoCaptura.codUnidade.get('id')}}').childrenList[0].id);#}
                           {#} catch (error) {}#}
                       {#}#}
                   {#}); #}
                   {#{{formMapaBordoCaptura.codUnidade.get('id')}}.setCaption('{{'combobox.unidade'|trans}}');#}
               {#}else{#}
                   {#{{formMapaBordoCaptura.codUnidade.get('id')}}.setCaption('{{'combobox.especiecategoriapescado'|trans}}');#}
                   {#{{formMapaBordoCaptura.codUnidade.get('id')}}.updateList([]);#}
               {#}#}
            {##}
            {#if (obj != undefined) {#}
                {#$.ajax({#}
                    {#type: 'post',#}
                    {#data: { codCategoria: obj.id},#}
                    {#url: '{{ path('registro_verificar_alerta_categoria_pescado')}}',#}
                    {#dataType: 'json',#}
                    {#beforeSend: function(){#}
                        {#combo.setLoading(true, true);#}
                    {#},#}
                    {#success: function(result){#}
                        {#combo.setLoading(false, true);#}
                        {##}
                        {#$('#container_alert_categoria_{{id}}').hide();#}
                        {#$('#alert_categoria_{{id}}').empty();#}
                        {#if (result[0].geraAlerta == true) {#}
                            {#var html = '<div class="alert alert-warning">' + result[0].alerta + '.</div>';#}
                            {#$('#alert_categoria_{{id}}').append(html);#}
                            {#$('#container_alert_categoria_{{id}}').show();#}
                        {#}#}
                    {#},#}
                    {#error: function(){#}
                        {#combo.setLoading(false, true);#}
                    {#}#}
                {#});#}
            {#}#}
        {#}#}
        
        {#{% if isEdit %}#}
            {#$("#{{ formMapaBordoCaptura.indVinculo.vars.id }}").trigger('change');#}
        {#{% endif%}#}
            
        {#updateUnidadeList{{id}}({{formMapaBordoCaptura.codCategoriaPescado.get('id')}});#}
        
            
        {#$('form').submit(function(){#}
            {#$("#{{ formMapaBordoCaptura.indVinculo.vars.id }}").trigger('change');#}
        {#});#}
        
    });

</script>