{% extends "propesqBundle::layout.html.twig" %}
{% import  "propesqBundle:Form:function.html.twig" as form %}

{% block stylesheets %}
    <!-- TODO: verificar caminho do arquivo -->
    <link rel="stylesheet" href="{{ asset('bundles/propesq/css/edit.css') }}" type="text/css" media="all" />
    <style>
            .localidade-label{
                width: 180px !important;
            }
            
            .localidade-controls{
                margin-left: 210px !important;
            }
    </style>
{% endblock %}

{% block content %}
<div id="form-container">
    <div class="title">
        <h2>{{'cabecalho.detalhar.localdescarga'|trans}}</h2>
    </div>  
       
<form class="form-horizontal">
    <fieldset style="float: left; margin: 10px;">
         <legend>{{'cabecalho.fieldset.localdescarga.dadosbasicos'|trans}}</legend>
        <div class="row-fluid show-grid">
            <div class="span4">
                {{ form.show('entidade.localdescarga.codEstado',entity.codEstado.txtNome)}}
            </div>
            <div class="span4">
                {{ form.show('entidade.localdescarga.codMunicipio',entity.codMunicipio.txtNome)}}
            </div>
            <div class="span4">
                {{ form.show('entidade.localdescarga.txtNome',entity.txtNome)}}
            </div>
        </div>
         {#
         <div class="row-fluid show-grid">
            <div class="span4">
                <div class="control-group">
                    <label class='control-label'>{{'entidade.localdescarga.geoLocalizacao'|trans}}</label>
                    <div class="controls">
                        <img style="border: 1px solid #c8c8c8;-moz-border-radius: 10px; -webkit-border-radius: 10px;-khtml-border-radius: 10px; border-radius: 10px;" border="0" src="http://maps.googleapis.com/maps/api/staticmap?size=400x300&key={{ key_Gmaps }}&sensor=false&markers=color:0x2d6987|label:C|{{entity.geoLocalizacaoFormatado.lng~' '~entity.geoLocalizacaoFormatado.lat}}">
                    </div>
                </div>
            </div>
        </div>
        #}
        {% if entity.geoLocalizacaoFormato == '1' %}
            {% set formato = 'GG°MM\'SS,SSS\'\'N/S' %}
        {% elseif entity.geoLocalizacaoFormato == '2' %}
            {% set formato = 'GG°MM\'SS\'\'N/S' %}
        {% elseif entity.geoLocalizacaoFormato == '3' %}
            {% set formato = 'GG°MM,MM\'N/S' %}
        {% else %}
            {% set formato =  'GG,DDD...' | trans  %}
        {% endif %}
    {% if tipo == "empresa" %} 
         <div class="row-fluid show-grid">
            <div class="span4">
                {{ form.show('entidade.localdescarga.codPessoaJuridica',entity.codPessoaJuridica.txtNome)}}
            </div>
            <div class="span4">
                {{ form.show('entidade.localdescarga.codTipoAcesso',entity.codTipoAcesso.txtNome)}}
            </div>
        </div>
         <div class="row-fluid show-grid">
            <div class="span4">
                {{ form.show('entidade.localdescarga.isEnderecoDiferenteEmpresa',entity.isEnderecoDiferenteEmpresaFormatado)}}
            </div>
            <div class="span8">
                <div class="row-fluid">
                    <div class="span1" style="text-align: right;">
                            {{'entidade.localdescarga.empresa.localizacao'|trans}}
                    </div>
                    <div class="span11">
                        <div class="row-fluid">
                            <div class="span8">
                                 {% if entity.isEnderecoDiferenteEmpresa == "1" %} 
                                    {% set formEndereco = entity.codPessoaEndereco %}
                                 {% else %}
                                    {% set formEndereco = entity.endereco %}
                                 {% endif %}
                                    <div class="row-fluid"  style="margin-bottom: 5px;">
                                        <div class="span1"><a target="_blank" href="https://maps.google.com/maps?q={{entity.geoLocalizacaoFormatado.lat~' '~entity.geoLocalizacaoFormatado.lng}}"><span class="badge badge-important">C</span></a></div>
                                        <div class="span11">
                                            <input id="formato" type="text" readonly value="Formato: {{ formato }}">
                                            <input id="lat" type="text" readonly>
                                            <input id="lng" type="text" readonly value="Latitude: {{entity.geoLocalizacaoFormatado.lat~' Longitude: '~entity.geoLocalizacaoFormatado.lng}}">
                                        </div>
                                        {% set markers = markers~ '&markers=color:0xb94a48|label:C|'~entity.geoLocalizacaoFormatado.lat~' '~entity.geoLocalizacaoFormatado.lng %}
                                    </div>
                                    
                                    <div class="row-fluid"  style="margin-bottom: 5px;">
                                        <div class="span1"><a target="_blank" href="https://maps.google.com/maps?q={{formEndereco.codTipoLogradouro.txtNome~' '~formEndereco.txtLogradouro~' - '~formEndereco.txtComplemento~' '~formEndereco.codMunicipio.txtNome~', '~formEndereco.codEstado.txtNome}}"><span class="badge badge-info">E</span></a></div>
                                        <div class="span11"><input style="width: 100%;" type="text" readonly class='cemporcento' value="{{ formEndereco.codTipoLogradouro.txtNome}} {{ formEndereco.txtLogradouro}} - {{ formEndereco.txtComplemento}} Bairro {{ formEndereco.txtBairro}} {{ formEndereco.codMunicipio.txtNome}}, {{ formEndereco.codEstado.txtNome}} CEP {{ formEndereco.txtCep}}"></div>
                                        {% set markers = markers~ '&markers=color:0x2d6987|label:E|'~formEndereco.codTipoLogradouro.txtNome~' '~formEndereco.txtLogradouro~' - '~formEndereco.txtComplemento~' '~formEndereco.codMunicipio.txtNome~', '~formEndereco.codEstado.txtNome%}
                                    </div>
                      
                            </div>
                            <div class="span4">
                                <img title="Localização aproximada" style="border: 1px solid #c8c8c8;-moz-border-radius: 10px; -webkit-border-radius: 10px;-khtml-border-radius: 10px; border-radius: 10px;" border="0" src="http://maps.googleapis.com/maps/api/staticmap?size=400x300&key={{ key_Gmaps }}&sensor=false{{markers}}">
                            </div>
                           
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% elseif tipo == "ponto" %}
         <div class="row-fluid show-grid">
            <div class="span4">
                {{ form.show('entidade.localdescarga.codPessoaFisicaContato',entity.codPessoaFisicaContato.txtNome)}}
            </div>
            <div class="span4">
                {{ form.show('entidade.localdescarga.txtEmail',entity.txtEmail)}}
            </div>
        </div>
         <div class="row-fluid show-grid">
            <div class="span4">
                {{ form.show('entidade.localdescarga.codTipoTelefone',entity.codTipoTelefone.txtNome)}}
            </div>
            <div class="span4">
                {{ form.show('entidade.localdescarga.txtNumeroTelefone',entity.txtNumeroTelefone)}}
            </div>
            <div class="span4">
                {{ form.show('entidade.localdescarga.codTipoAcesso',entity.codTipoAcesso.txtNome)}}
            </div>            
        </div>
         <div class="row-fluid show-grid">
            <div class="span1" style="text-align: right;">
                    {{'entidade.localdescarga.ponto.localizacao'|trans}}
            </div>
            <div class="span11">
                <div class="row-fluid">
                    <div class="span8">
                            {% set formEndereco = entity.endereco %}
                            <div class="row-fluid"  style="margin-bottom: 5px;">
                                <div class="span1"><a target="_blank" href="https://maps.google.com/maps?q={{entity.geoLocalizacaoFormatado.lat~' '~entity.geoLocalizacaoFormatado.lng}}"><span class="badge badge-important">C</span></a></div>
                                <div class="span11">
                                    <input id="formato" type="text" readonly value="Formato: {{ formato }}">
                                    <input id="lat" type="text" readonly>
                                    <input id="lng" type="text" readonly value="Latitude: {{entity.geoLocalizacaoFormatado.lat~' Longitude: '~entity.geoLocalizacaoFormatado.lng}}">
                                </div>

                                {% if entity.geoLocalizacaoFormatado.lat and entity.geoLocalizacaoFormatado.lng %}
                                    {% set markers = markers~ '&markers=color:0xb94a48|label:C|'~entity.geoLocalizacaoFormatado.lat~' '~entity.geoLocalizacaoFormatado.lng %}
                                {% endif %}
                            </div>
                            <div class="row-fluid"  style="margin-bottom: 5px;">
                                <div class="span1"><a target="_blank" href="https://maps.google.com/maps?q={{formEndereco.codTipoLogradouro.txtNome~' '~formEndereco.txtLogradouro~' - '~formEndereco.txtComplemento~' '~formEndereco.codMunicipio.txtNome~', '~formEndereco.codEstado.txtNome}}"><span class="badge badge-info">E</span></a></div>
                                <div class="span11"><input id="endereco-local-descarga" style="width: 100%;" type="text" readonly class='cemporcento' value=""></div>
                                {% set markers = markers~ '&markers=color:0x2d6987|label:E|'~formEndereco.codTipoLogradouro.txtNome~' '~formEndereco.txtLogradouro~' - '~formEndereco.txtComplemento~' '~formEndereco.codMunicipio.txtNome~', '~formEndereco.codEstado.txtNome%}
                            </div>

                    </div>
                    <div class="span4">
                        <img title="Localização aproximada" style="border: 1px solid #c8c8c8;-moz-border-radius: 10px; -webkit-border-radius: 10px;-khtml-border-radius: 10px; border-radius: 10px;" border="0" src="http://maps.googleapis.com/maps/api/staticmap?size=400x300&key={{ key_Gmaps }}&sensor=false{{markers}}">
                    </div>

                </div>
            </div>
        </div>
    {% endif %}
    </fieldset>
    <div class=" div-actions">
        {% if is_granted('ROLE_LOCALDESCARGA_LIST') %}
            <a class="btn" href="{{ path('localdescarga') }}">
                {{'acao.listar'|trans}}
            </a>
            {% endif %}
        {% if is_granted('ROLE_LOCALDESCARGA_EDIT') %}
            <a class="btn" href="{{ path('localdescarga_edit', { 'id': entity.id, 'tipo': entity.txtTipoLink }) }}">
                {{'acao.editar'|trans}}
            </a>
        {% endif %}
        {% if is_granted('ROLE_LOCALDESCARGA_DELETE') %}
            <a class="btn btn-danger btn-delete" href="{{ path('localdescarga_delete', { 'id': entity.id }) }}">
                {{'acao.excluir'|trans}}
            </a>
        {% endif %}
    </div>
