{% 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>
        div#modal-gallery{
            margin-top: 0 !important;
        }

        .modal-gallery .modal-body{
            max-height: 400px !important;
        }

        .modal-body  .modal-image {
            display: block;
            width: auto;
            max-height: 100% !important;
        }

        .template-download td{
            vertical-align: middle;
        }
    </style>

{% endblock %}


{% block content %}


    <style>
        span.form-control {
            display: block;
            min-height: 20px;
            padding: 4px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }

        span.form-control.input-textarea{
            min-height: 90px;
        }

        span.form-control[disabled],
        span.form-control[readonly],
        fieldset[disabled] .form-control {
            background-color: #eee;
            opacity: 1;
        }


    </style>
<div id="form-container">
    <div class="title">
        <h2>

   {%if entity.id is defined and entity.id is not null and isShow %}
       {{'cabecalho.detalhar.unidadeprodutiva'|trans ~ ' ' ~ entity.txtTipoNome }}
   {%elseif entity.id is defined and entity.id is not null and  not isShow %}
                {{'cabecalho.alterar.unidadeprodutiva'|trans ~ ' ' ~ entity.txtTipoNome }}
                {%if entity.id is defined and entity.codSisPCSPA is not null%}
                   {% set isEstavelSisPCSPA = true %}
                {% endif %}
                {% set isEdit = true %}
        {%else%}
                {{'cabecalho.incluir.unidadeprodutiva'|trans ~ ' ' ~ entity.txtTipoNome }}
                {% set isEstavelSisPCSPA = false %}
                {% set isEdit = false %}
        {%endif%}
        </h2>
    </div>    

{{ form_errors(form) }}

