{% extends "propesqBundle::layout.html.twig" %}

{% block stylesheets %}
    <!-- TODO: verificar caminho do arquivo -->
    <link rel="stylesheet" href="{{ asset('bundles/propesq/css/edit.css') }}" type="text/css" media="all" />
    <link rel="stylesheet" href="{{ asset('bundles/propesq/js/upload/css/bootstrap-image-gallery.min.css') }}" type="text/css" media="all" />
    <link rel="stylesheet" href="{{ asset('bundles/propesq/js')}}/upload/css/jquery.fileupload-ui.css">
    
    <script src="{{ asset('bundles/propesq/js')}}/upload/vendor/jquery.ui.widget.js"></script>
    <script src="{{ asset('bundles/propesq/js')}}/upload/tmpl.min.js"></script>
    <script src="{{ asset('bundles/propesq/js')}}/upload/load-image.min.js"></script>
    <script src="{{ asset('bundles/propesq/js')}}/upload/canvas-to-blob.min.js"></script>
    <script src="{{ asset('bundles/propesq/js')}}/upload/bootstrap-image-gallery.min.js"></script>
    <script src="{{ asset('bundles/propesq/js')}}/upload/jquery.iframe-transport.js"></script>
    <script src="{{ asset('bundles/propesq/js')}}/upload/jquery.fileupload.js"></script>
    <script src="{{ asset('bundles/propesq/js')}}/upload/jquery.fileupload-fp.js"></script>
    <script src="{{ asset('bundles/propesq/js')}}/upload/jquery.fileupload-ui.js"></script>
    <script src="{{ asset('bundles/propesq/js')}}/upload/locale.js"></script>
    <style>

        #modelo_importacao_massa{
            margin-left: -25px;
            margin-bottom: 10px;
        }
    </style>
{% endblock %}

{% block content %}
<div id="form-container">
    <div class="title">
        <h2>
        {%if entity.id is defined and entity.id is not null%} 
                {{'cabecalho.alterar.amostra'|trans}}{%if tipo == 'biologica' %} de Biológica{%else%} de Comprimento {%endif%}
        {%else%}  
                {{'cabecalho.incluir.amostra'|trans}}{%if tipo == 'biologica' %} de Biológica{%else%} de Comprimento {%endif%}
        {%endif%}
        </h2>
    </div>    

{{ form_errors(form) }}
        


<form id="formTeste" action="{{ path('amostra_validar_colunas_csv') }}" method="post" enctype="multipart/form-data"></form>