</form>
</div>
<script type="text/javascript">
    $('.btn-delete').prepararExclusao();
    $(document).ready(function () {
        var formato = '{{ entity.geoLocalizacaoFormato }}';
        var lat = '{{ entity.geoLocalizacaoFormatado.lat }}';
        var lng = '{{ entity.geoLocalizacaoFormatado.lng }}';
        $('#lat').val('Latitude: '+converteCoordenadas(formato, lat, lng)['lat']);
        $('#lng').val('Longitude: '+converteCoordenadas(formato, lat, lng)['lng']);
    });

    let enderecoConcatenado = [

        {% if formEndereco.codTipoLogradouro.txtNome %}
        '{{ formEndereco.codTipoLogradouro.txtNome }} {{ formEndereco.txtLogradouro }}',
        {% endif %}

        {% if formEndereco.txtComplemento %}
        '{{ formEndereco.txtComplemento }}',
        {% endif %}

        {% if formEndereco.txtBairro %}
        'Bairro {{ formEndereco.txtBairro }}',
        {% endif %}

        {% if formEndereco.codMunicipio.txtNome %}
        '{{ formEndereco.codMunicipio.txtNome }} , {{ formEndereco.codEstado.txtNome }}',
        {% endif %}

        {% if formEndereco.txtCep %}
        'CEP {{ formEndereco.txtCep }}'
        {% endif %}
    ].join(' - ');

    document.getElementById('endereco-local-descarga').value = enderecoConcatenado;

</script>
{% endblock %}