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

{% block stylesheets %}
    {% if FF_habilitar_destino_producao == 'habilitar_por_captura' and FF_habilitar_ambiente_origem_producao == 'habilitar_por_captura' %}
        {% set colCaptura = 1 %}
    {% elseif FF_habilitar_destino_producao == 'habilitar_por_captura' and FF_habilitar_ambiente_origem_producao != 'habilitar_por_captura' %}
        {% set colCaptura = 2 %}
    {% elseif FF_habilitar_destino_producao != 'habilitar_por_captura' and FF_habilitar_ambiente_origem_producao == 'habilitar_por_captura' %}
        {% set colCaptura = 2 %}
    {% elseif FF_habilitar_destino_producao != 'habilitar_por_captura' and FF_habilitar_ambiente_origem_producao != 'habilitar_por_captura' %}
        {% set colCaptura = 3 %}
    {% endif %}

    <!-- TODO: verificar caminho do arquivo -->
    <link rel="stylesheet" href="{{ asset('bundles/propesq/css/edit.css') }}" type="text/css" media="all" />
    <style>
        .min-width {
            min-width: 260px;
        }

        .column-10{
            width: 10% !important;
        }

        .column-09{
            width: 9% !important;
        }

        .column-15{
            width: 15% !important;
        }
        .column-15_5{
            width: 15.5% !important;
        }

        .column-15 .closure.input .select_closure .goog-control span {
            max-width: 69% !important;
        }

        .icone-remover{
            width: 2.5% !important;
        }

        .modal {
            top: 75px;
        }

        .modal-body {
            height: 55vh;
        }

        #entidade_registro_codUnidadeProdutiva {
            width: 99%;
        }

        #entidade_registro_codAgenteMonitor {
            width: calc(100% - 10px);
        }

        .closure.input .select_closure .goog-control span {
            overflow: hidden;
            white-space: nowrap;           
            max-width: 69%;
        }

        {% if colCaptura != 3 %}
            .entrevistaCaptura-container .cemporcento.select_closure > div {
                min-width: auto;
            }

            #capturas-header > div:first-child {
                margin-left: 0;
            }

            {% if colCaptura == 1 %}
                .entrevistaCaptura-container > .row-fluid > div {
                    margin-left: 0.5%;
                }
                #capturas-header > div {
                    margin-left: 0.5%;
                }
            {% else %}
                .entrevistaCaptura-container > .row-fluid > div {
                    margin-left: 2%;
                }
                #capturas-header > div {
                    margin-left: 2%;
                }
            {% endif %}


            .entrevistaCaptura-container > .row-fluid > div:first-child {
                margin-left: 0;
            }

            .fichaCaptura-container .cemporcento.select_closure > div {
                min-width: auto;
            }

            {% if colCaptura == 1 %}
                .fichaCaptura-container > .row-fluid > div {
                    margin-left: 0.5%;
                }
            {% else %}
                .fichaCaptura-container > .row-fluid > div {
                    margin-left: 2%;
                }
                #capturas-header > div {
                    margin-left: 2%;
                }
            {% endif %}
        {% endif %}
    </style>
{% endblock %}