<form id="formulario-amostra" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal" action="{%if entity.id is defined and entity.id is not null %} {{ path('amostra_update', { 'tipo' : tipo, 'id': entity.id }) }} {%else%} {{ path('amostra_create', { 'tipo' : tipo }) }} {%endif%}" method="post" {{ form_enctype(form) }}>
    <fieldset style="float: left; margin: 10px;">
        
        {{ form_widget(form._token) }}
        
        
        {% if not includeLayout %}
            <input type='hidden' name='noLayout' value='true'>
        {% endif %}
        
        <div class="row-fluid">
            <div class="control-group span3">
                {{ form_label(form.codFonteDado) }}
                <div class="controls">
                    {{ form_widget(form.codFonteDado,{ 'attr': {'class': 'focus cemporcento'} }) }}
                    <span class="help-inline">{{ form_errors(form.codFonteDado) }}</span>
                </div>
            </div>

            <div class="control-group span3">
                {{ form_label(form.codRespAmostra) }}
                <div class="controls">
                    {{ form_widget(form.codRespAmostra,{ 'attr': {'class': 'cemporcento'} }) }}
                </div>
            </div>
                
            <div class="control-group span3">
                {{ form_label(form.datAmostra) }}
                <div class="controls">
                    {{ form_widget(form.datAmostra,{ 'attr': {'class': 'cemporcento'} }) }}
                    <span class="help-inline">{{ form_errors(form.datAmostra) }}</span>
                </div>
            </div>    
                
            <div class="control-group span3">
                {{ form_label(form.isViagem) }}
                <div class="controls">
                    {{ form_widget(form.isViagem,{ 'attr': {'class': 'cemporcento'} }) }}
                    <span class="help-inline">{{ form_errors(form.isViagem) }}</span>
                </div>
            </div>    
        </div>
            
        <div id="containerViagem" class="row-fluid">
            
            <div class="control-group span3">
                {{ form_label(form.codUnidadeProdutiva) }}
                <div class="controls">
                    {{ form_widget(form.codUnidadeProdutiva,{ 'attr': {'class': 'cemporcento'} }) }}
                </div>
            </div>
            
            <div class="control-group span3">
                {{ form_label(form.data) }}
                <div class="controls">
                    {{ form_widget(form.data,{ 'attr': {'class': 'cemporcento'} }) }}
                    <span class="help-inline">{{ form_errors(form.data) }}</span>
                </div>
            </div>
            
            <div class="control-group span3">
                {{ form_label(form.codRegistro) }}
                <div class="controls">
                    {{ form_widget(form.codRegistro,{ 'attr': {'class': 'cemporcento'} }) }}
                    <span class="help-inline">{{ form_errors(form.codRegistro) }}</span>
                </div>
            </div>
            
            <div id="containerOperacao" class="control-group span3">
                {{ form_label(form.codMapaBordoOperacao) }}
                <div class="controls">
                    {{ form_widget(form.codMapaBordoOperacao,{ 'attr': {'class': 'cemporcento'} }) }}
                    <span class="help-inline">{{ form_errors(form.codMapaBordoOperacao) }}</span>
                </div>
            </div>
        </div>    
            
        <div class="row-fluid">    
            <div class="control-group span3">
                {{ form_label(form.codAparelhoPesca) }}
                <div class="controls">
                    {{ form_widget(form.codAparelhoPesca,{ 'attr': {'class': 'cemporcento'} }) }}
                    <span class="help-inline">{{ form_errors(form.codAparelhoPesca) }}</span>
                </div>
            </div>
        </div>    
      
        <div class="row-fluid">
            <div class="control-group span4">
                {{ form_label(form.observacao) }}
                <div class="controls">
                    {{ form_widget(form.observacao,{ 'attr': {'class': 'cemporcento', 'rows': 4} }) }}
                    <span class="help-inline">{{ form_errors(form.observacao) }}</span>
                </div>
            </div>

            {%if entity.id is null and tipo == 'comprimento' %}
                <div class="control-group span4">
                    {{ form_label(form.isDadosMassa) }}
                    <div class="controls">
                        {{ form_widget(form.isDadosMassa,{ 'attr': {'class': 'focus cemporcento'} }) }}
                        <span class="help-inline">{{ form_errors(form.isDadosMassa) }}</span>
                    </div>
                </div>
            </div>
        {%endif%}
    </fieldset>
    
    {%if entity.id is null%}    
    <fieldset id="dados_massa" style="float: left; margin: 10px;" hidden="true">
        <legend style="padding-top: 10px">Dados em Massa</legend>
        
        <div class="" style="margin-left: 41px;">
            <a  id="modelo_importacao_massa" class="btn btn-info"  href="{{ path('amostra_download', { 'nomeArquivo': 'modelo_importacao_massa.csv' }) }}" title="Download do modelo de arquivo para importação de dados em massa" >
                <i class="icon-file icon-white"></i> Download do modelo de arquivo para importação de dados em massa
            </a>

            <div class="row fileupload-buttonbar">
                <div class="span12" style="margin-left: 5px;">
                    <!-- The fileinput-button span is used to style the file input field as button -->
                    <span class="btn btn-success fileinput-button" id="span_bt_select">
                        <i class="icon-plus icon-white"></i>
                        <span>Selecionar arquivo</span>
                        <input id="bt_input_files" type="file" name="files[]" accept="csv">
                    </span>
                            <!-- The global progress information -->
                    <div class="span5 fileupload-progress fade">
                        <!-- The global progress bar -->
                        <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                            <div class="bar" style="width:0%;"></div>
                        </div>
                        <!-- The extended global progress information -->
                        <div class="progress-extended">&nbsp;</div>
                    </div>
                </div>
                <div class="span12" style="margin-left: 0px;padding-bottom: 5px;">
                    <div id="error-massa" class="help-inline hide">
                        <div class="alert alert-error">Selecione um arquivo ou adicione um novo indivíduo.</div>
                    </div>
                </div>
                <div class="span12" style="margin-left: 0px;padding-bottom: 5px;">
                    <div id="error-validar" class="help-inline hide">
                        <div class="alert alert-error">Necessário validar os dados do arquivo.</div>
                    </div>
                </div>
                        <!-- The loading indicator is shown during file processing -->
                <div class="fileupload-loading"></div>
                <br>
                <!-- The table listing the files available for upload/download -->
                <table role="presentation" id="table_file" class="table table-striped"><tbody class="files"></tbody></table>
            </div>
        </div>
        
        <div id="dadosmassa-field">
            {% include 'propesqBundle:Amostra:amostra_amostraIndividuoDadosMassa.html.twig' %}
        </div>
    </fieldset>    
    {%endif%}    
    <fieldset id="individuo" style="float: left; margin: 10px;">
        <legend style="padding-top: 10px">Indivíduo</legend>

        <div id="amostraIndividuo-fields-list" data-prototype="{% filter escape %}{% include 'propesqBundle:Amostra:amostra_amostraIndividuo.html.twig' with {'formAmostraIndividuo': form.amostraIndividuos.get('prototype')} %}{% endfilter %}">
        {% for amostraIndividuoField in form.amostraIndividuos %}
            {% include 'propesqBundle:Amostra:amostra_amostraIndividuo.html.twig' with {'formAmostraIndividuo': amostraIndividuoField, 'id' : loop.index0} %}
        {% endfor %}
        </div>

        <a href="#" id="add-another-amostraIndividuo" onclick="setForce()">Novo indivíduo</a>
        <span class="help-inline">{{ form_errors(form.amostraIndividuos) }}</span>

    </fieldset>
        
    <div class="div-actions">
        <a href="javascript:;" class="btn btn-primary" id="submit-form">{{'acao.salvar'|trans}}</a>
        <a class="" {% if not includeLayout %} onclick="$(this).parents('.modal').find('.close').click(); return false;" {% endif %} href="{{ path('amostra') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
    </div>
