{% if (not ocor.isFechada() and not permissao.editarOcorrencia) or (ocor.isFechada() and not permissao.editarOcorrenciaFechada) %}
{% set dis = 'disabled="disabled"' %}
{% endif %}

<div class="col-md-12">
    <div class="row" style="border-bottom: solid 1px #CCCCCC; margin-bottom: 10px;">
        <h4 style="float: left; display: block;">
            <i class="fa fa-map-marker"></i> Endereço da Ocorrência
        </h4>

        {{ partial('despacho/partial-ocorrencia-toolbar') }}
    </div>

    {{ form.render('OCOR_X_OCORRENCIA') }}
    {{ form.render('OCOR_Y_OCORRENCIA') }}
    {{ form.render('LAT') }}
    {{ form.render('LON') }}

    <div class="row">
        <!-- LEFT COL -->
        <div class="col-md-8">
            <div class="row" style="margin-bottom: 10px;">
                <div class="col-md-6">
                    {{ form.label('OCOR_ID_PROPRIO', ['class': 'control-label']) }}
                    {{ form.render('OCOR_ID_PROPRIO') }}
                </div>
            </div>

            <div class="row" style="margin-bottom: 10px;">
                <div class="col-md-8">
                    {{ form.label('TXT_OCOR_CEP_OCORRENCIA', ['class': 'control-label']) }}
                    {{ form.render('TXT_OCOR_CEP_OCORRENCIA') }}

                    {{ form.render('OCOR_CEP_OCORRENCIA') }}
                </div>

                <div class="col-md-1">
                    <button id="listarOcorrenciaDespachoEndereco" title="Lista Ocorrência" type="button" class="btn btn-default" data-toggle="modal"
                                data-target="#listaOcorrenciaEnderecoModal"
                                style="margin-top: 24px; text-align: center;"><i class="fas fa-eye"></i>
                    </button>
                </div>

                <div class="col-md-3">
                    {{ form.label('OCOR_NR_END_OCORRENCIA', ['class': 'control-label']) }}
                    {{ form.render('OCOR_NR_END_OCORRENCIA') }}
                </div>
            </div>

            <div class="row" style="margin-bottom: 10px;">
                <div class="col-md-6">
                    {{ form.label('OCOR_BAIRRO_OCORRENCIA', ['class': 'control-label']) }}
                    {{ form.render('OCOR_BAIRRO_OCORRENCIA') }}
                </div>

                <div class="col-md-6">
                    {{ form.label('OCOR_TX_END_COMPL_OCORRENCIA', ['class': 'control-label']) }}
                    {{ form.render('OCOR_TX_END_COMPL_OCORRENCIA') }}
                </div>
            </div>

            <div class="row" style="margin-bottom: 10px;">
                <div class="col-md-6">
                    {{ form.label('TXT_OCOR_CEP2_OCORRENCIA', ['class': 'control-label']) }}
                    {{ form.render('TXT_OCOR_CEP2_OCORRENCIA') }}

                    {{ form.render('OCOR_CEP2_OCORRENCIA') }}
                </div>

                <div class="col-md-6">
                    {{ form.label('TXT_OCOR_CEP3_OCORRENCIA', ['class': 'control-label']) }}
                    {{ form.render('TXT_OCOR_CEP3_OCORRENCIA') }}

                    {{ form.render('OCOR_CEP3_OCORRENCIA') }}
                </div>
            </div>

            <div class="row" style="margin-bottom: 10px;">
                <div class="col-md-6 dc-hide">
                    {{ form.label('circunscricao_id', ['class': 'control-label']) }}
                    {{ form.render('circunscricao_id') }}
                </div>
            </div>

            <div class="row" style="margin-bottom: 10px;">
                <div class="col-md-6">
                    {{ form.label('OCOR_ID_REGIONAL', ['class': 'control-label']) }}
                    {{ form.render('OCOR_ID_REGIONAL') }}
                </div>

                <div class="col-md-6 dc-hide">
                    {{ form.label('OCOR_VTR_PRINCIPAL', ['class': 'control-label']) }}

                    <div class="input-group">
                        {{ form.render('OCOR_VTR_PRINCIPAL') }}

                        {% if permissao.editarOcorrencia and not finalizadoMobile%}
                        <span class="input-group-btn">
                            <button type="button" class="btn btn-info openModalVtr" data-toggle="modal"
                                data-target="#viaturaModal" title="Localizar">
                                <i class="fa fa-car"></i>
                            </button>
                            {% endif %}
                        </span>

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

        <!-- RIGHT COL -->
        <div class="col-md-4">
            <div class="row">
                <label class="control-label col-md-12" for="ocor_local">Local da Ocorrência</label>
            </div>
            <div class="row">
                <div id="mapa1" style="height: 315px;">
                    <div style="margin-top: 50px; text-align: center;">
                        <button type="button" id="inicializaMapa" class="btn btn-warning">
                            <i class="fa fa-map-marked-alt"></i> Exibir Mapa
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!--Modal botão  listaOcorrenciaUsuarioModal -->
{% include "despacho/modallistaOcorrenciaDesEnderecopacho.phtml" %}