{% block content %}
<div id="form-container">
    <div class="title">
        <h2>
        {%if entity.id is defined and entity.id is not null%} 
            {% if isShow %}
                {{'cabecalho.detalhar.registro'|trans ~ ' de ' ~ entity.txtTipoNome}}
            {% elseif isValidacao %}
                {{'cabecalho.validar.registro'|trans ~ ' de ' ~ entity.txtTipoNome}}
                {#{{ ('cabecalho.validar.registro'|trans) ~ ' de ' ~ entity.txtTipoNome}}#}
            {% else %}
                {{'cabecalho.alterar.registro'|trans ~ ' de ' ~ entity.txtTipoNome}}
            {% endif %}
                {% set isEdit = true %}
        {%else%}  
                {{'cabecalho.incluir.registro'|trans ~ ' de ' ~ entity.txtTipoNome}}
                {% set isEdit = false %}
        {%endif%}
        </h2>
    </div>    

{{ form_errors(form) }}

       
<form id="formulario-registro" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal" action="{%if entity.id is defined and entity.id is not null %} {{ path('registro_update', { 'tipo': tipo, 'id': entity.id }) }} {%else%} {{ path('registro_create', { 'tipo': tipo }) }} {%endif%}" method="post" {{ form_enctype(form) }}>
    <fieldset style="float: left; margin: 10px;">
        {% if composicao == true %}
            <div class="alert alert-warning">
                <a class="close" data-dismiss="alert" href="#">×</a>
                <strong>Atenção: </strong>
                {{ 'alertas.alterar.registro.composicao'| trans | format(path('referencia_show', { 'id': idReferenciaAnterior }), idReferenciaAnterior) | raw }}
            </div>
        {% endif %}
        <input type="hidden" name="isValidacao" id="isValidacao" value="{{ isValidacao }}">
        {{ form_widget(form._token) }}

        {% block filho %} {# Conteúdo dos forms filhos #} {% endblock filho %}
        
        {% if not isEdit %}      
            {{ form_widget(form.numSegundosDigitacao) }}
        {% endif %}
        
    </fieldset>
    {%if isEdit == true or isShow == true %}
        <div style="width: 90%; float: left; margin-left: 30px">
            {% if entity.datInclusaoMob is not null %}
                <div style="width: 90%; float: left; margin-left: 30px">
                    <label style="float: right;font-weight: bold;margin-top: 10px;">Responsável pela
                        coleta: {{ entity.codRespInclusao.codPessoa.txtNome }}
                        em {{ entity.datInclusaoMob|date('d/m/Y H:i') }}</label>
                </div>
            {% endif %}
            {% if entity.datEdicaoMob is not null %}
                <div style="width: 90%; float: left; margin-left: 30px">
                    <label style="float: right;font-weight: bold;margin-top: 10px;">Responsável pela coleta
                        (Edição): {{ entity.codRespInclusao.codPessoa.txtNome }}
                        em {{ entity.datEdicaoMob|date('d/m/Y H:i') }}</label>
                </div>
            {% endif %}
            <div style="width: 90%; float: left; margin-left: 30px">
                <label style="float: right;font-weight: bold;margin-top: 10px;">Responsável pela
                    inclusão: {{ entity.codRespInclusao.codPessoa.txtNome }}
                    em {{ entity.datInclusao|date('d/m/Y H:i') }}</label>
            </div>

            {% if entity.datEdicao < entity.datAnalise %}
                {% if entity.codRespEdicao is not null %}
                    <div style="width: 90%; float: left; margin-left: 30px">
                        <label style="float: right;font-weight: bold;margin-top: 10px;">Responsável pela última
                            edição: {{ entity.codRespEdicao.codPessoa.txtNome }}
                            em {{ entity.datEdicao|date('d/m/Y H:i') }}</label>
                    </div>
                {% endif %}
                {% if entity.codRespAnalise is not null %}
                    <div style="width: 90%; float: left; margin-left: 30px"><label
                                style="float: right;font-weight: bold;margin-top: 10px;">
                            Responsável pela validação: {{ entity.codRespAnalise.codPessoa.txtNome }}
                            em {{ entity.datAnalise|date('d/m/Y H:i') }}</label>
                    </div>
                {% endif %}
            {% else %}
                {% if entity.codRespAnalise is not null %}
                    <div style="width: 90%; float: left; margin-left: 30px"><label
                                style="float: right;font-weight: bold;margin-top: 10px;">
                            Responsável pela validação: {{ entity.codRespAnalise.codPessoa.txtNome }}
                            em {{ entity.datAnalise|date('d/m/Y H:i') }}</label>
                    </div>
                {% endif %}
                {% if entity.codRespEdicao is not null %}
                    <div style="width: 90%; float: left; margin-left: 30px">
                        <label style="float: right;font-weight: bold;margin-top: 10px;">Responsável pela última
                            edição: {{ entity.codRespEdicao.codPessoa.txtNome }}
                            em {{ entity.datEdicao|date('d/m/Y H:i') }}</label>
                    </div>
                {% endif %}
            {% endif %}
    </div>
    {%endif%}    
    {% if not isShow %}
    <div class=" div-actions" >
        {% if isValidacao %}
            <button type="submit" accesskey="s" class="btn btn-primary">{{'acao.validar'|trans}}</button>
            <a type="button" accesskey="n"  href="{{ path('registro_delete', { 'id': entity.id }) }}" class="btn btn-danger botaoInvalidar" >{{'acao.invalidar'|trans}}</a>
            <input type="hidden" name="idReferencia" id="idReferencia" value="{{ idReferenciaAnterior }}">
        {% else %}
            <button type="submit" id="btn-salvar-alteracoes" cydata="btnSalvarAlteracoes" accesskey="s" class="btn btn-primary">{{'acao.salvar'|trans}}</button>
            {%if not isEdit %}
                {%if tipo != "mapabordo" %}
                    <button type="submit" cydata="btnSalvarOutro" accesskey="n" class="btn btn-primary" id="addOutroButton">{{'acao.salvarOutro'|trans}}</button>
                    <input type="hidden" name="isAddOutro" id="addOutro">
                {% endif %}
            {% endif %}
            <input type="hidden" name="idReferencia" id="idReferencia" value="{{ idReferenciaAnterior }}">
            <input type="hidden" name="idReferenciaAnterior" id="idReferenciaAnterior" value="{{ idReferenciaAnterior }}">

            {% if isEdit and is_granted('ROLE_REGISTRO_ANALISE') and entity.indValidado != 1 %}
                <a class="btn btn-success" href="{{ path('registro_validar_listagem', {'id': entity.id}) }}">{{ 'acao.validar'|trans }}</a>
            {% endif %}
        {% endif %}

        <a id="cancelar" cydata="btnCancelar" onclick="cancelar()" href="javascript:;" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
    </div>
    {% else %}
        <div class=" div-actions" >
            {% if is_granted('ROLE_REGISTRO_LIST') %}
            <a class="btn" href="{{ path('registro') }}">
                {{'acao.listar'|trans}}
            </a>
            {% endif %}
            {% if is_granted('ROLE_REGISTRO_EDIT') %}
                <a class="btn" href="{{ path('registro_edit', { 'id': entity.id, 'tipo':entity.txtTipoLink }) }}" title="{{'acao.editar'|trans}}">
                    {{'acao.editar'|trans}}
                </a>
            {% endif %}
            {% if is_granted('ROLE_REGISTRO_DELETE') %}
                    <a id="btn_delete_{{entity.id}}" onclick="delete_registro_{{entity.id}}()" class="btn btn-danger btn-delete" href="#" title="{{'acao.excluir'|trans}}">
                        {{'acao.excluir'|trans}}
                    </a>
                    <script type="text/javascript">
                        function delete_registro_{{entity.id}}(e){
                            var linkToDelete = "{{ path('registro_delete', { 'id': entity.id }) }}";
                            //e.preventDefault();
                            bootbox.confirm("Você realmente deseja excluir este registro?", "ATENÇÃO!!", "Cancelar", "Excluir", function(confirmed) {
                                if(confirmed){
                                    location.href=linkToDelete;

                                }else{
                                    return false;
                                }
                            });
                        }

                    </script>


        {% endif %}
        </div>
    {% endif %}
        
    {{ form_widget(form._token) }}
</form>
</div>
<script>
    {% if tipo != "mapabordo" %}
    /**
    @type boolean  Variável para verificação se todos os pontos encontram-se dentro de pelo menos um bloco estatistico
     */
    var ajaxPontos = false;
    {% endif %}


    function cancelar(){
        var cancelarUrl = "{{ path('registro') }}" ;
        $.fn.dialog2.helpers.confirm("Você realmente deseja cancelar?", {
            closeOnEscape: false,
            title: 'Atenção!',
            confirm: function() { window.location = cancelarUrl; }, 
            decline: function() { return false; }
        });
    }

    {% if isEdit %}
        //SE ALTERAR A UNIDADE PRODUTIVA E A DATA DE DESCARGA
        idReferenciaAtual = '{{ idReferenciaAnterior }}';
        idUnidadeProdutiva = '{{entity.codUnidadeProdutiva.id}}';
        dataDescarga = '{{ entity.datDescarga|date('d/m/Y') }}';
        localDescarga = '{{ entity.codLocalDescarga.id }}';

        ajax = false;

        function validaAlteracao(){
            //Se já foi feito a verificação o proximo submit é do form normal
            if(ajax){
                return true;
            }

            var idUnidadeProdutivaNova = $('#value_entidade_registro_codUnidadeProdutiva').val();
            var dataDescargaNova = $('#entidade_registro_datDescarga').val();
            var localDescargaNovo = $('#entidade_registro_codLocalDescarga').find('input:last').val();
            var alteracoes = false;
            var frase = "";

            {% if isValidacao %}
                alteracoes = true;
                var errorVinculoReferencia = false
                if(!!!idUnidadeProdutivaNova){
                    errorVinculoReferencia = true;
                }

                if(!!!dataDescargaNova){
                    errorVinculoReferencia = true;
                }


                if(!!!localDescargaNovo){
                    errorVinculoReferencia = true;
                }

                if(!errorVinculoReferencia){
                    modalReferenciaEdit(idUnidadeProdutivaNova, dataDescargaNova, alteracoes, localDescargaNovo);
                }

                return false;

            {% else %}
                if(idUnidadeProdutiva != idUnidadeProdutivaNova){
                    alteracoes = "unidadeProdutiva";
                    frase = "A unidade produtiva desta viagem foi alterada, porém a mesma está vinculada com uma referência. Deseja alterar esta viagem?";
                }

                if(dataDescarga != dataDescargaNova){
                    alteracoes = "datDescarga";
                    frase = "A data de descarga desta viagem foi alterada, porém a mesma está vinculada com uma referência. Deseja alterar esta viagem?";

                }

                if(localDescarga != localDescargaNovo){
                    alteracoes = "local_descarga";
                    frase = "O local de descarga desta viagem foi alterado, porém a mesma está vinculada com uma referência. Deseja alterar esta viagem?";
                }

                if(dataDescarga != dataDescargaNova && idUnidadeProdutiva != idUnidadeProdutivaNova){
                    alteracoes = "unidadeProdutiva_datDescarga";
                    frase = "A unidade produtiva e a data de desembarque desta viagem foram alterados, porém a mesma está vinculada <br>com uma referência. Deseja alterar esta viagem?";
                }

                if(alteracoes){
                    $.fn.dialog2.helpers.confirm(frase, {
                        closeOnEscape: false,
                        title: 'ATENÇÃO!!',
                        confirm: function() {
                            modalReferenciaEdit(idUnidadeProdutivaNova, dataDescargaNova, alteracoes, localDescargaNovo);
                        },
                        decline: function() {
                            $('form#formulario-registro').data('submitted', false);
                            $('button[type="submit"]').removeAttr("disabled");
                             return false;
                        }
                    });
                    return false;
                }

            {% endif %}
        }
        
        function modalReferenciaEdit(codUnidadeProdutiva, datDesc, indAlteracao, localDescarga) {

            $.ajax({
                type: 'post',
                data: {"idUnidadeProdutiva":codUnidadeProdutiva, "datDescarga":datDesc, "indAlteracao":indAlteracao, "localDescarga":localDescarga},
                url: '{{ path('registro_show_referencia') }}',
//                beforeSend: function(){
//                    loader('body', false);
//                },
                success: function(data){
                    ajax = true;
                    if(data){
                        $.fn.dialog2({
                            content: "{{ path('registro_show_referencia') }}?idUnidadeProdutiva="+codUnidadeProdutiva+"&datDescarga="+datDesc+"&indAlteracao="+indAlteracao+"&idReferencia="+idReferenciaAtual+"&localDescarga="+localDescarga,
                            showCloseHandle: true,
                            closeOnOverlayClick: false,
                            closeOnEscape: false,
                            initialLoadText: 'Carregando...'
                        });
                        
                        $('.close').on('click', function(){
                            $('form#formulario-registro').data('submitted', false);
                            ajax = false;
                        });
                    }else{
                        idUnidadeProdutiva = 0;
                        datDescarga = '';
                        $('#idReferencia').val('0');
                        $('form#formulario-registro').data('submitted', true);
                        //$('form#formulario-registro').data('submitted', true);
                        $('button[type="submit"]').attr("disabled", "disabled");
                        $('form').trigger('submit');
                    }

//                    loader('body', true);

                },
                error: function(){
//                    loader('body', true);
                }
            });
        }
    {%endif%}

    jQuery.fn.invalidarRegistro = function(){
        return this.each(function(){
            var linkToDelete = $(this).attr('href');
            $(this).click(function(e){
                e.preventDefault();
                bootbox.confirm("Você realmente deseja invalidar este registro?", "ATENÇÃO!!", "Cancelar", "Invalidar", function(confirmed) {
                    if(confirmed){
                        location.href=linkToDelete;
                    }else{
                        return false;
                    }
                });
            });
            $(this).attr('href', '#');
        });
    };

    $(document).ready(function(){
        {% if isValidacao -%}
            $(".botaoInvalidar").invalidarRegistro();
        {%- endif %}
    });
    
    {% if not isEdit %}
        var tempoInicial;

        function modalReferencia(){
            var idUnidadeProdutiva = $("#value_entidade_registro_codUnidadeProdutiva").val(); 
            var datDescarga = $('#{{ form.datDescarga.get('id') }}').val();
            var localDescarga = $('#{{ form.localDescarga.get('id') }}').val();

            $.fn.dialog2({
                content: "{{ path('registro_show_referencia') }}?idUnidadeProdutiva="+idUnidadeProdutiva+"&datDescarga="+datDescarga+"&localDescarga="+localDescarga,
                showCloseHandle: true,
                closeOnOverlayClick: false,
                closeOnEscape: false,
                initialLoadText: 'Carregando...'
            });
            
            $('.close').on('click', function(){
                //$('form#formulario-registro').data('submitted', false);
                //$('button[type="submit"]').removeAttr("disabled");
                ajax = true;
            });
        }
        
        $(document).ready(function(){
            tempoInicial = new Date().getTime();
            ajax = true;

            //$('form#formulario-registro').preventDoubleSubmission();
            $(document).on('DOMNodeInserted', function(e) {
                if( e.target.className == 'alert alert-error') {
                    setTimeout(function() {
                        $('button[type="submit"]').removeAttr("disabled");
                    }, 200);

                }
            });

            $('form').on('submit', function(){
                setTimeout(function() {
                    $('button[type="submit"]').attr("disabled", "disabled");
                }, 100);
                //$('form#formulario-registro').data('submitted', true);

                var codUnidadeProdutiva = $("#value_entidade_registro_codUnidadeProdutiva").val();
                var datDesc = $('#{{ form.datDescarga.get('id') }}').val();
                var localDescarga = $('#entidade_registro_codLocalDescarga').find('input:last').val();
                
                //Tempo de digitação
                var tempoDigitacao = (new Date().getTime() - tempoInicial) / 1000;
                $('#{{ form.numSegundosDigitacao.get('id') }}').val(parseInt(tempoDigitacao, 10));

                if($('form .alert-error:visible').length == 0){
                    if(ajax){
                        {% if tipo != "mapabordo" %}
                        if(ajaxPontos) {
                        {% endif%}
                            $.ajax({
                                type: 'post',
                                data: {
                                    "idUnidadeProdutiva": codUnidadeProdutiva,
                                    "datDescarga": datDesc,
                                    "indAlteracao": "",
                                    "localDescarga": localDescarga
                                },
                                url: '{{ path('registro_show_referencia') }}',
                                beforeSend: function () {
                                    loader('body', false);
                                },
                                success: function (data) {
                                    ajax = false;
                                    if (data) {
                                        $.fn.dialog2({
                                            content: "{{ path('registro_show_referencia') }}?idUnidadeProdutiva=" + codUnidadeProdutiva + "&datDescarga=" + datDesc + "&indAlteracao=" + "" + "&localDescarga=" + localDescarga,
                                            showCloseHandle: true,
                                            closeOnOverlayClick: false,
                                            closeOnEscape: false,
                                            initialLoadText: 'Carregando...'
                                        });

                                        $('.close').on('click', function () {
                                            //$('form#formulario-registro').data('submitted', false);
                                            //$('button[type="submit"]').removeAttr("disabled");
                                            ajax = true;
                                        });
                                    } else {
                                        idUnidadeProdutiva = 0;
                                        datDescarga = '';
                                        $('#idReferencia').val('0');
                                        //$('form#formulario-registro').data('submitted', false);
                                        //$('button[type="submit"]').removeAttr("disabled");
                                        $('form').trigger('submit');
                                    }

                                    loader('body', true);
                                },
                                error: function () {
                                    loader('body', true);
                                }
                            });
                        {% if tipo != "mapabordo" %}
                        }
                        {% endif %}
                        return false;
                    }
                }
            });
            
            
            {% if tipo != "mapabordo" %}
                $("#addOutroButton").click(function(){
                    $("#addOutro").val('1');
                });

                $("#addButton").click(function(){
                    $("#addOutro").val('');
                });
            
            {% endif %}

        });
    {% endif %}
</script>

{% endblock %}

{#{% block webgis %}

    {% if not isShow %}
        {% include 'propesqBundle:GeoInformacao:ferramenta.html.twig' with {'FF_habilitar_coordenada_diferentes_formatos' : FF_habilitar_coordenada_diferentes_formatos} %}
        {%if tipo != "mapabordo" %}
            {% include 'propesqBundle:GeoInformacao:ferramenta_pontual.html.twig' with {'FF_habilitar_coordenada_diferentes_formatos' : FF_habilitar_coordenada_diferentes_formatos} %}
        {% else %}
            {% include 'propesqBundle:GeoInformacao:ferramenta_pontual_mapa_bordo.html.twig' with {'FF_habilitar_coordenada_diferentes_formatos' : FF_habilitar_coordenada_diferentes_formatos} %}
        {% endif %}
    {% endif %}
{% endblock %}#}