{% 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" />
{% endblock %}

{% block content %}
<div id="form-container" >
    <div class="container-title" style="height: 75px;">
    <div class="title">
        <h2>
            {{'cabecalho.detalhar.pessoafisica'|trans}}    
        </h2>
    </div>    
<form class=" form-horizontal">
    <fieldset id="geral" style="float: left; margin: 10px;">
    <legend  style="">{{'cabecalho.fieldset.pessoa.dadosbasicos'|trans}}</legend>

    <div class="row-fluid">
        <div class="span8">
            <div class="control-group">
                <label class='control-label'>{{'entidade.pessoafisica.txtNome'|trans}}</label>
                <div class="controls">
                    <input type="text" class="cemporcento" readonly value='{{ entity.txtNome}}'>
                </div>
            </div>
        </div>
        <div class="span4">       
            {{ form.show('entidade.pessoafisica.txtApelido',entity.txtApelido)}}
            {#
            <div class="control-group">
                <label class='control-label'>{{'entidade.pessoafisica.txtApelido'|trans}}</label>
                <div class="controls">
                    <input type="text" readonly class='cemporcento' value='{{ entity.txtApelido}}'>
                </div>
            </div>
            #}
        </div>
    </div>    
    <div class="row-fluid">
        <div class="span4">
            <div class="control-group">
                <label class='control-label'>{{'entidade.pessoafisica.txtNomeMae'|trans}}</label>
                <div class="controls">
                    <input type="text" readonly class='cemporcento' value='{{ entity.txtNomeMae}}'>
                </div>
            </div>
        </div>
        <div class="span2">
            <div class="control-group">
                <label class='control-label'>{{'entidade.pessoafisica.codFederal'|trans}}</label>
                <div class="controls">
                    <input type="text" readonly class='cemporcento' value='{{ entity.codFederal}}'>
                </div>
            </div>                
        </div>
        <div class="span2">
            <div class="control-group">
                    <label class='control-label'>{{'entidade.pessoafisica.txtRg'|trans}}</label>
                <div class="controls">
                    <input type="text" readonly class='cemporcento' value='{{ entity.txtRg}}'>
                </div>
            </div>
        </div>
        <div class="span4">
            <div class="control-group">
                    <label class='control-label'>{{'entidade.pessoafisica.datNascimento'|trans}}</label>
                <div class="controls">
                    <input type="text" readonly class='cemporcento' value='{{ entity.datNascimento|formatDate}}'>
                </div>
            </div>
        </div>
    </div>

    <div class="row-fluid">
        <div class="span6">

            <div class="control-group">
                <label class='control-label'>{{'entidade.pessoafisica.txtsEmails'|trans}}</label>
                {% for emailField in entity.txtsEmails %}
                    <div class="controls" style="margin-bottom: 5px;">
                        <input type="text" readonly class='cemporcento' class='cemporcento' value='{{ emailField.txtsEmails}}'>
                    </div>
                {% else %}
                    <div class="controls" style="margin-bottom: 5px;">
                        <span class="help-inline">Não Informado</span>
                    </div>
                {% endfor %}
            </div>

        </div>        
        <div class="span6">
            <div class="control-group">
                <label class='control-label'>{{'entidade.pessoafisica.pessoaTelefone'|trans}}</label>
                {% for telefoneField in entity.pessoaTelefone %}
                    <div class="controls" style="margin-bottom: 5px;">
                        <input type="text" class="cemporcento" readonly value='{{ telefoneField.codTipoTelefone.txtNome}}: {{ telefoneField.txtNumero}}'>
                        {#<input type="text" readonly value='{{ telefoneField.txtNumero}}'>#}
                    </div>
                {% endfor %}
            </div>
        </div>
    </fieldset>

    <fieldset  style="float: left; margin: 10px;">
        <legend>{{'cabecalho.fieldset.pessoa.endereco'|trans}}</legend>
        <div class="row-fluid">
            <div class="span8">
                {% set markers = '' %}
                {% set entrou = true %}
                {% for formEndereco in entity.pessoaEndereco %}
                    
                    <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">{{loop.index}}</span></a></div>
                        <div class="span2"><input style="width: 100%" type="text" readonly class='cemporcento' value="{{ formEndereco.codTipoEndereco.txtNome}}"></div>
                        <div class="span9"><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:'~loop.index~'|'~formEndereco.codTipoLogradouro.txtNome~' '~formEndereco.txtLogradouro~' - '~formEndereco.txtComplemento~' '~formEndereco.codMunicipio.txtNome~', '~formEndereco.codEstado.txtNome%}
                    </div>
                {% else %}
                    {% set entrou = false %}
                    <div class="row-fluid"  style="margin-bottom: 5px;">
                        <div class="span12">Nenhuma informação fornecida</div>
                    </div>
                {% endfor %}
            </div>
                {% if entrou %}
            <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>
                {% endif %}
        </div>
        
    </fieldset>
        
        
    <fieldset id="socioeconomico" style="float: left; margin: 10px;">
        <legend style="">{{'cabecalho.fieldset.pessoa.socioeconomico'|trans}}</legend>


    <div class="tabbable" style="background-color: white; padding: 0px;">
<ul class="nav nav-tabs" id="tabTemporal">
  

    {% for formTemporal in temporal %}
        <li><a href="#temporal_{{formTemporal.id}}" data-toggle="tab">{%if loop.index0 == 0%}Atual{%else%}{{formTemporal.datInicio|date('d/m/Y h:i')}}{%endif%}</a></li>
    {% endfor %}
</ul>      
<div class="tab-content">
    {% for formTemporal in temporal %}
<div class="tab-pane" id="temporal_{{formTemporal.id}}">
    <div class="row-fluid">
    
    <div class="span4">
        <div class="control-group">
            <label class='control-label'>{{'entidade.pessoafisica.pessoaFisicaTemporal.isResideOndeTrabalha'|trans}}</label>
            <div class="controls">
                <input type="text" readonly class='cemporcento' value="{{ formTemporal.isResideOndeTrabalha == 1? 'Sim':'Não'}}">
            </div>
        </div>
    </div>
    <div class="span4">        
        <div class="control-group">
            <label class='control-label'>{{'entidade.pessoafisica.pessoaFisicaTemporal.codTipoHabitacao'|trans}}</label>
            <div class="controls">
                <input type="text" readonly class='cemporcento' value="{{ formTemporal.codTipoHabitacao.txtNome }}">
            </div>
        </div>
    </div>    
    <div class="span4">
        <div class="control-group">
            <label class='control-label'>{{'entidade.pessoafisica.pessoaFisicaTemporal.codEstadoCivil'|trans}}</label>
            <div class="controls">
                <input type="text" readonly class='noventaporcento' value="{{ formTemporal.codEstadoCivil.txtNome }}">
            </div>
        </div>
    </div>
</div>

<div class="row-fluid">
    <div class="span4">
        <div class="control-group">
            <label class='control-label'>{{'entidade.pessoafisica.pessoaFisicaTemporal.numDependente'|trans}}</label>
            <div class="controls">
                <input type="text" readonly class='cemporcento' value="{{ formTemporal.numDependente }}">
            </div>
        </div>
    </div>
    <div class="span4">
        <div class="control-group">
            <label class='control-label'>{{'entidade.pessoafisica.pessoaFisicaTemporal.numDependenteComRenda'|trans}}</label>
            <div class="controls">
                <input type="text" readonly class='cemporcento' value="{{ formTemporal.numDependenteComRenda }}">
            </div>
        </div>
    </div>
    <div class="span4">
        <div class="control-group">
            <label class='control-label'>{{'entidade.pessoafisica.pessoaFisicaTemporal.codRendaMensal'|trans}}</label>
            <div class="controls">
                <input type="text" readonly class='noventaporcento' value="{{ formTemporal.codRendaMensal.txtNome }}">
            </div>
        </div>
    </div>
</div>

<div class="row-fluid">
    <div class="span4">
        <div class="control-group">
            <label class='control-label'>{{'entidade.pessoafisica.pessoaFisicaTemporal.numRendaAproximada'|trans}}</label>
            <div class="controls">
                <input type="text" readonly class='cemporcento' value="{{ formTemporal.numRendaAproximada|number_format(2, 'locale.decimalsep'|trans, 'locale.thousandsep'|trans) }}">
            </div>
        </div>
    </div>
    <div class="span4">
        <div class="control-group">
            <label class='control-label'>{{'entidade.pessoafisica.pessoaFisicaTemporal.codEscolaridade'|trans}}</label>
            <div class="controls">
                <input type="text" readonly class='cemporcento' value="{{ formTemporal.codEscolaridade.txtNome }}">
            </div>
        </div>
    </div>
    <div class="span4">
        <div class="control-group">
            <label class='control-label'>{{'entidade.pessoafisica.pessoaFisicaTemporal.codAcessoAgua'|trans}}</label>
            <div class="controls">
                <input type="text" readonly class='noventaporcento' value="{{ formTemporal.codAcessoAgua.txtNome }}">
            </div>
        </div>
    </div>
</div>

<div class="row-fluid">
    <div class="span4">
        <div class="control-group">
            <label class='control-label'>{{'entidade.pessoafisica.pessoaFisicaTemporal.codEnergiaEletrica'|trans}}</label>
            <div class="controls">
                <input type="text" readonly class='cemporcento' value="{{ formTemporal.codEnergiaEletrica.txtNome }}">
            </div>
        </div>
    </div>
    <div class="span4">
        <div class="control-group">
            <label class='control-label'>{{'entidade.pessoafisica.pessoaFisicaTemporal.codTratamentoEsgoto'|trans}}</label>
            <div class="controls">
                <input type="text" readonly class='cemporcento' value="{{ formTemporal.codTratamentoEsgoto.txtNome }}">
            </div>
        </div>
    </div>
    <div class="span4">
        <div class="control-group">
            <label class='control-label'>{{'entidade.pessoafisica.pessoaFisicaTemporal.codTratamentoLixo'|trans}}</label>
            <div class="controls">
                <input type="text" readonly class='noventaporcento' value="{{ formTemporal.codTratamentoLixo.txtNome }}">
            </div>
        </div>
    </div>
</div>


        
<div class="row-fluid">
    <div class="span6">
        <div class="control-group">
            <label class='control-label'>{{'entidade.pessoafisica.pessoaFisicaTemporal.pessoaFisicaTemporalBeneficio'|trans}}</label>
            {% for beneficioField in formTemporal.pessoaFisicaTemporalBeneficio %}
                <div class="controls" style="margin-bottom: 5px;">
                    <input type="text" readonly  value="{{beneficioField.codBeneficioTipo.txtNome}}">
                    <input type="text" readonly  value="{{beneficioField.txtDescricao}}">
                </div>
            {% else %}
                <div class="controls" style="margin-bottom: 5px;">
                    <span class="help-inline">Nenhuma informação fornecida</span>
                </div>
            {% endfor %}
        </div>
    </div>
    <div class="span6">
        <div class="control-group">
            <label class='control-label'>{{'entidade.pessoafisica.pessoaFisicaTemporal.pessoaFisicaTemporalAtividadeEconomica'|trans}}</label>
            {% for atividadeField in formTemporal.pessoaFisicaTemporalAtividadeEconomica %}
                <div class="controls" style="margin-bottom: 5px;">
                    <input type="text" readonly  value="{{atividadeField.codAtividadeEconomica.txtNome}}">
                    <input type="text" readonly  value="{{atividadeField.numPercentualRenda}}%">
                </div>
            {% else %}
                <div class="controls" style="margin-bottom: 5px;">
                    <span class="help-inline">Nenhuma informação fornecida</span>
                </div>
            {% endfor %}
        </div>
    </div>
</div>
        
</div>
    {% endfor %}
    </div>
</form>
</div>
        </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 %}#}
            {% if entity.codRespInclusao 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
                        inclusão: {{ entity.codRespInclusao.codPessoa.txtNome }}
                        em {{ entity.datInclusao|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 %}
        </div>
    {%endif%}
    <div class=" div-actions">


            {% if is_granted('ROLE_PESSOAFISICA_LIST') %}
            <a class="btn" href="{{ path('pessoafisica') }}">
                {{'acao.listar'|trans}}
            </a>
            {% endif %}
            {% if is_granted('ROLE_PESSOAFISICA_EDIT') %}
            <a class="btn" href="{{ path('pessoafisica_edit', { 'id': entity.id }) }}">
                {{'acao.editar'|trans}}
            </a>
            {%  endif %}
            {% if is_granted('ROLE_PESSOAFISICA_DELETE') %}
            <a class="btn btn-danger btn-delete" href="{{ path('pessoafisica_delete', { 'id': entity.id }) }}">
                {{'acao.excluir'|trans}}
            </a>
            {% endif %}
    </div>
 
</div>

<script type="text/javascript"> $('.btn-delete').prepararExclusao(); </script>
<script>
$(function () {
    $('#tabTemporal a').click(function (e) {
        e.preventDefault();
        $(this).tab('show');
    })
     $('#tabTemporal a:first').tab('show');
  })
</script>
{% endblock %}