</form>
</div>

<script>
    var globalMaturacaoGonadaOptions = [];
    var amostraIndividuos = new Prototype.Class({
                        'count'       :{{ form.amostraIndividuos|length }},
                        'list'        : '#amostraIndividuo-fields-list',
                        'addButton'   : '#add-another-amostraIndividuo',
                        'removeButton': '#remover-amostraIndividuo',
                        'container'   : '.amostraIndividuo-container',
                        'isEdit'       : '{{entity.id}}',
                        'isAlwaysVisible': true,
                        'addOne': true
                     });

    var listaEspecie = new Array();
    var idFonteDado = 0;
    var forceAddListCombo = false;
    var isEditFirst = false;
    var chegouRegistro = false;
    var permitirCarregarDados = false;
    var csvFileIsValid = false;
    
    {%if entity.id is not null%}
        isEditFirst = true;
        idFonteDado = {{ entity.codFonteDado.id }};
    {%endif%}
    
    function setForce() {
        {%if entity.id is not null%}
            forceAddListCombo = true;
        {%endif%}
    }
    
    function updateEspeciesList(combo) {
        
        if (combo.getSelectedObject() != undefined) {

            
            idFonteDado = combo.getSelectedObject().id;
            $.ajax({
                type: 'post',
                data: { id : combo.getSelectedObject().id},
                url: '{{ path('amostra_lista_especie')}}',
                dataType: 'json',
                beforeSend: function(){
                    combo.setLoading(true, true);
                },
                success: function(result){
                    {%if entity.id is null%} 
                        limparIndividuos();
                        listaIndividuos = new Array();
                    {%endif%}
                    
                    listaEspecie = result;
                    combo.setLoading(false, true);
                    var count =  $('.amostraIndividuo-container').length;
                    
                    for (var i = 0; i < count; i++) {
                        var s = $('.amostraIndividuo-container').get(i).id.match(/[\d]+$/);
                        var elemento = eval('entidade_amostra_amostraIndividuos_' + s + '_codEspecie');
                        elemento.updateList(listaEspecie);
                    }
                    
                    {%if entity.id is null%}
                        habilitarBotaoCarregarDados();
                    {%endif%}
                },
                error: function(){
                    idFonteDado = 0;
                    combo.setLoading(false, true);
                }
            });

            {% if tipo == 'biologica' %}
            $.ajax({
                type: 'post',
                data: { id : combo.getSelectedObject().id},
                url: '{{ path('amostra_graus_maturacao_gonada')}}',
                dataType: 'json',
                beforeSend: function(){
                    combo.setLoading(true, true);
                },
                success: function(resultado){
                    $(".maturacaoGonada").empty();

                    globalMaturacaoGonadaOptions = [{id: '', text: 'Selecione uma opção'}];

                    $.each(resultado, function(key, value){
                        globalMaturacaoGonadaOptions.push({id:value, text: value});
                    });

                    $('.maturacaoGonada').select2({
                        language: "pt-BR",
                        data: globalMaturacaoGonadaOptions
                    });
                },
                error: function(){
                    idFonteDado = 0;
                    combo.setLoading(false, true);
                }
            });
            {% endif %}

        } else {
            {%if entity.id is null%}
                habilitarBotaoCarregarDados();
                limparIndividuos();
                listaIndividuos = new Array();
            {%endif%}
        
            listaEspecie = new Array();

            
            var count =  $('.amostraIndividuo-container').length;

            for (var i = 0; i < count; i++) {
                var s = $('.amostraIndividuo-container').get(i).id.match(/[\d]+$/);
                var elemento = eval('entidade_amostra_amostraIndividuos_' + s + '_codEspecie');
                elemento.updateList(listaEspecie);
            }
            

        }
    }
    
    function habilitarBotaoCarregarDados() {
        {%if entity.id is null%}
        $("#bt_carregar_dados_csv")[0].disabled = true;
        $("#bt_carregar_dados_csv")[0].title = "Para validar os dados é necessário selecionar e enviar ao servidor um arquivo CSV e selecionar uma fonte de dados." ;

            if ({{form.codFonteDado.get('id')}}.getSelectedObject() != undefined && $('#table_file tbody > tr').size() > 0 && csvFileIsValid == true) {
                $("#bt_carregar_dados_csv")[0].disabled = false;
                $("#bt_carregar_dados_csv")[0].title = "";
                $(".help-inline.bt_carregar_dados_csv").removeClass('alert').html("");
            }else if( $('#table_file tbody > tr').size() > 0 && csvFileIsValid == true){
                $(".help-inline.bt_carregar_dados_csv").addClass('alert').html("Para validar os dados é necessário selecionar e enviar ao servidor um arquivo CSV e selecionar uma fonte de dados.");
            }
        {%endif%}        
    }
    
    
    

    
    function updateViagemList(component) {
        {{form.codRegistro.get('id')}}.updateList(new Array());
        {{form.codMapaBordoOperacao.get('id')}}.updateList(new Array());
        {{form.codAparelhoPesca.get('id')}}.updateList(new Array());
        
        {{form.codAparelhoPesca.get('id')}}.setSelectedByValue('');
        {{form.codAparelhoPesca.get('id')}}.setDisabled(false); 
         
        if ($('#value_{{form.codUnidadeProdutiva.get('id')}}').val() != "" && 
            $('#value_{{form.codUnidadeProdutiva.get('id')}}').val() != undefined && 
            $("#{{form.data.vars.id}}").val() != '') {
        
            $.ajax({
                type: 'post',
                data: { codUnidadeProdutiva : $('#value_{{form.codUnidadeProdutiva.get('id')}}').val(), data : $("#{{form.data.vars.id}}").val()},
                url: '{{ path('amostra_lista_viagem')}}',
                dataType: 'json',
                beforeSend: function(){
                    {{form.codRegistro.get('id')}}.setLoading(true, true);
                },
                success: function(result){
                    {{form.codRegistro.get('id')}}.setLoading(false, true);
                    {{form.codRegistro.get('id')}}.updateList(result);
                    if(result.length < 1) {
                        $('#entidade_amostra_codRegistro').attr('style','outline: 0;-moz-user-select: none; pointer-events:none;');
                        $('#containerOperacao').attr('style','pointer-events:none;');
                        $('#entidade_amostra_codRegistro div span:first-of-type').html('Não há registro de viagens');
                    }
                    if(result.length >= 1) {
                        $('#entidade_amostra_codRegistro').attr('style','outline: 0;-moz-user-select: none; pointer-events:auto;');
                        $('#containerOperacao').attr('style','pointer-events:auto;');
                        $('#entidade_amostra_codRegistro .goog-menu-filter').attr('style','user-select: none;display: none;');
                    }
                    if (isEditFirst == true) {
                        chegouRegistro = true;
                        {{form.codRegistro.get('id')}}.setSelectedByValue({{entity.codRegistro.id}});
                    }
                },
                error: function(){
                    {{form.codRegistro.get('id')}}.setLoading(false, true);
                }
            });
        } else {
            {{form.codRegistro.get('id')}}.updateList(new Array());
        }
    }
    
    function verificarMapaBordo(combo) {
        
        if (isEditFirst && !chegouRegistro) {
            return;
        }
        
        {{form.codMapaBordoOperacao.get('id')}}.updateList(new Array());
        {{form.codAparelhoPesca.get('id')}}.updateList(new Array());
        {{form.codAparelhoPesca.get('id')}}.setSelectedByValue('');
        {{form.codAparelhoPesca.get('id')}}.setDisabled(false);           
         
        if (combo.getSelectedObject() != null) {
            var registro = combo.getSelectedObject();
            
            if (registro.indTipo == "mapabordo") {
                $('#containerOperacao').show();
                $.ajax({
                    type: 'post',
                    data: { codRegistro: registro.id},
                    url: '{{ path('amostra_lista_operacoes')}}',
                    dataType: 'json',
                    beforeSend: function(){
                        combo.setLoading(true, true);
                    },
                    success: function(result){
                        combo.setLoading(false, true);
                        {{form.codMapaBordoOperacao.get('id')}}.updateList(result);
                        if (isEditFirst) {
                            {{form.codMapaBordoOperacao.get('id')}}.setSelectedByValue({{entity.codMapaBordoOperacao.id}});
                            isEditFirst = false;
                        }
                    },
                    error: function(){
                        combo.setLoading(false, true);
                    }
                });
            } else {
                $('#containerOperacao').hide();
                
                $.ajax({
                    type: 'post',
                    data: { codRegistro: registro.id},
                    url: '{{ path('amostra_lista_aparelhospesca')}}',
                    dataType: 'json',
                    beforeSend: function(){
                        combo.setLoading(true, true);
                    },
                    success: function(result){
                        combo.setLoading(false, true);
                        {{form.codAparelhoPesca.get('id')}}.updateList(result);
                        $(document).trigger("maturacao_gonada_event");

                        if (isEditFirst) {
                            {{form.codAparelhoPesca.get('id')}}.setSelectedByValue({{entity.codAparelhoPesca.id}});  
                            isEditFirst = false;
                        }
                    },
                    error: function(){
                        combo.setLoading(false, true);
                    }
                });
            }
        }
    }
    
    function updateAparelhoPesca(combo) {
        
        if (combo.getSelectedObject() != null) {
            var registro = {{form.codRegistro.get('id')}}.getSelectedObject();
            
            $.ajax({
                type: 'post',
                data: { codRegistro: registro.id, codOperacao: combo.getSelectedObject().id},
                url: '{{ path('amostra_lista_aparelhospesca')}}',
                dataType: 'json',
                beforeSend: function(){
                    combo.setLoading(true, true);
                },
                success: function(result){
                    var id = 0;
                    combo.setLoading(false, true);
                    {{form.codAparelhoPesca.get('id')}}.updateList(result);
                    
                    try {
                        id = combo.getSelectedObject().codAparelhoPesca;
                    } catch(err) {
                        try {
                            id = combo.getSelectedObject().id;
                        } catch(err2){}   
                    }
                            
                    {{form.codAparelhoPesca.get('id')}}.setSelectedByValue(id);
                    {{form.codAparelhoPesca.get('id')}}.setDisabled(true);
                },
                error: function(){
                    combo.setLoading(false, true);
                }
            });
            
        } else {
            {{form.codAparelhoPesca.get('id')}}.setSelectedByValue('');
            {{form.codAparelhoPesca.get('id')}}.setDisabled(false);
        }
    }
    
   
    
    
     $(document).ready(function(){
        //$('form#formulario-amostra').preventDoubleSubmission();
         $(document).on('DOMNodeInserted', function(e) {
             if( e.target.className == 'alert alert-error') {
                 setTimeout(function() {
                     $('button[type="submit"]').removeAttr("disabled");
                 }, 100);

             }
         });

         $('#bt_input_files').on('click', function () {
             hideMensagensErro();
         });

         $("#bt_carregar_dados_csv").on('click', function () {
             hideMensagensErro();
         });

         function hideMensagensErro(){
             $("#error-massa").hide();
             $("#error-validar").hide();
         }

         $('form').submit(function(e){
             $('button[type="submit"]').attr("disabled", "disabled");
             {% if entity.id is null %}
                if($('#entidade_amostra_isDadosMassa_1').is(':checked')){
                    if($("#table_file").find('.template-upload').length < 1 && $('.amostraIndividuo-container').length < 1){
                        $("#error-massa").show();
                        $('button[type="submit"]').removeAttr("disabled", "disabled");
                        return false;
                    }else{
                        if($("#table_file").find('.template-upload').length >= 1 && $('.amostraIndividuo-container').length < 1){
                            $("#error-validar").show();
                            $('button[type="submit"]').removeAttr("disabled", "disabled");
                            return false;
                        }
                    }
                }
             {% endif %}

             {% if tipo == 'comprimento' %}
             //verifica se está com ao menos 1 valor preenchido nos valores de comprimento
             $.each($('.individuoComprimento'), function(key, value){
                 const camposComprimento = $(value).find('input');

                 if(camposComprimento.length > 0 ){
                     let hasValue = false;

                     $.each($(value).find('input'), function (questao, medicao) {
                         if($(medicao).val() != ''){
                             hasValue = true;
                         }
                     });

                     if(!hasValue){
                         $('.individuoComprimento_error_'+$(this).data('id')).removeClass('hide');
                         e.preventDefault();
                         $('button[type="submit"]').removeAttr("disabled", "disabled");
                     }else{
                         $('.individuoComprimento_error_'+$(this).data('id')).addClass('hide');
                     }
                 }
             });
             {% endif %}

             {% if tipo == 'biologica' %}
             //verifica se está com ao menos 1 valor preenchido nos valores do indivíduo (Padrão e biológica)
             $.each($('.amostraIndividuo-container'), function(key, value){
                 let hasValue = false;

                 $.each($(value).find('input'), function (questao, medicao) {
                     var inputName = $(medicao).attr('name');

                     if(inputName){
                        if(inputName.indexOf('codEspecie') == -1){
                            if($(medicao).val() != ''){
                                console.log(inputName)
                                hasValue = true;
                            }
                        }
                     }
                 });

                 //Apenas verificando o campo maturação da gônada
                 if($('.maturacao_'+key).val() != ""){
                     hasValue = true;
                 }

                 if(!hasValue){
                     $('.individuoBiologica_error_'+$(this).find('.individuoBiologica').data('id')).removeClass('hide');
                     e.preventDefault();
                     $('button[type="submit"]').removeAttr("disabled", "disabled");
                 }else{
                     $('.individuoBiologica_error_'+$(this).find('.individuoBiologica').data('id')).addClass('hide');
                 }
             });
             {% endif %}
         });

        $('#submit-form').on('click', function(e){
            validateForm();
        });

        $(document).on('form-validation-finish', function(e, isValid){
            if(isValid){
                $('#formulario-amostra').submit();
            }
        });

         function validateForm()
         {
             var registroId = $("#{{form.codRegistro.get('id')}}").find('input[type="hidden"]').val();

             var especies = [];

             $.each($('.individuo_especie'), function(){
                 especies.push($(this).find('input:last').val());
             });

             $.ajax({
                 type: 'get',
                 data: { codRegistro: registroId, especies: especies},
                 url: '{{ path('verificar_especie_viagem')}}',
                 dataType: 'json',
                 beforeSend: function(){
                     loader('body', false);
                 },
                 success: function(result){
                     $('.especie-viagem').remove();

                     if(result.length > 0){
                         let html = '';

                         $.each(result, function(key, value){
                             html+= '<li>O indivíduo <b>'+value+'</b> não pertence à viagem selecionada.</li>';
                         });

                         $('#formulario-amostra').prepend('<div class="alert alert-error especie-viagem"><ul>'+html+'</ul></div>');

                         $('button[type="submit"]').removeAttr("disabled", "disabled");

                         $(window).scrollTop(0);

                         $(document).trigger('form-validation-finish', [false]);
                     }else{
                        $(document).trigger('form-validation-finish', [true]);
                     }

                     loader('body', true);
                 },
                 error: function(){
                     loader('body', true);
                     $('#formulario-amostra').submit();
                 }
             })
         }

        $("#{{form.data.vars.id}}").change(updateViagemList);
        {{form.codRegistro.get('id')}}.updateList(new Array());
        {{form.codMapaBordoOperacao.get('id')}}.updateList(new Array());
        {{form.codAparelhoPesca.get('id')}}.updateList(new Array());
        {{form.codRegistro.get('id')}}.setSelectedByValue('');
        {{form.codMapaBordoOperacao.get('id')}}.setSelectedByValue('');
        {{form.codAparelhoPesca.get('id')}}.setSelectedByValue('');
         
        $("#{{form.isViagem.vars.id}}_1").click(function (){
            $('#{{form.codUnidadeProdutiva.get('id')}}').attr('required', true);
            $('#containerViagem').show();
            {{form.codAparelhoPesca.get('id')}}.updateList(new Array());
            if ({{form.codRegistro.get('id')}}.getSelectedObject() != null) {
                if (!$('#containerOperacao').is(':visible')) {
                    verificarMapaBordo({{form.codRegistro.get('id')}});
                } else if ($('#containerOperacao').is(':visible') && {{form.codMapaBordoOperacao.get('id')}}.getSelectedObject() != null) {
                    updateAparelhoPesca({{form.codMapaBordoOperacao.get('id')}});
                }
            }
            
        });
        
        $("#{{form.isViagem.vars.id}}_0").click(function (){
            $('#containerViagem').hide();
            //altera campo Unidade produtiva para opcional
            $('#{{form.codUnidadeProdutiva.get('id')}}').removeAttr('required');

            {{form.codAparelhoPesca.get('id')}}.setSelectedByValue('');
            {{form.codAparelhoPesca.get('id')}}.setLoading(true);
            {{form.codAparelhoPesca.get('id')}}.updateList(function(){
                {{form.codAparelhoPesca.get('id')}}.setLoading(false, false, true);
                
                if (isEditFirst) {
                    {{form.codAparelhoPesca.get('id')}}.setSelectedByValue({{entity.codAparelhoPesca.id}});
                    isEditFirst = false;
                }
            });
        });

        {%if entity.id is not defined or entity.id is  null%}
             $("#{{form.isViagem.vars.id}}_1").trigger('click');
        {% endif %}
            
        {%if entity.id is not null%}            
            $('#containerOperacao').hide();
            
            {% if entity.codRegistro.datEntrevista is not null %}
                $("#{{form.data.get('id')}}").val('{{entity.codRegistro.datEntrevista|date('locale.date'|trans)}}');
            {%endif%}




            {% if entity.codFonteDado is not null and entity.codFonteDado.id is not null %}
                    {{form.codFonteDado.get('id')}}.setSelectedByValue('{{ entity.codFonteDado.id }}');
            {% endif %}

            {% if entity.codRegistro is not null and entity.codRegistro.codUnidadeProdutiva is not null %}
                $( "#value_{{form.codUnidadeProdutiva.get('id')}}" ).val('{{entity.codRegistro.codUnidadeProdutiva.id}}');
                $( "#{{form.codUnidadeProdutiva.get('id')}}" ).val('{{entity.codRegistro.codUnidadeProdutiva.txtNomeExibicao | e('js')}}');
                $('#{{form.isViagem.get('id')}}_1').attr('checked', 'checked');
                updateViagemList();
            {% else %}    
                $('#{{form.isViagem.get('id')}}_0').attr('checked', 'checked');
                $('#{{form.isViagem.get('id')}}_0').trigger('click');
            {%endif%}
        {% else %}
            $('#{{form.isViagem.get('id')}}_1').attr('checked', 'checked');
        {%endif%}
     });

    function verificarArquivoSelecionado() {
        $("#bt_carregar_dados_csv")[0].disabled = true;
        $("#bt_carregar_dados_csv")[0].title = "Para validar os dados é necessário selecionar e enviar ao servidor um arquivo CSV e selecionar uma fonte de dados.";
        if( $('#table_file tbody > tr').size() > 0 && csvFileIsValid == true){
            $(".help-inline.bt_carregar_dados_csv").addClass('alert').html("Para validar os dados é necessário selecionar e enviar ao servidor um arquivo CSV e selecionar uma fonte de dados.");
        }else{
            $(".help-inline.bt_carregar_dados_csv").removeClass('alert').html("  ");
        }
        removerColunas();
    }
    
