{% 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.localidade'|trans }}
            </h2>
        </div>
        <form id="" class="">
            <fieldset style=" margin: 10px;">
                <legend>{{ 'interoperabilidadeSisPCSPA.localidadeProPesqWEB'| trans }}</legend>
                <div class="row-fluid">
                    <div class="span4">
                        <div class="control-group">
                            Município: {{ entity.codMunicipio.txtNome }}
                        </div>
                    </div>
                    <div class="span4">
                        <div class="control-group">
                            Localidade: {{ entity.txtNome }}
                        </div>
                    </div>
                </div>

            </fieldset>

            <fieldset style=" margin: 10px;">
                <legend>{{ 'interoperabilidadeSisPCSPA.localizarLocalidadeSisPCSPA'| trans }}</legend>
                {% if not includeLayout %}
                    <input type='hidden' name='noLayout' value='true'>
                {% endif %}
                <div class="row-fluid">
                    <div class="control-group span5">
                        <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 span5">
                        <div class="controls">
                            {{ form_label(form.txtLocalidade) }}
                            {{ form_widget(form.txtLocalidade,{ 'attr': {'class': 'cemporcento'} }) }}
                            <span class="help-inline">{{ form_errors(form.txtLocalidade) }}</span>
                        </div>
                    </div>
                    <div class="span2">
                        <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 href="#" {% if not habilitaCriarNovo %}disabled="disabled" {% endif %} 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('localidade') }}"
                       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>
                <tr>
                    <th>Município</th>
                    <td id="detalhes-nomeMunicipio"></td>
                </tr>
                <tr>
                    <th>Cód. IBGE</th>
                    <td id="detalhes-codIBGE"></td>
                </tr>
                <tr>
                    <th>Latitude</th>
                    <td id="detalhes-latitude"></td>
                </tr>
                <tr>
                    <th>Longitude</th>
                    <td id="detalhes-longitude"></td>
                </tr>

                </tbody>
            </table>

        </div>
    </div>

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

                var codMunicipio = '';
                if (!!municipio) {
                    codMunicipio = municipio.id;
                }

                $.ajax({
                    type: 'post',
                    data: {'nomeLocalidade': nomeLocalidade, 'codMunicipio': codMunicipio},
                    url: '{{ path('interoperabilidade_buscar_localidades') }}',
                    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);
                $html.find("#detalhes-nomeMunicipio").html(dados.municipio.nome);
                $html.find("#detalhes-codIBGE").html(dados.municipio.id);

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

                $.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('localidade_criarNovoSisPCSPA', { 'id': entity.id }) }}';
                    bootbox.confirm("Você realmente deseja criar uma nova localidade ao 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_localidade = {{ entity.id }};


                $.ajax({
                    type: 'post',
                    data: {'codLocalidade': cod_localidade, 'codLocalidadeSisPCSPA': dados.id},
                    url: '{{ path('localidade_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('localidade') }}";
                                    window.location = successUrl;
                                }
                            });

                        }

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

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