<form id="fileuploadList" action="{%if entity.id is defined and entity.id is not null %} {{ path('unidadeprodutiva_imagelistedit', { 'id': entity.id }) }} {%else%}  {{ path('unidadeprodutiva_imagelistnew', {'token': uploadcontroller} ) }} {%endif%}" method="POST" enctype="multipart/form-data" style="display: none;"></form>
<form id="fileuploadSend" action="{%if entity.id is defined and entity.id is not null %} {{ path('unidadeprodutiva_imageedit', { 'id': entity.id }) }} {%else%}  {{ path('unidadeprodutiva_imagenew', {'token': uploadcontroller}) }} {%endif%}" method="POST" enctype="multipart/form-data" style="display: none;"></form>
<form id="formulario-unidadeprodutiva" class="form-horizontal" action="{%if entity.id is defined and entity.id is not null %} {{ path('unidadeprodutiva_edit', { 'tipo': tipo, 'id': entity.id }) }} {%else%} {{ path('unidadeprodutiva_new', { 'tipo': tipo }) }} {%endif%}" method="post" {{ form_enctype(form) }}>
    
        {% block filho %}  {% endblock filho %}
        
        <fieldset style="float: left; margin: 10px;"><legend>Informações do Registro</legend>

            {{ form_widget(form._token) }}
            <input type='hidden' name='uploadcontroller' value='{{uploadcontroller}}'>

            <div class="row-fluid">
                <div class="control-group span4">
                    {{ form_label(form.datInformacao) }}
                    {% if isShow %}
                        <div class="controls">
                            <span class="form-control input-xlarge cemporcento focus" readonly="true">{{ entity.datInformacao | date('d/m/Y') }}</span>
                        </div>
                    {% else %}
                    <div class="controls">
                        {{ form_widget(form.datInformacao,{ 'attr': {'class': 'input-xlarge'} }) }}
                    </div>
                      <span class="help-inline">{{ form_errors(form.datInformacao) }}</span>
                    {% endif %}
                </div>
               <div class="control-group span4">
                    {{ form_label(form.codPessoaRespEntrevista) }}
                   {% if isShow %}
                       <div class="controls">
                           <span class="form-control input-xlarge cemporcento focus" readonly="true">{{ entity.codPessoaRespEntrevista.txtNome }}</span>
                       </div>
                   {% else %}
                    <div class="controls">
                        {{ form_widget(form.codPessoaRespEntrevista,{ 'attr': {'class': 'input-xlarge'} }) }}
                    </div>
                   {% endif %}
                </div>
                {#<div class="control-group span4">
                    {{ form_label(form.txtOrigemInformacao) }}
                    {% if isShow %}
                        <div class="controls">
                            <span class="form-control input-xlarge cemporcento focus" readonly="true">{{ entity.txtOrigemInformacao }}</span>
                        </div>
                    {% else %}
                    <div class="controls">
                        {{ form_widget(form.txtOrigemInformacao,{ 'attr': {'class': 'input-xlarge'} }) }}
                      <span class="help-inline">{{ form_errors(form.txtOrigemInformacao) }}</span>
                    </div>
                    {% endif %}
                </div>#}
            </div>
            </fieldset>

    {% if tipo != 'parelha' %}




        <div class="row-fluid">
            <div class="span12">
                <div class="" style="margin-left: 20px;">
                    <div class="page-header">
                        <h1>Envio de fotos</h1>
                    </div>
                        <blockquote>
                            {%  if not isShow %}
                                <p>Envio e visualização de fotos. Caso queira ver a foto em tamanho real, clique sobre a foto para iniciar a visualização.</p>
                            {% else %}
                                <p>Visualização de fotos. Caso queira ver a foto em tamanho real, clique sobre a foto para iniciar a visualização.</p>
                            {% endif %}
                        </blockquote>

                        {%  if not isShow %}
                        <div class="row fileupload-buttonbar">
                            <div class="span12" style="margin-left: 15px;">
                                <!-- The fileinput-button span is used to style the file input field as button -->
                                                <span class="btn btn-success fileinput-button">
                                                    <i class="icon-plus icon-white"></i>
                                                    <span>Selecionar fotos...</span>
                                                    <input type="file" name="files[]" multiple>
                                                </span>
                                {#<button type="submit" class="btn btn-primary start">#}
                                    {#<i class="icon-upload icon-white"></i>#}
                                    {#<span>Iniciar envio ao servidor</span>#}
                                {#</button>#}
                                <button type="reset" class="btn btn-warning cancel">
                                    <i class="icon-ban-circle icon-white"></i>
                                    <span>Cancelar envio</span>
                                </button>
                                <button type="button" class="btn btn-danger delete">
                                    <i class="icon-trash icon-white"></i>
                                    <span>Excluir fotos selecionadas</span>
                                </button>
                                <input type="checkbox" class="toggle">
                            </div>
                            <!-- 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>
                        <!-- The loading indicator is shown during file processing -->
                        <div class="fileupload-loading"></div>
                        <br>

                        {% endif %}
                        <!-- The table listing the files available for upload/download -->
                        <table role="presentation" class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>
                    </div>
                    <!-- modal-gallery is the modal dialog used for the image gallery -->
                    <div id="modal-gallery" class="modal modal-gallery hide feide" data-filter=":odd">
                        <div class="modal-header">
                            <a class="close" data-dismiss="modal">&times;</a>
                            <h3 class="modal-title"></h3>
                        </div>
                        <div class="modal-body"><div class="modal-image"></div></div>
                        <div class="modal-footer">
                            <a class="btn modal-download" target="_blank">
                                <i class="icon-download"></i>
                                <span>Download</span>
                            </a>
                            <a class="btn btn-success modal-play modal-slideshow" data-slideshow="2500">
                                <i class="icon-play icon-white"></i>
                                <span>Slideshow</span>
                            </a>
                            <a class="btn btn-info modal-prev">
                                <i class="icon-arrow-left icon-white"></i>
                                <span>Anterior</span>
                            </a>
                            <a class="btn btn-primary modal-next">
                                <span>Próxima</span>
                                <i class="icon-arrow-right icon-white"></i>
                            </a>
                        </div>
                    </div>

                </div>
            </div>

    {% endif %}
        </fieldset>

    {% if (interoperabilidade_sispcspa_situacao == '1' or interoperabilidade_sispcspa_situacao == 'true') and (tipo == 'pescador' or tipo == 'embarcacao' ) and not isEdit %}
        <fieldset style="float: left; margin: 10px;">
            <legend>{{ 'Ação Interoperabilidade'|trans }}</legend>
            <div class="row-fluid show-grid">
                <div class="span4">
                    <div class="control-group">
                        <div class="controls">
                            {{ form_widget(interoperabilidadeAcaoForm.acao,{ 'attr': {'class': 'cemporcento interoperabilidadeSisPCSPAActions'} }) }}
                            <span class="help-inline">{{ form_errors(interoperabilidadeAcaoForm.acao) }}</span>
                        </div>
                    </div>
                    <div class="interoperabilidadeSisPCSPAActionMsg alert alert-warning" style="display: none;" role="alert"></div>
                </div>
            </div>
        </fieldset>
    {% endif %}

    {%if isEdit == true or isShow == true %}
        {% 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.codUsuarioRespInclusao.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.codUsuarioRespInclusao.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.codUsuarioRespInclusao.codPessoa.txtNome }}
                em {{ entity.datInclusao|date('d/m/Y H:i') }}</label>
        </div>
        {% if  entity.datAnalise <  entity.datEdicao %}
            {% if entity.codUsuarioRespAnalise 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
                        análise: {{ entity.codUsuarioRespAnalise.codPessoa.txtNome }}
                        em {{ entity.datAnalise|date('d/m/Y H:i') }}</label>
                </div>
            {% endif %}
            {% if entity.codUsuarioRespEdicao 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.codUsuarioRespEdicao.codPessoa.txtNome }}
                        em {{ entity.datEdicao|date('d/m/Y H:i') }}</label>
                </div>
            {% endif %}
        {% else %}
            {% if entity.codUsuarioRespEdicao 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.codUsuarioRespEdicao.codPessoa.txtNome }}
                        em {{ entity.datEdicao|date('d/m/Y H:i') }}</label>
                </div>
            {% endif %}
            {% if entity.codUsuarioRespAnalise 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
                        análise: {{ entity.codUsuarioRespAnalise.codPessoa.txtNome }}
                        em {{ entity.datAnalise|date('d/m/Y H:i') }}</label>
                </div>
            {% endif %}
        {% endif %}
    {%endif%}

    {%  if isShow %}
    <div class=" div-actions" >
        {% if is_granted('ROLE_UNIDADEPRODUTIVA_LIST') %}
        <a class="btn" href="{{ path('unidadeprodutiva') }}">
            {{'acao.listar'|trans}}
        </a>
        {% endif %}
        {% if is_granted('ROLE_UNIDADEPRODUTIVA_EDIT') %}
            <a class="btn" href="{{ path('unidadeprodutiva_edit', { 'id': entity.id, 'tipo':entity.txtTipoLink }) }}" title="{{'acao.editar'|trans}}">
                {{'acao.editar'|trans}}
            </a>
        {% endif %}

        {% if is_granted('ROLE_UNIDADEPRODUTIVA_DELETE') %}
            <a class="btn btn-danger btn-delete" data-unidadesAnterioresPath="{{ path('unidadeprodutiva_situacao_delete', { 'id': entity.id }) }}" href="{{ path('unidadeprodutiva_delete', { 'id': entity.id }) }}" title="{{'acao.excluir'|trans}}">
                Excluir
            </a>
        {% endif %}

    </div>
    {% else %}
    <div class=" div-actions">
        <button type="submit" class="btn btn-primary">{{'acao.salvar'|trans}}</button>
        <a class="" href="{{ path('unidadeprodutiva') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
    </div>
    {% endif %}
</form>
</div>

    {% if tipo != 'parelha' %}
    {% 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 feide">
        <td class="preview"><span class="feide"></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>
        <!-- The template to display files available for download -->
        <script id="template-download" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-download feide">
        {% if (file.error) { %}
            <td></td>
            <td class="name"><span>{%=file.name%}</span></td>
            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
            <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
        {% } else { %}
            <td class="preview">{% if (file.thumbnail_url) { %}
                {% if (file.url){ %}
                <a href="{%=file.url%}" title="{%=file.name%}" rel="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a>
                {% }else{ %}
                <img src="{%=file.thumbnail_url%}">
                {% } %}
            {% } %}</td>
            <td class="name">
                {% if (file.url){ %}

                    <a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a>
                {% }else{ %}
                    {%=file.name%}
                {% } %}
            </td>

<!--            <td class="title" style='width: 150px;'>
                <span  style='background-color: blue'>{%=file.title%}</span>
            </td>-->
            <!--<td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>-->
            <td colspan="3"></td>

        {% } %}
 {% endraw %}
{% if not isShow %}
 {% raw %}
        <td class="delete">
            <button class="btn btn-danger" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}">
                <i class="icon-trash icon-white"></i>
                <span>{%=locale.fileupload.destroy%}</span>
            </button>
            <input type="checkbox" name="delete" value="1">
        </td>
{% endraw %}
{% endif %}
{% raw %}
    </tr>
{% } %}
</script>
    {% endraw %}
    <script>

        var fileNotSend = false;
        var counter = 0;
        var number_of_files = 0;

        $(function () {
            'use strict';
            $('#formulario-unidadeprodutiva').fileupload({

                maxFileSize: {{ upload_max_filesize }},
                acceptFileTypes: /(\.|\/)(png|gif|jpg|jpeg|bin)$/i,
                autoUpload: true,

            });
            $('#formulario-unidadeprodutiva').each(function () {
                var that = this;
                var action = $('#fileuploadList').attr('action');
                $.getJSON(action, function (result) {
                    if (result && result.length) {
                        $(that).fileupload('option', 'done')
                                .call(that, null, {result: result});
                    }
                });
            });
        });

        $(document).ready(function(){
            $('#formulario-unidadeprodutiva').bind('fileuploadsubmit', function (e, data) {
                data.form = $("#fileuploadSend");
            });

            $('#formulario-unidadeprodutiva').bind('fileuploadadd', function (e, data) {

                $.each(data.files, function (index, file) {
                       number_of_files = number_of_files + 1;
                });
            });

            $('#formulario-unidadeprodutiva').bind('fileuploadprogressall', function (e, data) {
                number_of_files = number_of_files - 1;
            });



            $('button.cancel').click(function (e) {
                number_of_files = 0;
            });


            $('td.cancel button').live('click',function (e) {
                number_of_files = number_of_files - 1;
            });



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

<script>


    {% if  isEstavelSisPCSPA %}
    //se alterado o nome, coordenada ou município. O usário deverá informar se deseja realizar a alteração no SisPCSPA

    var nomeUnidadeProdutiva = "{{  entity.txtNomeExibicao }}";
    var codMunicipio =   "{{entity.codMunicipio.id}}";
    var codLocalidade =   "{{entity.codLocalidade.id}}";

    confirmarUpdateSisPCSPA = false;

    function validaAlteracaoIntegracao(callback){
        //Se já foi feito a verificação o proximo submit é do form normal



        if(confirmarUpdateSisPCSPA || $('#isNovaEmbarcacao').is(':checked')){
            callback()
        }else {

            var nomeUnidadeProdutivaNovo = $('#{{ form.txtNomeExibicao.vars.id }}').val();
            {% if tipo == 'embarcacao' %}
                var $nomeField = $('#{{ form.txtNomeExibicao.vars.id }}');
                nomeUnidadeProdutivaNovo = $nomeField.val();
            {% elseif tipo == 'pescador' %}
                var $nomeField = $('#{{ form.txtNomeExibicao.vars.id }}');
                nomeUnidadeProdutivaNovo = $nomeField.val();
            {% endif %}


            var codMunicipioNovo =   {{ form.codMunicipio.vars.id }}.
            getValue();
            var codLocalidadeNovo =   {{ form.codLocalidade.vars.id }}.
            getValue();


            var alteracoes = false;
            var frase = "";

            var alteracoes = new Array();
            var camposAlterados = new Array();
            if (nomeUnidadeProdutiva != nomeUnidadeProdutivaNovo) {
                alteracoes.push("nome da unidade produtiva");
                camposAlterados = "O nome da unidade produtiva foi alterado";
            }

            if (codMunicipio != codMunicipioNovo) {
                alteracoes.push("município");
                camposAlterados = "O município desta unidade produtiva foi alterado";

            }

            if (codLocalidade != codLocalidadeNovo) {
                alteracoes.push("localidade");
                camposAlterados = "A localidade desta unidade produtiva foi alterada";
            }
            var frase = '';
            if (alteracoes.length == 1) {
                frase = camposAlterados;
            } else {
                frase = 'Os campos ' + alteracoes.join(', ') + ' foram alterados';
            }
            frase += '. Deseja atualizar essa unidade produtiva no SisPCSPA?';

            if (alteracoes.length > 0) {
                $.fn.dialog2.helpers.confirm(frase, {
                    closeOnEscape: false,
                    title: 'ATENÇÃO!!',
                    confirm: function () {
                        $("#alterarSisPCSPA").val(true);
                        callback();
                    },
                    decline: function () {
                        $("#alterarSisPCSPA").val(false);
                        callback();
                    }
                });

            } else {
                callback();
            }
        }
    }
    {% else %}
        confirmarUpdateSisPCSPA = true;
    {%endif%}

    $(document).ready(function(){
        $('.btn-delete').prepararExclusaoUnidadeProdutiva();

        {% if (interoperabilidade_sispcspa_situacao == '1' or interoperabilidade_sispcspa_situacao == 'true') and (tipo == 'pescador' or tipo == 'embarcacao' ) and not isEdit %}
        updateInteroperabilidadeActions( {{ form.codLocalidade.vars.id }});
            $("input[name='form[acao]']").on('change', function() {
                if($(this).val() != 1){
                    tornarLocalidadeObrigatoria();
                }else{
                    tornarLocalidadeOpcional();
                }

            });

        {% endif %}

    });

    var isNomeVerificado = false;
    {% if entity.id is not null %}
        var nomeAtual = unescape('{{entity.txtNomeExibicao | e('js')  }}');
    {%else%}
	    var nomeAtual = "";
    {%endif%}

	{%if tipo == 'embarcacao'%}
		var $nomeField = $('#{{ form.txtNomeExibicao.vars.id }}');
	{%elseif tipo == 'pescador'%}
        {#{% if FF_exibir_apelido_registro_viagem == 'exibir' %}#}
            var $nomeField = $('#{{ form.txtNomeExibicao.vars.id }}');
        {#{% else %}#}
            {#var $nomeField = $('#{{ form.codPessoaFisica.vars.id }}');#}
            {#var $nomeUnidadeProdutiva = $('#txt_value_{{ form.codPessoaFisica.vars.id }}');#}
        {#{% endif %}#}
	{%elseif tipo == 'parelha'%}
		var $nomeField = $('#{{ form.txtNomeExibicao.vars.id }}');
    {% else %}
        var $nomeField = $('#{{ form.txtNomeExibicao.vars.id }}');
    {%endif%}

    function isNomeAlterado(){
	    {%if tipo == 'parelha'%}
	       embarcacao1 = $('#{{ form.codUnidadeProdutivaEmbarcacao1.vars.id }}').val();
	       embarcacao2 = $('#{{ form.codUnidadeProdutivaEmbarcacao2.vars.id }}').val();
	       setNomeParelha();
            {%endif%}

	    return ($nomeField.val().replace(/amp;/g,'') != nomeAtual.replace(/amp;/g,''))?true:false;
    }

    function updateInteroperabilidadeActions(combo, first ){
        {% if (interoperabilidade_sispcspa_situacao == '1' or interoperabilidade_sispcspa_situacao == 'true') and (tipo == 'pescador' or tipo == 'embarcacao' ) and not isEdit %}
            var localidadeObject = combo.getSelectedObject();
            //Caso não informado
            if(!!!localidadeObject){

                $('.interoperabilidadeSisPCSPAActions input[value="1"]').attr('checked','checked');

                $('.interoperabilidadeSisPCSPAActions input').each(function(i){
                    if($(this).val() != 1){
                        $(this).attr('disabled','disabled');
                        $(this).attr('title','{{'acao.vincularSisPCSPALocalidadeNaoInformada'|trans}}');
                    }
                    $('.interoperabilidadeSisPCSPAActionMsg').html('{{'acao.vincularSisPCSPALocalidadeNaoInformada'|trans}}').show();
                });
            }else{

                    $.ajax({
                        type: 'post',
                        data: {id: localidadeObject.id},
                        url: '{{ path('unidadeprodutiva_verificar_situacao_localidade_SisPCSPA') }}',
                        dataType: 'json',
                        beforeSend: function () {
                            loader('body', false);
                        },
                        success: function (result) {
                            loader('body', true);

                            if (result.encontrou) {
                                $('.interoperabilidadeSisPCSPAActions input').each(function(i){
                                    if($(this).val() != 1){
                                        $(this).removeAttr('disabled');
                                        $(this).removeAttr('title');
                                    }
                                    $('.interoperabilidadeSisPCSPAActionMsg').html('').hide();
                                });
                            }else{
                                $('.interoperabilidadeSisPCSPAActions input[value="1"]').attr('checked','checked');
                                $('.interoperabilidadeSisPCSPAActions input').each(function(i){
                                    if($(this).val() != 1){
                                        $(this).attr('disabled','disabled');
                                        $(this).attr('title','{{'acao.vincularSisPCSPALocalidadeNaovinculada'|trans}}');
                                    }
                                    $('.interoperabilidadeSisPCSPAActionMsg').html('{{'acao.vincularSisPCSPALocalidadeNaovinculada'|trans}}').show();
                                });
                            }
                        }
                    });
            }
        {% endif %}
    }


    function validaPeriodo(seletorDatInicial, seletorDatFinal){
        var datInicio = $(seletorDatInicial).val().split('/');
        datInicio = parseInt(datInicio[2] + datInicio[1] + datInicio[0], 10);

        var datFim = $(seletorDatFinal).val().split('/');
        datFim = parseInt(datFim[2] + datFim[1] + datFim[0], 10);

        if( datInicio > datFim || datInicio == datFim){
            $(seletorDatInicial).setError(false);
            var acao = " $('"+seletorDatFinal+"').setError('A data final deve ser maior que a data inicial.')";
            $(seletorDatFinal).setError('A data final deve ser maior que a data inicial.');
            eval(acao);
            return false;
        }else{
            $(seletorDatInicial).setError(false);
            $(seletorDatFinal).setError(false);
            return true
        }

    }

    $('#add-another-geometria').on('click', function () {
        if($('.geometria-container').length >= 3) {
            $('.geometria-container').setError(false);
        }
    });

    $("form#formulario-unidadeprodutiva").preventDoubleSubmission();

    $("form#formulario-unidadeprodutiva").submit(function(){
        $('form#formulario-unidadeprodutiva').data('submitted', true);


        {% if tipo == 'parelha' %}
            if($("#{{ form.codUnidadeProdutivaEmbarcacao1.vars.id }}").val() == $("#{{ form.codUnidadeProdutivaEmbarcacao2.vars.id }}").val()){

                if($("#{{ form.codUnidadeProdutivaEmbarcacao1.vars.id }}").val() != ""   && $("#{{ form.codUnidadeProdutivaEmbarcacao2.vars.id }}").val() != ""){

                    $("#{{ form.codUnidadeProdutivaEmbarcacao1.vars.id }}").setError("Embarcação já selecionada.");
                    $("#{{ form.codUnidadeProdutivaEmbarcacao2.vars.id }}").setError("Embarcação já selecionada.");
                    $('form#formulario-unidadeprodutiva').data('submitted', false);
                    return false;
                }
            }else{

                if($("#{{ form.codUnidadeProdutivaEmbarcacao1.vars.id }}").val() != ""   && $("#{{ form.codUnidadeProdutivaEmbarcacao2.vars.id }}").val() != ""){

                    $("#{{ form.codUnidadeProdutivaEmbarcacao1.vars.id }}").setError(false);
                    $("#{{ form.codUnidadeProdutivaEmbarcacao2.vars.id }}").setError(false);
                }
            }
        {% endif %}

            {% if tipo == 'cercoflutuante' %}
                //LOCAL CERCO FLUTUANTE
                var tipoGeometria = $("#{{ form.indTipoGeometria.vars.id }}").find('input:checked').val();

                if($('.geometria-container').length < 3 && $('.geometria-container').length > 0  && tipoGeometria == 1 ){
                    $('.geometria-container').setError("Para formar um polígono é necessário no mínimo 3 pontos.");
                    $('form#formulario-unidadeprodutiva').data('submitted', false);
                    return false;
                }else{
                    var points = false;
                    var cont = 0;
                    if(tipoGeometria == 1){
                        var length = $('.geometria-container').length;
                        for (var i = 0; i < length; i++){
                            if($('#entidade_unidadeprodutiva_geometria_'+i+'_geoPontolat').val()
                            || $('#entidade_unidadeprodutiva_geometria_'+i+'_geoPontolng').val()){
                                points = true;
                                cont++;
                            }
                        }
                        if(points && cont < 3){
                            for (var i = 0; i < length; i++){
                                if(!$('#entidade_unidadeprodutiva_geometria_'+i+'_geoPontolat').val()
                                    || !$('#entidade_unidadeprodutiva_geometria_'+i+'_geoPontolng').val()){
                                    $('.geometria-container').setError("Para formar um polígono é necessário no mínimo 3 pontos.");
                                    $('form#formulario-unidadeprodutiva').data('submitted', false);
                                    return false
                                }
                            }
                        }
                        $('.geometria-container').setError(false);
                    }
                }
            {% endif %}

        if($('.alert-error:visible').length > 0){
            $('form#formulario-unidadeprodutiva').data('submitted', false);
            return false;
        }

        //Verifica datas dos vinculos
        var count =  $('.vinculo-container').length;
        var datasVinculosValido = true;


        {% if tipo != 'parelha' %}
            for (var i = 0; i < count; i++) {
                var s = $('.vinculo-container').get(i).id.match(/[\d]+$/);
                if(!validaPeriodo('#entidade_unidadeprodutiva_vinculos_'+s+'_datInicio', '#entidade_unidadeprodutiva_vinculos_'+s+'_datTermino')){
                    $('form#formulario-unidadeprodutiva').data('submitted', false);
                    datasVinculosValido = false;

                }
            }
            if(!datasVinculosValido){
                return datasVinculosValido;
            }
        {% endif %}


        {% if FF_habilitar_periodo_inatividade_unidade_produtiva == 'habilitar' %}
        var count_periodo_inatividade_unidade_produtiva =  $('.inatividade-container').length;
            for (var i = 0; i < count_periodo_inatividade_unidade_produtiva; i++) {
                var p = $('.inatividade-container').get(i).id.match(/[\d]+$/);

                if(!validaPeriodo('#entidade_unidadeprodutiva_inatividades_'+p+'_datInicio', '#entidade_unidadeprodutiva_inatividades_'+p+'_datTermino')){
                    $('form#formulario-unidadeprodutiva').data('submitted', false);
                    datasVinculosValido =  false;
                }

            }
        if(!datasVinculosValido){
            return datasVinculosValido;
        }
        {% endif %}

            if (isNomeAlterado() && !isNomeVerificado) {
                var valorVerificacao = $nomeField.val();

                $.ajax({
                            type: 'post',
                            data: { name: valorVerificacao , id:'{{ entity.id }}'},
                            url: '{{ path('unidadeprodutiva_verificar_nome_unidade_produtiva')}}',
                            dataType: 'json',
                            beforeSend: function(){
                                loader('body', false);
                            },
                            success: function(result){
                                loader('body', true);

                                if (result.encontrou) {
                                    {% if FF_habilitar_validacao_nome_unidade_produtiva == 'nao_habilitar' %}
                                        $.fn.dialog2.helpers.confirm("Já existe uma unidade produtiva com este nome. Realmente deseja salvar?", {
                                            closeOnEscape: false,
                                            title: 'Atenção!',
                                            confirm: function() {

                                                isNomeVerificado = true;
                                                {% if tipo == 'embarcacao' and entity.id is not null %}
                                                   validarSalvarComoNovaEmbarcacao(function(validado){
                                                        if(validado){
                                                            {% if isEstavelSisPCSPA and ( interoperabilidade_sispcspa_situacao == 1 or interoperabilidade_sispcspa_situacao == 'true')  %}
                                                                validaAlteracaoIntegracao(function(){
                                                                    isNomeVerificado = true;
                                                                    confirmaAlteracao = true;
                                                                    confirmarUpdateSisPCSPA = true;
                                                                    $('form#formulario-unidadeprodutiva').data('submitted', false);
                                                                    $('form#formulario-unidadeprodutiva').trigger('submit');
                                                                });
                                                            {% else %}
                                                                isNomeVerificado = true;
                                                                confirmaAlteracao = true;
                                                                confirmarUpdateSisPCSPA = true;
                                                                $('form#formulario-unidadeprodutiva').data('submitted', false);
                                                                $('form#formulario-unidadeprodutiva').trigger('submit');
                                                            {%endif%}
                                                        }else{
                                                            $('form#formulario-unidadeprodutiva').data('submitted', false);
                                                            confirmarUpdateSisPCSPA = false;
                                                            confirmaAlteracao = false;
                                                            isNomeVerificado = false;
                                                        }
                                                  });
                                                {% else %}

                                                    {% if isEstavelSisPCSPA and ( interoperabilidade_sispcspa_situacao == 1 or interoperabilidade_sispcspa_situacao == 'true')  %}
                                                        validaAlteracaoIntegracao(function(){
                                                            confirmarUpdateSisPCSPA = true;
                                                            $('form#formulario-unidadeprodutiva').data('submitted', false);
                                                            $('form#formulario-unidadeprodutiva').trigger('submit');
                                                        });
                                                    {% else %}
                                                        confirmarUpdateSisPCSPA = true;
                                                        $('form#formulario-unidadeprodutiva').data('submitted', false);
                                                        $('form#formulario-unidadeprodutiva').trigger('submit');
                                                    {%endif%}
                                                {% endif %}
                                            },
                                            decline: function() { return false; }
                                        });
                                    {% else %}
                                        var mensagem  = 'Já existe uma unidade produtiva com este nome.';
                                        $.fn.dialog2.helpers.alert(mensagem,{title: 'ATENÇÃO!!'});
                                        confirmarUpdateSisPCSPA = false;
                                        $('form#formulario-unidadeprodutiva').data('submitted', false);
                                    {% endif %}
                                } else {
                                    isNomeVerificado = true;
                                    {% if tipo == 'embarcacao' and entity.id is not null %}
                                        validarSalvarComoNovaEmbarcacao(function(validado){
                                            if(validado){
                                                {% if isEstavelSisPCSPA and ( interoperabilidade_sispcspa_situacao == 1 or interoperabilidade_sispcspa_situacao == 'true')  %}
                                                validaAlteracaoIntegracao(function(){
                                                    isNomeVerificado = true;
                                                    confirmaAlteracao = true;
                                                    confirmarUpdateSisPCSPA = true;
                                                    $('form#formulario-unidadeprodutiva').data('submitted', false);
                                                    $('form#formulario-unidadeprodutiva').trigger('submit');
                                                });
                                                {% else %}
                                                    isNomeVerificado = true;
                                                    confirmarUpdateSisPCSPA = true;
                                                    confirmaAlteracao = true;
                                                    $('form#formulario-unidadeprodutiva').data('submitted', false);
                                                    $('form#formulario-unidadeprodutiva').trigger('submit');
                                                {%endif%}
                                            }else{
                                                $('form#formulario-unidadeprodutiva').data('submitted', false);
                                                confirmarUpdateSisPCSPA = false;
                                                isNomeVerificado = false;
                                                confirmaAlteracao = false;
                                            }
                                        });
                                    {% else %}
                                        {% if isEstavelSisPCSPA and ( interoperabilidade_sispcspa_situacao == 1 or interoperabilidade_sispcspa_situacao == 'true')  %}
                                            validaAlteracaoIntegracao(function(){
                                                isNomeVerificado = true;
                                                confirmarUpdateSisPCSPA = true;
                                                $('form#formulario-unidadeprodutiva').data('submitted', false);
                                                $('form#formulario-unidadeprodutiva').trigger('submit');
                                            });
                                        {% else %}
                                            isNomeVerificado = true;
                                            confirmarUpdateSisPCSPA = true;
                                            $('form#formulario-unidadeprodutiva').data('submitted', false);
                                            $('form#formulario-unidadeprodutiva').trigger('submit');
                                        {%endif%}
                                    {% endif %}
                                }
                            },
                            error: function(){
                                $('form#formulario-unidadeprodutiva').data('submitted', false);
                                loader('body', true);
                            }
                        });
            
                return false;
            }else if(!isNomeAlterado() && $('#isNovaEmbarcacao').is(':checked') && !confirmaAlteracao){
                {% if tipo == 'embarcacao' and entity.id is not null %}
                    validarSalvarComoNovaEmbarcacao(function(validado){
                        if(validado){
                            {% if isEstavelSisPCSPA and ( interoperabilidade_sispcspa_situacao == 1 or interoperabilidade_sispcspa_situacao == 'true')  %}
                                confirmaAlteracao = true;
                                confirmarUpdateSisPCSPA = true;
                                $('form#formulario-unidadeprodutiva').data('submitted', false);
                                $('form#formulario-unidadeprodutiva').trigger('submit');
                            {% else %}
                                confirmaAlteracao = true;
                                confirmarUpdateSisPCSPA = true;
                                $('form#formulario-unidadeprodutiva').data('submitted', false);
                                $('form#formulario-unidadeprodutiva').trigger('submit');
                            {%endif%}
                        }else{
                            $('form#formulario-unidadeprodutiva').data('submitted', false);
                            confirmarUpdateSisPCSPA = false;
                            confirmaAlteracao = false;
                        }
                    });
                {% else %}
                    confirmarUpdateSisPCSPA = true;
                    $('form#formulario-unidadeprodutiva').data('submitted', false);
                    $('form#formulario-unidadeprodutiva').trigger('submit');
                {% endif %}
                $('form#formulario-unidadeprodutiva').data('submitted', false);
                return false;
            }else if(!confirmarUpdateSisPCSPA){


                validaAlteracaoIntegracao(function(){
                    confirmarUpdateSisPCSPA = true;
                    $('form#formulario-unidadeprodutiva').data('submitted', false);
                    $('form#formulario-unidadeprodutiva').trigger('submit');
                });
                $('form#formulario-unidadeprodutiva').data('submitted', false);
                return false;
            }
    });
</script>
{% endblock %}