{%if entity.id is null%}
    (function() {

        $("#myfile").change(function(){
            limparIndividuos();            
            csvFileIsValid = false;
            habilitarBotaoCarregarDados();
            listaIndividuos = new Array();
        });
            
        $('#{{form.isDadosMassa.get('id')}}_0').attr('checked', 'checked');

        $("#{{form.isDadosMassa.vars.id}}_1").click(function (){
            $('#individuo').hide();
            $('.amostraIndividuo-container').remove();
            adicionarIndividuos();
            $('#dados_massa').show();            
        });

        $("#{{form.isDadosMassa.vars.id}}_0").click(function (){
            $('#dados_massa').hide();
            $("#error-massa").hide();
            $("#error-validar").hide();
            limparIndividuos();
            $('.amostraIndividuo-container').remove();
            $('#add-another-amostraIndividuo').trigger('click');
            $('#individuo').show();
        });

        $('#add-another-amostraIndividuo').click(function(e, valor) {
            $("#error-massa").hide();
            $("#error-validar").hide();
            if (valor != undefined) {
                if(valor.isDadoMassa){

                    valor.individuo = (amostraIndividuos.getCount() - 1);

                    //Após a aplicação do valor em espécie, o conteúdo dos campos é carregado dinamicamente
                    // Por isso é necessário saber o momento que o conteúdo já foi carregado
                    $('#individuoComprimento_'+(amostraIndividuos.getCount() - 1)).on('DOMSubtreeModified', function(e) {
                        $('.'+ (valor.medida.toLowerCase().replace(" ", '_')), "#individuoComprimento_" + valor.individuo).parent().find('input').val(valor.valor);
                    });

                }else{
                    var sexo = 0;
                    var valorSexo = valor.sexo;

                    if (valorSexo.toLowerCase() == "masculino") {
                        sexo = 1;
                    } else if (valorSexo.toLowerCase() == "feminino") {
                        sexo = 2;
                    } else if (valorSexo.toLowerCase() == "nao observado") {
                        sexo = 3;
                    }

                    eval('entidade_amostra_amostraIndividuos_' + (amostraIndividuos.getCount() - 1) + '_codEspecie').setSelectedByValue(valor.especie);
                    $('#entidade_amostra_amostraIndividuos_' + (amostraIndividuos.getCount() - 1) + '_numPeso').val(valor.peso);
                    $('#entidade_amostra_amostraIndividuos_' + (amostraIndividuos.getCount() - 1) + '_numPesoEvicerado').val(valor.pesoEviscerado);
                    eval('entidade_amostra_amostraIndividuos_' + (amostraIndividuos.getCount() - 1) + '_indSexo').setSelectedByValue(sexo);
                    $('#entidade_amostra_amostraIndividuos_' + (amostraIndividuos.getCount() - 1) + '_numPesoGonada').val(valor.pesoGonada);
                    $('#entidade_amostra_amostraIndividuos_' + (amostraIndividuos.getCount() - 1) + '_numPesoEstomago').val(valor.pesoEstomago);
                }
            }
        });

        //var bar = $('.bar');
        //var percent = $('.percent');
        var status = $('#status');

        $('#formTeste').ajaxForm({
            dataType: 'json',
            beforeSend: function() {
                status.empty();
                /*var percentVal = '0%';
                bar.width(percentVal)
                percent.html(percentVal);*/
            },
            uploadProgress: function(event, position, total, percentComplete) {
                /*var percentVal = percentComplete + '%';
                bar.width(percentVal)
                percent.html(percentVal);*/
            },
            complete: function(xhr) {
                if (!isNaN(Math.floor(xhr.responseText))) {
                    csvFileIsValid = true;
                    habilitarBotaoCarregarDados();
                    adicionarColunas(parseInt(xhr.responseText));
                    status.html(xhr.responseText);
                    $("form").setError(false);
                } else {
                    $("form").setError(xhr.responseText);
                    csvFileIsValid = false;
                    habilitarBotaoCarregarDados();
                }
            }
        }); 
    })(); 
    {%endif%}
