{% extends "propesqBundle::layout.html.twig" %}
  {% import  "propesqBundle:Form:function.html.twig" as function %}
    {% block stylesheets %}
        <!-- TODO: verificar caminho do arquivo -->
        <link rel="stylesheet" href="{{ asset('bundles/propesq/css/edit.css') }}" type="text/css" media="all"/>
        <style>
            #form-container {
                overflow: visible;
            }
        </style>
    {% endblock %}
{% block content %}
    <div id="form-container">
        <div class="title">
            <h2>
                {{ 'cabecalho.incluir.interoperabilidade.unidadeprodutiva'|trans }}
            </h2>
        </div>
        <form id="" class="">
            <fieldset style=" margin: 10px;">
                <legend>{{ 'interoperabilidadeSisPCSPA.unidadeProdutivaProPesqWEB'| trans }}</legend>
                <input type='hidden' id="indTipo" name='indTipo' value='{{ entity.txtIndTipo |lower }}'>
                {% if not includeLayout %}
                    <input type='hidden' name='noLayout' value='true'>
                {% endif %}
                <div class="row-fluid">
                    <div class="span4">
                        <div class="control-group">
                            Nome: {{ entity.txtNomeExibicao }}
                        </div>
                    </div>
                    <div class="span4">
                        <div class="control-group">
                            Município: {{ entity.codMunicipio.txtNome }}
                        </div>
                    </div>
                    <div class="span4">
                        <div class="control-group">
                            Localidade: {{ entity.codLocalidade.txtNome }}
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span4">
                        <div class="control-group">
                            Tipo: {{ ('interoperabilidadeSisPCSPA.'~entity.txtIndTipo)|trans }}
                        </div>
                    </div>
                </div>
            </fieldset>

            <fieldset style=" margin: 10px;">
                <legend>{{ 'interoperabilidadeSisPCSPA.localizarUnidadeprodutivaSisPCSPA'| trans }}</legend>

                <div class="row-fluid">
                    <div class="control-group span4">
                        <div class="controls">
                            {{ form_label(form.txtNome) }}
                            {{ form_widget(form.txtNome,{ 'attr': {'class': 'cemporcento'} }) }}
                            <span class="help-inline">{{ form_errors(form.txtNome) }}</span>
                        </div>
                    </div>
                    {% if entity.txtIndTipo == 'pescador' %}
                    <div class="control-group span2 ">
                        <div class="controls">
                            {{ form_label(form.txtApelido) }}
                            {{ form_widget(form.txtApelido,{ 'attr': {'class': 'cemporcento'} }) }}
                            <span class="help-inline">{{ form_errors(form.txtApelido) }}</span>
                        </div>
                    </div>
                    {%  endif %}
                    <div class="control-group span3">
                        <div class="controls">
                            {{ form_label(form.codMunicipio) }}
                            {{ form_widget(form.codMunicipio,{ 'attr': {'class': 'cemporcento'} }) }}
                            <span class="help-inline">{{ form_errors(form.codMunicipio) }}</span>
                        </div>
                    </div>
                    <div class="control-group span3">
                        <div class="controls">
                            {{ form_label(form.codLocalidade) }}
                            {{ form_widget(form.codLocalidade,{ 'attr': {'class': 'cemporcento'} }) }}
                            <span class="help-inline">{{ form_errors(form.codMunicipio) }}</span>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="control-group span3">
                        <div class="controls">
                            <a href="#" id="btn-localizar" class="btn-filtrar btn btn-success"
                               style="margin-top: 23px;">
                                <i class="icon-search icon-white"></i> {{ 'interoperabilidadeSisPCSPA.procurarSisPCSPA'|trans }}
                            </a>
                        </div>
                    </div>
                </div>

                <div class="row-fluid">
                    <div class="span12" id="localizarResult">

                    </div>
                </div>
            </fieldset>

            <fieldset style=" margin: 10px;">
                <div class=" div-actions">
                    <a  {% if not habilitaCriarNovo %}disabled="disabled" {% endif %} href="#" id="btn-cadastrarSisPCSPA"
                       class="btn btn-primary">{{ 'interoperabilidadeSisPCSPA.novaSisPCSPA'|trans }}</a>
                    <a class=""{% if not includeLayout %} onclick="$(this).parents('.modal').find('.close').click(); return false;" {% endif %}
                       href="{{ path('unidadeprodutiva') }}"
                       title="{{ 'acao.cancelar'|trans }}">{{ 'acao.cancelar'|trans }}</a>
                </div>
            </fieldset>
        </form>

        <div id="layoutDetalhes" style="display:none;">
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th colspan="2"><h3 id="detalhes-nomeSisPCSPA"></h3></th>
                    </tr>
                </thead>
                <tbody>
                <tr>
                    <th>Cód. SisPCSPA</th>
                    <td id="detalhes-codSisPCSPA"></td>
                </tr>
                <tr>
                    <th>Cadastro</th>
                    <td id="detalhes-cadastroSisPCSPA"></td>
                </tr>
                {% if entity.txtIndTipo == 'pescador' %}
                    <tr>
                        <th>Apelido</th>
                        <td id="detalhes-apelido"></td>
                    </tr>
                {% endif %}

                </tbody>
                <thead>
                <th colspan="2">Localidade</th>
                </thead>
                <tbody>
                <tr>
                    <th>Nome</th>
                    <td id="detalhes-localidade"></td>
                </tr>
                <tr>
                    <th>Cód. Localidade SisPCSPA</th>
                    <td id="detalhes-codLocalidadeSisPCSPA"></td>
                </tr>
                <tr>
                    <th>Latitude</th>
                    <td id="detalhes-latitude"></td>
                </tr>
                <tr>
                    <th>Longitude</th>
                    <td id="detalhes-longitude"></td>
                </tr>
                </tbody>
                <thead>
                <th colspan="2">Município</th>
                </thead>
                <tbody>

                <tr>
                    <th>Nome</th>
                    <td id="detalhes-nomeMunicipio"></td>
                </tr>
                <tr>
                    <th>Cód. IBGE</th>
                    <td id="detalhes-codIBGE"></td>
                </tr>

                </tbody>
            </table>
        </div>
    </div>

    <script>
        $(document).ready(function () {
            $("#btn-localizar").on('click', function () {
                var indTipo = $("#indTipo").val();
                var nomeUnidadeProdutiva = $("#{{ form.txtNome.vars.id }}").val();
                var municipio = {{ form.codMunicipio.vars.id }}.
                getSelectedObject();
                var codMunicipio = '';
                if (!!municipio) {
                    codMunicipio = municipio.id;
                }

                var localidade = {{ form.codLocalidade.vars.id }}.
                getSelectedObject();
                var codLocalidade = '';
                if (!!localidade) {
                    codLocalidade = localidade.id;
                }

                var apelido = '';
                {% if entity.txtIndTipo == 'pescador' %}
                    apelido = $("#{{ form.txtApelido.vars.id }}").val();
                {% endif%}

                $.ajax({
                    type: 'post',
                    data: {
                        'nomeUnidadeProdutiva': nomeUnidadeProdutiva,
                        'apelido': apelido,
                        'codMunicipio': codMunicipio,
                        'codLocalidade': codLocalidade,
                        'indTipo': indTipo
                    },
                    url: '{{ path('interoperabilidade_buscar_unidadesprodutivas') }}',
                    beforeSend: function () {
                        loader('body', false);
                    },
                    success: function (result) {

                        $("#localizarResult").html(result);

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


            $(".btn-ver-detalhes").live('click', function () {

                var dados = $(this).data('dados');
                var $html = $("#layoutDetalhes");
                $html.find("#detalhes-nomeSisPCSPA").html(dados.nome);
                $html.find("#detalhes-codSisPCSPA").html(dados.id);
                $html.find("#detalhes-cadastroSisPCSPA").html(dados.status);

                //Localidade
                $html.find("#detalhes-localidade").html(dados.localidade.nome);
                $html.find("#detalhes-codLocalidadeSisPCSPA").html(dados.localidade.id);

                {% if entity.txtIndTipo == 'pescador' %}
                    $html.find("#detalhes-apelido").html(dados.apelido);

                {% endif %}


                if (!!dados.localidade.coordenada) {
                    $html.find("#detalhes-latitude").html(dados.localidade.coordenada.latitude);
                    $html.find("#detalhes-longitude").html(dados.localidade.coordenada.longitude);
                } else {
                    $html.find("#detalhes-latitude").html('Não disponível');
                    $html.find("#detalhes-longitude").html('Não disponível');
                }

                //Municipio
                $html.find("#detalhes-nomeMunicipio").html(dados.localidade.municipio.nome);
                $html.find("#detalhes-codIBGE").html(dados.localidade.municipio.id);
                $.fn.dialog2.helpers.alert($($html).html(), {
                    title: 'Detalhes',
                    closeOnEscape: false,
                    close: function () {

                    }
                });
            });


            $("#btn-cadastrarSisPCSPA").live('click', function (e) {
                e.preventDefault;

                if($(this).attr('disabled') != 'disabled') {

                    var linkToCreate = '{{ path('unidadeprodutiva_criarNovoSisPCSPA', { 'id': entity.id }) }}';

                    bootbox.confirm("Você realmente deseja criar uma nova unidade produtiva no SisPCSPA?", "ATENÇÃO!!", "Cancelar", "Criar", function (confirmed) {
                        if (confirmed) {
                            location.href = linkToCreate;
                        } else {
                            return false;
                        }
                    });
                }else{
                    $.fn.dialog2.helpers.alert('{{ mensagem.localidade }}', {
                        title: 'Alerta',
                        closeOnEscape: false,
                        close: function () {

                        }
                    });
                }
            });


            $(".btn-vincular").live('click', function () {

                var dados = $(this).data('dados');
                var cod_unidadeprodutiva = {{ entity.id }};
                $.ajax({
                    type: 'post',
                    data: {'codUnidadeprodutiva': cod_unidadeprodutiva, 'codUnidadeprodutivaSisPCSPA': dados.id},
                    url: '{{ path('unidadeprodutiva_updatevinculoSisPCSPA') }}',
                    beforeSend: function () {
                        loader('body', false);
                    },
                    success: function (result) {
                        if (result.status == 'ok') {
                            $.fn.dialog2.helpers.alert(result.mensagem, {
                                title: 'Detalhes',
                                closeOnEscape: false,
                                close: function () {
                                    var successUrl = "{{ path('unidadeprodutiva') }}";
                                    window.location = successUrl;
                                }
                            });
                        }
                        loader('body', true);
                    },
                    error: function () {
                        loader('body', true);
                    }
                });
            });
        });
    </script>
{% endblock %}