{{ formEnvolvido.render('ENVO_SEQ') }}

<!-- ------------------------------------------------ -->
<!--                Informações Gerais                -->
<!-- ------------------------------------------------ -->
<div class="x_title">
    <h2><i class="fas fa-user-alt"></i> Informações Gerais <span style="font-size: small" id="data_ultima_att_cortex"></span></h2>
    <div class="clearfix"></div>
</div>
<div class="row" style="margin-bottom: 10px;">
    <div class="col-md-8">
        <div class="row line">

            <div class="col-md-4">
                {{ formEnvolvido.label('ENVO_CPF', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_CPF') }}
            </div>
            <div class="col-md-4">
                {{ formEnvolvido.label('ENVO_NOME', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_NOME') }}
            </div>
            <div class="col-md-4">
                {{ formEnvolvido.label('nome_social', ['class': 'control-label']) }}
                {{ formEnvolvido.render('nome_social') }}
            </div>
        </div>
        <div class="row line">
            <div class="col-md-4">
                {{ formEnvolvido.label('ENVO_COR', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_COR') }}
            </div>
            <div class="col-md-4">
                {{ formEnvolvido.label('ENVO_DT_NASC', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_DT_NASC') }}
            </div>
            <div class="col-md-4">
                {{ formEnvolvido.label('ENVO_APELIDO', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_APELIDO') }}
            </div>
        </div>
        <div class="row line">
            <div class="col-md-4">
                {{ formEnvolvido.label('ENVO_RG_ENVOLVIDO', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_RG_ENVOLVIDO') }}
            </div>
            <div class="col-md-4">
                {{ formEnvolvido.label('rg_digito', ['class': 'control-label']) }}
                {{ formEnvolvido.render('rg_digito') }}
            </div>
        </div>
        <div class="row line">
            <div class="col-md-4">
                {{ formEnvolvido.label('rg_emissao', ['class': 'control-label']) }}
                {{ formEnvolvido.render('rg_emissao') }}
            </div>
            <div class="col-md-4">
                {{ formEnvolvido.label('ENVO_RG_UF', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_RG_UF') }}
            </div>
        </div>
        <div class="row line">
            <div class="col-md-4">
                {{ formEnvolvido.label('ENVO_SEXO', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_SEXO') }}
            </div>
            <div class="col-md-4">
                {{ formEnvolvido.label('genero_id', ['class': 'control-label']) }}
                {{ formEnvolvido.render('genero_id') }}
            </div>
            <div class="col-md-4">
                {{ formEnvolvido.label('orientacao_sexual_id', ['class': 'control-label']) }}
                {{ formEnvolvido.render('orientacao_sexual_id') }}
            </div>
        </div>
        <div class="row line">
            <div class="col-md-4">
                {{ formEnvolvido.label('ENVO_FONE', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_FONE') }}
                <p>* DDD obrigatório</p>
            </div>
            <div class="col-md-4">
                {{ formEnvolvido.label('ENVO_CELULAR', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_CELULAR') }}
                <p>* DDD obrigatório</p>
            </div>
            <div class="col-md-4">
                {{ formEnvolvido.label('ENVO_EMAIL', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_EMAIL') }}
            </div>
        </div>
        <div class="row line">

            <div class="col-md-4">
                {{ formEnvolvido.label('nacional_pais_ibge_id', ['class': 'control-label']) }}
                {{ formEnvolvido.render('nacional_pais_ibge_id') }}
            </div>
        </div>
        <div class="row line">
            <div class="col-md-6">
                {{ formEnvolvido.label('ENVO_MAE', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_MAE') }}
            </div>
            <div class="col-md-6">
                {{ formEnvolvido.label('ENVO_PAI', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_PAI') }}
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="destaqueP">
            {% if novo %}
            <div class="row">
                <div class="col-md-12 file_selector_envolvido">
                    <i class="fas fa-camera fa-5x"></i>
                    <label class="file_label">
                        <span id="destaque_name_P_new">Após gravação do cadastro serão incluidas as imagens</span>
                    </label>
                </div>
            </div>
            {% elseif objectkeyP %}
            <div class="thumbnail" tipodestaque="P">
                <img class="listedImage" src="{{lnkImgDestaqueP}}">
                <div class="destaque-buttons">
                    <button type="button" class="btn btn-info btn-sm verFotoDestaque" id="{{objectkeyP}}">
                        <i class="fas fa-expand-arrows-alt fa-lg"></i> Visualizar
                    </button>
                    <button type="button" class="btn btn-danger btn-sm deletaFotoDestaque" id="{{objectkeyP}}">
                        <i class="fas fa-minus-square fa-lg"></i> Excluir
                    </button>
                </div>
            </div>
            {% else %}
            <div class="row">
                <div class="col-md-12 file_selector_envolvido">
                    <i class="fas fa-camera fa-5x"></i>
                    <label class="file_label">
                        <span id="destaque_name_P_new">Clique ou arraste a foto/imagem aqui</span>
                    </label>
                    <input class="fileInput" name="file" id="destaque_P_new" type="file">
                </div>
            </div>
            {% endif %}
        </div>
    </div>
</div>

<!-- ------------------------------------------------ -->
<!--                     Endereço                     -->
<!-- ------------------------------------------------ -->

<div class="x_title">
    <h2><i class="fas fa-home"></i> Endereço</h2>
    <div class="clearfix"></div>
</div>
<div class="row" style="margin-bottom: 10px;">
    <div class="col-md-8">
        <div class="row line">
            <div class="col-md-2">
                {{ formEnvolvido.label('ENVO_UF', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_UF') }}
            </div>

            <div class="col-md-5">
                {{ formEnvolvido.label('municipio_ibge_id', ['class': 'control-label']) }}
                {{ formEnvolvido.render('municipio_ibge_id') }}
            </div>
            <div class="col-md-5">
                {{ formEnvolvido.label('ENVO_CIDADE', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_CIDADE') }}
            </div>

        </div>
        <div class="row line">
            <div class="col-md-4">
                {{ formEnvolvido.label('ENVO_BAIRRO', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_BAIRRO') }}
            </div>
            <div class="col-md-4">
                {{ formEnvolvido.label('ENVO_ENDERECO_CEP', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_ENDERECO_CEP') }}
            </div>
        </div>
        <div class="row line">
            <div class="col-md-6">
                {{ formEnvolvido.label('ENVO_ENDERECO', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_ENDERECO') }}
            </div>
            <div class="col-md-2">
                {{ formEnvolvido.label('ENVO_NR_ENDERECO', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_NR_ENDERECO') }}
            </div>
            <div class="col-md-4">
                {{ formEnvolvido.label('ENVO_ENDERECO_COMPLEMENTO', ['class': 'control-label']) }}
                {{ formEnvolvido.render('ENVO_ENDERECO_COMPLEMENTO') }}
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="destaqueE">
            {% if novo %}
            <div class="row">
                <div class="col-md-12 file_selector_envolvido">
                    <i class="fas fa-camera fa-5x"></i>
                    <label class="file_label">
                        <span id="destaque_name_E_new">Após gravação do cadastro serão incluidas as imagens</span>
                    </label>
                </div>
            </div>
            {% elseif objectkeyE %}
            <div class="thumbnail" tipodestaque="E">
                <img class="listedImage" src="{{lnkImgDestaqueE}}">
                <div class="destaque-buttons">
                    <button type="button" class="btn btn-info btn-sm verFotoDestaque" id="{{objectkeyE}}">
                        <i class="fas fa-expand-arrows-alt fa-lg"></i> Visualizar
                    </button>
                    <button type="button" class="btn btn-danger btn-sm deletaFotoDestaque" id="{{objectkeyE}}">
                        <i class="fas fa-minus-square fa-lg"></i> Excluir
                    </button>
                </div>
            </div>
            {% else %}
            <div class="row">
                <div class="col-md-12 file_selector_envolvido">
                    <i class="fas fa-camera fa-5x"></i>
                    <label class="file_label">
                        <span id="destaque_name_E_new">Clique ou arraste a foto/imagem aqui</span>
                    </label>
                    <input class="fileInput" name="file" id="destaque_E_new" type="file">
                </div>
            </div>
            {% endif %}
        </div>
    </div>
</div>

<!-- ------------------------------------------------ -->
<!--              Envolvido Monitoramento             -->
<!-- ------------------------------------------------ -->

<div class="x_title">
    <h2><i class="fas fa-user-secret"></i> Monitoramento</h2>
    <div class="clearfix"></div>
</div>
<label class="col-sm-8 control-label labelMonitoramento">Para cadastrar o monitoramento, é necessário incluir o
    envolvido</label>
<div class="row modulo_monitoramento" style="margin-bottom: 10px;">
    <div class="col-md-12">
        <div class="row line">
            <div class="col-md-3" id="bt_monitoramento">
                <label for="envolvido_monitorar" class="col-sm-7 control-label">Monitorar?</label>
                <input type="checkbox" name="envolvido_monitorar" id="envolvido_monitorar" class="js-switchAjax"
                    value="0">
            </div>
            <div id="dados_monitoramento">
                <div class="col-md-3">
                    <label class="col-sm-3 control-label">Tipo Monitoramento<span class="text-danger">*</span></label>
                    <select name="envolvido_tipo_monitoramento" id="envolvido_tipo_monitoramento"
                        class="form-control form-input select2_single">
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="envolvido_data_monitoramento" class="col-sm-3 control-label">Data Monitoramento<span
                            class="text-danger">*</span></label>
                    <input type="text" class="dhpicker form-control" id="envolvido_data_monitoramento"
                        placeholder="Data Monitoramento">
                </div>
                <div class="col-md-3">
                    <label class="col-sm-3 control-label">Grupos<span class="text-danger">*</span></label>
                    <br>
                    <br>
                    <select name="envolvido_grupo_ivss" id="envolvido_grupo_ivss"
                        class="form-control form-input select2_single">
                        <option value=""></option>
                        <option value="CPN">CPN</option>
                        <option value="Blacklist">Blacklist</option>
                        <option value="Desaparecidos">Desaparecidos</option>
                    </select>
                </div>

                <div class="col-md-8">
                    <label for="envolvido_descricao_motivo" class="col-sm-3 control-label">Motivo<span
                            class="text-danger">*</span></label>
                    <textarea name="envolvido_descricao_motivo" class="form-control form input"
                        id="envolvido_descricao_motivo" style="resize:none; height: 100px; width: 560px"
                        placeholder="Descrição Motivo"></textarea>
                </div>
            </div>
        </div>
    </div>
</div>
<hr>
<div class="x_panel">
    <div class="row text-center">
        <h4 class="modal-title"><i class="fas fa-info-circle"></i> Informações</h4>
        <hr>
    </div>
    <div class="row" style="margin-bottom: 10px;">
        <div class="col-md-2">
            <label class="control-label col-md-12">Criado Em</label>
            <div class="col-md-12">
                <span id="criadoEm">
                    {% if novo %}
                    -
                    {% else %}
                    {%if criadoEm == '' %}
                    -
                    {%else%}
                    {{ date('d/m/Y H:i:s', strtotime(criadoEm)) }}
                    {% endif %}
                    {% endif %}
                </span>
            </div>
        </div>
        <div class="col-md-4">
            <label class="control-label col-md-12">Criado Por</label>
            <div class="col-md-12">
                <span>{{criadoPor}}</span>
            </div>
        </div>
        <div class="col-md-2">
            <label class="control-label col-md-12">Alterado Em</label>
            <div class="col-md-12">
                <span>
                    {% if novo %}
                    -
                    {% else %}
                    {%if alteradoEm == '' %}
                    -
                    {%else%}
                    {{ date('d/m/Y H:i:s', strtotime(alteradoEm)) }}
                    {% endif %}
                    {% endif %}
                </span>
            </div>
        </div>
        <div class="col-md-4">
            <label class="control-label col-md-12">Alterado Por</label>
            <div class="col-md-12">
                <span>{{alteradoPor}}</span>
            </div>
        </div>
    </div>
</div>