</script>


{% raw %}         
<!-- The template to display files available for upload -->
<script id="template-upload" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-upload fade">
        <td class="preview"><span class="fade"></span></td>
		<td class="name"><span>{%=file.name%}</span></td>
                <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
        {% if (file.error) { %}
            <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
        {% } else if (o.files.valid && !i) { %}
            <td>
                <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="bar" style="width:0%;"></div></div>
            </td>
            <td class="start">{% if (!o.options.autoUpload) { %}
                <button class="btn btn-primary">
                    <i class="icon-upload icon-white"></i>
                    <span>{%=locale.fileupload.start%}</span>
                </button>
            {% } %}</td>
        {% } else { %}
            <td colspan="2"></td>
        {% } %}
        <td class="cancel">{% if (!i) { %}
            <button class="btn btn-warning">
                <i class="icon-ban-circle icon-white"></i>
                <span>{%=locale.fileupload.cancel%}</span>
            </button>
        {% } %}</td>
    </tr>
{% } %}
</script>
{% endraw %}         

<script>
{%if entity.id is null%}
$('#formulario-amostra')
    .bind('fileuploaddestroy', function (e, data) {$('#table_file tbody tr').remove(); verificarArquivoSelecionado(); limparIndividuos(); listaIndividuos = new Array();})
    .bind('fileuploadstopped', function (e, data) {$('.progress ').parent('td').append('Arquivo enviado com sucesso!'); $('.progress').remove();});
    

$(function () {
    'use strict';
    $('#formulario-amostra').fileupload({
        dataType: "json",
        maxFileSize: {{ upload_max_filesize }},
        acceptFileTypes: /(\.|\/)(csv)$/i,
        autoUpload: true,
        maxNumberOfFiles: 1,
        downloadTemplateId: null,
        change: function (e, data) {
            verificarArquivoSelecionado();
        },
        done: function (e, data) {
            if (!isNaN(Math.floor(data.result))) {
                csvFileIsValid = true;
                habilitarBotaoCarregarDados();
                adicionarColunas(parseInt(data.result));
                $("form").setError(false);
            } else {
                $("form").setError(data.result);
                csvFileIsValid = false;
                $("#table_file td:not([class])").addClass('error').html('<span class="label label-important">Erro</span> '+data.result.error);
                habilitarBotaoCarregarDados();
            }

            $('#table_file .cancel').remove();
            $('#table_file .start').remove();
            var file = data.files[0];
            
            var html = 
                '<td class="delete">' +
                    '<button id="delete-file" class="btn btn-danger" data-type="POST" data-url="{{ path('amostra_limpar_dados_csv')}}">' +
                        '<i class="icon-trash icon-white"></i>'+
                        '<span>' + locale.fileupload.destroy + '</span>'+
                    '</button>' +
                '</td>';
            
            $('#table_file tr').append(html);

            $('#delete-file').on('click', function () {
                $('#error-validar').hide();
                $('#error-massa').hide();
            });
        }             
    });
});




$(document).ready(function(){
    $('#formulario-amostra').bind('fileuploadsubmit', function (e, data) {
        data.form = $("#formTeste");
    });
});
{%endif%}
</script>

{% endblock %}