{% extends "base.html" %}

{% block title %}Funcionário RH/Ponto{% endblock %}

{% block content %}
<div class="cape-form-shell">
{% set valor_matricula = funcionario.matricula if funcionario and (funcionario.matricula|string|trim|lower) not in ['none', 'null', 'undefined', 'nan', 'nat'] else '' %}
{% set valor_local_trabalho = funcionario.local_trabalho if funcionario and (funcionario.local_trabalho|string|trim|lower) not in ['none', 'null', 'undefined', 'nan', 'nat'] else ((empresa_vinculada_trabalho.local_trabalho if empresa_vinculada_trabalho else '') or '') %}
{% set valor_endereco_cep = funcionario.endereco_trabalho_cep if funcionario and (funcionario.endereco_trabalho_cep|string|trim|lower) not in ['none', 'null', 'undefined', 'nan', 'nat'] else ((empresa_vinculada_trabalho.endereco_trabalho_cep if empresa_vinculada_trabalho else '') or '') %}
{% set valor_endereco_logradouro = funcionario.endereco_trabalho_logradouro if funcionario and (funcionario.endereco_trabalho_logradouro|string|trim|lower) not in ['none', 'null', 'undefined', 'nan', 'nat'] else ((empresa_vinculada_trabalho.endereco_trabalho_logradouro if empresa_vinculada_trabalho else '') or '') %}
{% set valor_endereco_numero = funcionario.endereco_trabalho_numero if funcionario and (funcionario.endereco_trabalho_numero|string|trim|lower) not in ['none', 'null', 'undefined', 'nan', 'nat'] else ((empresa_vinculada_trabalho.endereco_trabalho_numero if empresa_vinculada_trabalho else '') or '') %}
{% set valor_endereco_complemento = funcionario.endereco_trabalho_complemento if funcionario and (funcionario.endereco_trabalho_complemento|string|trim|lower) not in ['none', 'null', 'undefined', 'nan', 'nat'] else ((empresa_vinculada_trabalho.endereco_trabalho_complemento if empresa_vinculada_trabalho else '') or '') %}
{% set valor_endereco_bairro = funcionario.endereco_trabalho_bairro if funcionario and (funcionario.endereco_trabalho_bairro|string|trim|lower) not in ['none', 'null', 'undefined', 'nan', 'nat'] else ((empresa_vinculada_trabalho.endereco_trabalho_bairro if empresa_vinculada_trabalho else '') or '') %}
{% set valor_endereco_cidade = funcionario.endereco_trabalho_cidade if funcionario and (funcionario.endereco_trabalho_cidade|string|trim|lower) not in ['none', 'null', 'undefined', 'nan', 'nat'] else ((empresa_vinculada_trabalho.endereco_trabalho_cidade if empresa_vinculada_trabalho else '') or '') %}
{% set valor_endereco_uf = funcionario.endereco_trabalho_uf if funcionario and (funcionario.endereco_trabalho_uf|string|trim|lower) not in ['none', 'null', 'undefined', 'nan', 'nat'] else ((empresa_vinculada_trabalho.endereco_trabalho_uf if empresa_vinculada_trabalho else '') or '') %}
<div class="cape-form-header border-bottom pb-2 mb-0">
    <div class="cape-form-header-main">
        <h1 class="h3 mb-0">
            <i class="bi bi-person-vcard"></i>
            {% if funcionario %}Editar Funcionário{% else %}Novo Funcionário{% endif %}
        </h1>
    </div>
    <div class="cape-form-header-actions">
        {% if funcionario %}
        <a href="{{ url_for('rh_funcionario_detalhe', id=funcionario.id, empresa_id=empresa.id) }}" class="btn btn-outline-primary btn-sm">
            <i class="bi bi-eye"></i> Abrir ficha
        </a>
        <button type="button" class="btn btn-outline-warning btn-sm" id="btnForcarSyncRep" title="Enfileirar sincronização REP para este funcionário">
            <i class="bi bi-arrow-repeat"></i> REP
        </button>
        {% endif %}
        <a href="{{ url_voltar or url_for('rh_funcionarios') }}" class="btn btn-outline-secondary btn-sm">
            <i class="bi bi-arrow-left"></i> Voltar
        </a>
    </div>
</div>

{% if funcionario %}
<div id="repSyncFeedback" class="alert d-none mt-3 mb-3 py-2" role="alert"></div>
{% endif %}

{% if conflito_transferencia %}
<div class="alert alert-warning border shadow-sm d-flex flex-column flex-lg-row justify-content-between align-items-lg-center gap-3">
    <div>
        <div class="fw-semibold mb-1"><i class="bi bi-exclamation-triangle"></i> Funcionário já vinculado em outra empresa</div>
        <div class="small mb-1">
            Este colaborador já está no RH da empresa <strong>{{ conflito_transferencia.empresa_origem_nome }}</strong>
            {% if conflito_transferencia.funcionario_origem_nome %}
            como <strong>{{ conflito_transferencia.funcionario_origem_nome }}</strong>.
            {% endif %}
        </div>
        <div class="small text-muted">Abra a ficha na empresa de origem para transferir o vínculo para <strong>{{ conflito_transferencia.empresa_destino_nome }}</strong> sem duplicar cadastro.</div>
    </div>
    <div class="d-flex flex-column flex-sm-row gap-2">
        <a href="{{ conflito_transferencia.url_ir_para_origem }}" class="btn btn-warning">
            <i class="bi bi-box-arrow-up-right"></i> Ir para empresa de origem
        </a>
        <a href="{{ safe_url_for('rh_funcionarios_lista', empresa_id=conflito_transferencia.empresa_origem_id, fallback=safe_url_for('rh_funcionarios', empresa_id=conflito_transferencia.empresa_origem_id)) }}" class="btn btn-outline-secondary">
            <i class="bi bi-building"></i> Abrir lista da empresa
        </a>
    </div>
</div>
{% endif %}

<div class="card">
    <div class="card-body">
        <form method="POST" enctype="multipart/form-data">
            <input type="hidden" name="empresa_trabalho_id" id="empresa_trabalho_id" value="{{ empresa_vinculada_trabalho.id if empresa_vinculada_trabalho else (empresa.id if empresa else '') }}">
            <div class="alert alert-light border d-flex flex-column flex-lg-row justify-content-between align-items-lg-center gap-2 mb-4">
                <div>
                    <div class="fw-semibold"><i class="bi bi-building"></i> Empresa do cadastro</div>
                    <div>{{ empresa.nome_fantasia or empresa.razao_social or empresa.nome }}</div>
                </div>
                <div class="small text-muted">Este cadastro e os filtros da rotina obedecem a empresa selecionada no ERP.</div>
            </div>

            <ul class="nav nav-tabs mb-3" id="rhFuncionarioTabs" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="tab-dados-basicos-tab" data-bs-toggle="tab" data-bs-target="#tab-dados-basicos" type="button" role="tab" aria-controls="tab-dados-basicos" aria-selected="true">
                        <i class="bi bi-person-lines-fill"></i> Dados básicos
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="tab-trabalho-tab" data-bs-toggle="tab" data-bs-target="#tab-trabalho" type="button" role="tab" aria-controls="tab-trabalho" aria-selected="false">
                        <i class="bi bi-geo-alt"></i> Trabalho e endereço
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="tab-contrato-tab" data-bs-toggle="tab" data-bs-target="#tab-contrato" type="button" role="tab" aria-controls="tab-contrato" aria-selected="false">
                        <i class="bi bi-file-earmark-text"></i> Contrato e documentos
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="tab-acesso-tab" data-bs-toggle="tab" data-bs-target="#tab-acesso" type="button" role="tab" aria-controls="tab-acesso" aria-selected="false">
                        <i class="bi bi-phone"></i> Acesso e ponto
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="tab-midias-tab" data-bs-toggle="tab" data-bs-target="#tab-midias" type="button" role="tab" aria-controls="tab-midias" aria-selected="false">
                        <i class="bi bi-image"></i> Foto e observações
                    </button>
                </li>
            </ul>

            <div class="tab-content pt-2" id="rhFuncionarioTabsContent">
                <div class="tab-pane fade show active" id="tab-dados-basicos" role="tabpanel" aria-labelledby="tab-dados-basicos-tab" tabindex="0">
                    <div class="row g-3">
                        <div class="col-lg-2 col-md-3">
                            <label class="form-label d-block">Foto do Funcionário</label>
                            <div class="border rounded bg-light p-3 text-center h-100">
                                {% if funcionario and funcionario.foto_base64 %}
                                {% set foto_src_topo = funcionario.foto_base64 if (funcionario.foto_base64 or '').startswith('data:image') else 'data:image/jpeg;base64,' ~ (funcionario.foto_base64 or '') %}
                                <img id="rhFuncionarioFotoTopo" src="{{ foto_src_topo }}" alt="Foto de {{ funcionario.nome }}" class="rounded-circle border mb-2" style="width: 104px; height: 104px; object-fit: cover;">
                                <div class="small text-muted" id="rhFuncionarioFotoTopoStatus">Foto sincronizada / cadastrada</div>
                                {% else %}
                                <img id="rhFuncionarioFotoTopo" src="" alt="Foto do funcionário" class="rounded-circle border mb-2 d-none" style="width: 104px; height: 104px; object-fit: cover;">
                                <div id="rhFuncionarioFotoTopoPlaceholder" class="rounded-circle border bg-white text-muted d-flex align-items-center justify-content-center mx-auto mb-2" style="width: 104px; height: 104px;">
                                    <i class="bi bi-person-fill" style="font-size: 2.25rem;"></i>
                                </div>
                                <div class="small text-muted" id="rhFuncionarioFotoTopoStatus">Sem foto no ERP/cloud</div>
                                {% endif %}
                            </div>
                        </div>
                        <div class="col-lg-10 col-md-9">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label">Nome *</label>
                                    <input type="text" class="form-control" name="nome" required value="{{ funcionario.nome if funcionario else '' }}">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label">ID Funcional</label>
                                    <input type="text" class="form-control" name="id_funcional" maxlength="40" value="{{ funcionario.id_funcional if funcionario else '' }}">
                                    <div class="form-text">Identificador por empresa (se vazio, gera automático).</div>
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label">Matrícula</label>
                                    <input type="text" class="form-control" name="matricula" value="{{ valor_matricula }}">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label">Código de Batida</label>
                                    <input type="text" class="form-control" name="codigo_batida" maxlength="10" inputmode="numeric" value="{{ funcionario.codigo_batida if funcionario else '' }}">
                                    <div class="form-text">Se vazio, o sistema gera automaticamente.</div>
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label">CPF</label>
                                    <input type="text" class="form-control" name="cpf" value="{{ funcionario.cpf if funcionario else '' }}">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label">Cargo</label>
                                    {% set cargo_atual = funcionario.cargo if funcionario else '' %}
                                    <select class="form-select" name="cargo">
                                        <option value="">-- selecione um cargo --</option>
                                        {% for item in cargos_rh or [] %}
                                        <option value="{{ item.nome }}" {% if cargo_atual == item.nome %}selected{% endif %}>{{ item.nome }}</option>
                                        {% endfor %}
                                    </select>
                                    <div class="form-text">Cadastre novas opções em <a href="{{ url_for('rh_cadastros_basicos') }}">Cargos / Departamentos</a>.</div>
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label">Departamento</label>
                                    {% set departamento_atual = funcionario.departamento if funcionario else '' %}
                                    <select class="form-select" name="departamento">
                                        <option value="">-- selecione um departamento --</option>
                                        {% for item in departamentos_rh or [] %}
                                        <option value="{{ item.nome }}" {% if departamento_atual == item.nome %}selected{% endif %}>{{ item.nome }}</option>
                                        {% endfor %}
                                    </select>
                                    <div class="form-text">Use o cadastro padrão para manter perfis e relatórios consistentes.</div>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Pessoa (cadastro)</label>
                                    <select class="form-select" name="pessoa_id">
                                        <option value="">-- sem vínculo --</option>
                                        {% for p in pessoas_funcionarios %}
                                            <option value="{{ p.id }}" {% if funcionario and funcionario.pessoa_id == p.id %}selected{% endif %}>{{ p.nome }}</option>
                                        {% endfor %}
                                    </select>
                                    <div class="form-text">A lista já vem filtrada para o contexto da empresa ativa e evita pessoas que já estejam vinculadas ao RH de outra empresa.</div>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Escala de Trabalho</label>
                                    <select class="form-select" name="escala_trabalho_id">
                                        <option value="">-- sem escala vinculada --</option>
                                        {% for esc in escalas_trabalho or [] %}
                                            <option value="{{ esc.id }}" {% if funcionario and funcionario.escala_trabalho_id == esc.id %}selected{% endif %}>
                                                {{ esc.codigo }} - {{ esc.nome }}{% if esc._empresa_origem_nome %} • {{ esc._empresa_origem_nome }}{% endif %}
                                            </option>
                                        {% endfor %}
                                    </select>
                                    <div class="form-text">Associa o colaborador a uma escala compartilhada entre as empresas do ERP. O nome da empresa ao lado indica apenas a origem do cadastro.</div>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Local de Trabalho</label>
                                    <input type="text" class="form-control" name="local_trabalho" id="local_trabalho" list="listaEmpresasTrabalho" value="{{ valor_local_trabalho }}" placeholder="Selecione uma empresa cadastrada para sugerir o endereço ou ajuste manualmente">
                                    <datalist id="listaEmpresasTrabalho">
                                        {% for emp_sug in empresas_sugestao_trabalho or [] %}
                                        <option value="{{ emp_sug.local_trabalho }}">{{ emp_sug.nome }}{% if emp_sug.local_trabalho %} — {{ emp_sug.local_trabalho }}{% endif %}</option>
                                        {% endfor %}
                                    </datalist>
                                    <div class="form-text">As sugestões vêm do cadastro de empresas do ERP e usam o endereço cadastrado da empresa selecionada para preencher este campo e os dados abaixo.</div>
                                </div>
                                <div class="col-12">
                                    <div class="small text-muted">A foto do funcionário aparece aqui assim que existir upload manual ou sincronização do app/cloud.</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="tab-pane fade" id="tab-trabalho" role="tabpanel" aria-labelledby="tab-trabalho-tab" tabindex="0">
                    <div class="row g-3">
                        <div class="col-12">
                            <div class="alert alert-light border d-flex flex-column flex-lg-row gap-3 justify-content-between align-items-lg-center">
                                <div>
                                    <div class="fw-semibold"><i class="bi bi-buildings"></i> Sugestões pelo cadastro de empresas</div>
                                    <div class="small text-muted">Use uma empresa cadastrada para preencher automaticamente local de trabalho e endereço. A empresa escolhida aqui passa a ser a empresa de trabalho explícita desta ficha.</div>
                                </div>
                                <div class="d-flex flex-column flex-sm-row gap-2 w-100 w-lg-auto">
                                    <select class="form-select" id="empresa_trabalho_sugestao" style="min-width: 320px;">
                                        <option value="">Selecione uma empresa para sugerir o endereço...</option>
                                        {% for emp_sug in empresas_sugestao_trabalho or [] %}
                                        <option value="{{ emp_sug.id }}"
                                                data-nome="{{ emp_sug.nome }}"
                                                data-local-trabalho="{{ emp_sug.local_trabalho }}"
                                                data-cep="{{ emp_sug.endereco_trabalho_cep }}"
                                                data-logradouro="{{ emp_sug.endereco_trabalho_logradouro }}"
                                                data-numero="{{ emp_sug.endereco_trabalho_numero }}"
                                                data-complemento="{{ emp_sug.endereco_trabalho_complemento }}"
                                                data-bairro="{{ emp_sug.endereco_trabalho_bairro }}"
                                                data-cidade="{{ emp_sug.endereco_trabalho_cidade }}"
                                                data-uf="{{ emp_sug.endereco_trabalho_uf }}"
                                                data-resumo="{{ emp_sug.endereco_trabalho_resumo }}"
                                                {% if empresa_vinculada_trabalho and emp_sug.id == empresa_vinculada_trabalho.id %}selected{% endif %}>
                                            {{ emp_sug.nome }}{% if emp_sug.cnpj %} • {{ emp_sug.cnpj }}{% endif %}
                                        </option>
                                        {% endfor %}
                                    </select>
                                    <div class="d-flex gap-2">
                                        <button type="button" class="btn btn-outline-primary" id="btnAplicarEmpresaTrabalho">Aplicar empresa</button>
                                        {% if empresa_vinculada_trabalho %}
                                        <button type="button" class="btn btn-outline-secondary" id="btnAplicarEmpresaVinculada">Usar empresa vinculada</button>
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                            <div class="small text-muted" id="empresaTrabalhoSelecionadaTexto">
                                {% if empresa_vinculada_trabalho %}
                                Empresa de trabalho atual: <strong>{{ empresa_vinculada_trabalho.nome }}</strong>
                                {% else %}
                                Sem empresa de trabalho definida explicitamente. O sistema usará a empresa atual do cadastro.
                                {% endif %}
                            </div>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">CEP</label>
                            <input type="text" class="form-control" name="endereco_trabalho_cep" id="endereco_trabalho_cep" value="{{ valor_endereco_cep }}" placeholder="00000-000">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Logradouro</label>
                            <input type="text" class="form-control" name="endereco_trabalho_logradouro" id="endereco_trabalho_logradouro" value="{{ valor_endereco_logradouro }}" placeholder="Rua, avenida, travessa...">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">Número</label>
                            <input type="text" class="form-control" name="endereco_trabalho_numero" id="endereco_trabalho_numero" value="{{ valor_endereco_numero }}" placeholder="123">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">UF</label>
                            <input type="text" class="form-control" maxlength="2" name="endereco_trabalho_uf" id="endereco_trabalho_uf" value="{{ valor_endereco_uf }}" placeholder="SP">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Complemento</label>
                            <input type="text" class="form-control" name="endereco_trabalho_complemento" id="endereco_trabalho_complemento" value="{{ valor_endereco_complemento }}" placeholder="Sala, bloco, referência...">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Bairro</label>
                            <input type="text" class="form-control" name="endereco_trabalho_bairro" id="endereco_trabalho_bairro" value="{{ valor_endereco_bairro }}">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Cidade</label>
                            <input type="text" class="form-control" name="endereco_trabalho_cidade" id="endereco_trabalho_cidade" value="{{ valor_endereco_cidade }}">
                        </div>
                        <div class="col-12">
                            <div class="alert alert-light border mb-0 py-2 small" id="rhEnderecoTrabalhoResumo">
                                <strong>Resumo do endereço:</strong>
                                {{ funcionario.endereco_trabalho_formatado if funcionario and funcionario.endereco_trabalho_formatado else 'Será montado automaticamente a partir dos campos acima.' }}
                            </div>
                        </div>
                        <div class="col-md-8">
                            <label class="form-label">Coordenadas do Google Maps</label>
                            <div class="input-group">
                                <input type="text" class="form-control" id="coordenadas_google_maps" placeholder="Ex.: -12.227870727158018, -38.93980846931155">
                                <button type="button" class="btn btn-outline-primary" id="btnAplicarCoordenadasGoogle">Aplicar coordenadas</button>
                            </div>
                            <div class="form-text">Pode colar no formato <code>latitude, longitude</code> ou até um texto copiado do Maps contendo os dois números.</div>
                            <div class="small text-muted mt-1 d-none" id="coordenadasGoogleStatus"></div>
                        </div>
                        <div class="col-md-4 d-flex align-items-end">
                            <div class="alert alert-light border mb-0 py-2 small w-100">
                                <strong>Dica:</strong> a ordem correta é sempre <em>latitude primeiro</em> e <em>longitude depois</em>.
                            </div>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">Latitude trabalho</label>
                            <input type="text" inputmode="decimal" class="form-control" id="latitude_trabalho" name="latitude_trabalho" value="{{ funcionario.latitude_trabalho if funcionario and funcionario.latitude_trabalho is not none else '' }}" placeholder="-23.550520" title="Informe a latitude entre -90 e 90 usando ponto decimal.">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">Longitude trabalho</label>
                            <input type="text" inputmode="decimal" class="form-control" id="longitude_trabalho" name="longitude_trabalho" value="{{ funcionario.longitude_trabalho if funcionario and funcionario.longitude_trabalho is not none else '' }}" placeholder="-46.633308" title="Informe a longitude entre -180 e 180 usando ponto decimal.">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">Raio permitido (m)</label>
                            <input type="number" min="1" max="1000" class="form-control" name="raio_permitido_metros" value="{{ funcionario.raio_permitido_metros if funcionario and funcionario.raio_permitido_metros else 10 }}">
                        </div>
                        <div class="col-md-6">
                            <div class="alert alert-light border mb-0 py-2 small h-100 d-flex align-items-center">
                                <div>
                                    <strong>Geofence do ponto:</strong> informe latitude/longitude do local de trabalho para alertar gestor quando a batida ocorrer fora do raio configurado.
                                    Se deixar as coordenadas em branco, o app continua registrando sem validação de perímetro.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="tab-pane fade" id="tab-contrato" role="tabpanel" aria-labelledby="tab-contrato-tab" tabindex="0">
                    <div class="row g-3">
                        <div class="col-md-3">
                            <label class="form-label">Data de Admissão</label>
                            <input type="date" class="form-control" name="data_admissao" value="{{ funcionario.data_admissao.strftime('%Y-%m-%d') if funcionario and funcionario.data_admissao else '' }}">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Data de Demissão</label>
                            <input type="date" class="form-control" name="data_demissao" value="{{ funcionario.data_demissao.strftime('%Y-%m-%d') if funcionario and funcionario.data_demissao else '' }}">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Tipo de Contrato</label>
                            {% set tipo_contrato = funcionario.tipo_contrato if funcionario else 'clt' %}
                            <select class="form-select" name="tipo_contrato">
                                <option value="clt" {% if tipo_contrato == 'clt' %}selected{% endif %}>CLT</option>
                                <option value="pj" {% if tipo_contrato == 'pj' %}selected{% endif %}>PJ</option>
                                <option value="estagio" {% if tipo_contrato == 'estagio' %}selected{% endif %}>Estágio</option>
                                <option value="temporario" {% if tipo_contrato == 'temporario' %}selected{% endif %}>Temporário</option>
                                <option value="intermitente" {% if tipo_contrato == 'intermitente' %}selected{% endif %}>Intermitente</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Regime de Jornada</label>
                            {% set regime_jornada = funcionario.regime_jornada if funcionario else 'comercial' %}
                            <select class="form-select" name="regime_jornada">
                                <option value="comercial" {% if regime_jornada == 'comercial' %}selected{% endif %}>Comercial</option>
                                <option value="6x1" {% if regime_jornada == '6x1' %}selected{% endif %}>6x1</option>
                                <option value="12x36" {% if regime_jornada == '12x36' %}selected{% endif %}>12x36</option>
                                <option value="outro" {% if regime_jornada == 'outro' %}selected{% endif %}>Outro</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Carga Horária Semanal</label>
                            <input type="number" class="form-control" min="1" max="100" name="carga_horaria_semanal" value="{{ funcionario.carga_horaria_semanal if funcionario else 44 }}">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">PIS</label>
                            <input type="text" class="form-control" name="pis" value="{{ funcionario.pis if funcionario else '' }}">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">CTPS Número</label>
                            <input type="text" class="form-control" name="ctps_numero" value="{{ funcionario.ctps_numero if funcionario else '' }}">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">CTPS Série</label>
                            <input type="text" class="form-control" name="ctps_serie" value="{{ funcionario.ctps_serie if funcionario else '' }}">
                        </div>
                        <div class="col-md-1">
                            <label class="form-label">UF</label>
                            <input type="text" class="form-control" maxlength="2" name="ctps_uf" value="{{ funcionario.ctps_uf if funcionario else '' }}">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Salário Base</label>
                            <input type="number" step="0.01" class="form-control" name="salario_base" value="{{ funcionario.salario_base if funcionario else 0 }}">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Saldo Banco de Horas (HH:MM)</label>
                            <input type="text" class="form-control" name="banco_horas_saldo_minutos" value="{{ banco_horas_saldo_formatado or '00:00' }}" placeholder="Ex.: 08:30 ou -02:15" inputmode="numeric">
                            <div class="form-text">Exibição em horas. Também aceita minutos legados, se necessário.</div>
                        </div>
                    </div>
                </div>

                <div class="tab-pane fade" id="tab-acesso" role="tabpanel" aria-labelledby="tab-acesso-tab" tabindex="0">
                    <div class="row g-3">
                        <div class="col-md-3">
                            <label class="form-label">Senha App Funcionário</label>
                            <input type="password" class="form-control" name="senha_app" autocomplete="new-password" placeholder="{{ 'Deixe em branco para manter' if funcionario else 'Defina uma senha' }}">
                            <div class="form-text">Usada no login CPF + senha do app CapePonto Funcionário.</div>
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Origem Permitida da Batida</label>
                            {% set origem_permitida = funcionario.origem_batida_permitida if funcionario else 'ambos' %}
                            <select class="form-select" name="origem_batida_permitida">
                                <option value="ambos" {% if origem_permitida == 'ambos' %}selected{% endif %}>Ambos (Funcionário + Empresa)</option>
                                <option value="app_funcionario" {% if origem_permitida == 'app_funcionario' %}selected{% endif %}>Somente App Funcionário</option>
                                <option value="app_empresa" {% if origem_permitida == 'app_empresa' %}selected{% endif %}>Somente App Empresa</option>
                            </select>
                        </div>
                        <div class="col-md-6 d-flex align-items-end">
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" name="ativo" id="ativo" {% if not funcionario or funcionario.ativo %}checked{% endif %}>
                                <label class="form-check-label" for="ativo">Funcionário ativo</label>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="acesso_sistema_ativo" id="acesso_sistema_ativo" {% if not funcionario or funcionario.acesso_sistema_ativo %}checked{% endif %}>
                                <label class="form-check-label" for="acesso_sistema_ativo">Permitir acesso ao sistema nesta empresa</label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="acesso_ponto_ativo" id="acesso_ponto_ativo" {% if not funcionario or funcionario.acesso_ponto_ativo %}checked{% endif %}>
                                <label class="form-check-label" for="acesso_ponto_ativo">Permitir registro de ponto (QR/código)</label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="app_funcionario_ativo" id="app_funcionario_ativo" {% if not funcionario or funcionario.app_funcionario_ativo %}checked{% endif %}>
                                <label class="form-check-label" for="app_funcionario_ativo">Ativar uso no App CapePonto Funcionário</label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="app_empresa_ativo" id="app_empresa_ativo" {% if not funcionario or funcionario.app_empresa_ativo %}checked{% endif %}>
                                <label class="form-check-label" for="app_empresa_ativo">Ativar batida pelo App CapePonto Empresa</label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="controle_dispositivo_ativo" id="controle_dispositivo_ativo" {% if not funcionario or funcionario.controle_dispositivo_ativo %}checked{% endif %}>
                                <label class="form-check-label" for="controle_dispositivo_ativo">Travar acesso do CPF em um único aparelho</label>
                            </div>
                            <div class="form-check mt-1">
                                <input class="form-check-input" type="checkbox" name="alertar_fora_perimetro" id="alertar_fora_perimetro" {% if not funcionario or funcionario.alertar_fora_perimetro %}checked{% endif %}>
                                <label class="form-check-label" for="alertar_fora_perimetro">Alertar gestor se a batida ocorrer fora do perímetro</label>
                            </div>
                            <div class="form-check mt-1">
                                <input class="form-check-input" type="checkbox" name="exigir_localizacao_ponto" id="exigir_localizacao_ponto" {% if funcionario and funcionario.exigir_localizacao_ponto %}checked{% endif %}>
                                <label class="form-check-label" for="exigir_localizacao_ponto">Bloquear batida sem GPS válido e dentro do perímetro</label>
                            </div>
                            <div class="form-text">Quando marcado, o app só registra ponto com localização válida e dentro do raio configurado.</div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="permitir_anexo_atestado" id="permitir_anexo_atestado" {% if not funcionario or funcionario.permitir_anexo_atestado %}checked{% endif %}>
                                <label class="form-check-label" for="permitir_anexo_atestado">Permitir anexo de Atestado</label>
                            </div>
                            <div class="form-check mt-1">
                                <input class="form-check-input" type="checkbox" name="permitir_anexo_comparecimento" id="permitir_anexo_comparecimento" {% if not funcionario or funcionario.permitir_anexo_comparecimento %}checked{% endif %}>
                                <label class="form-check-label" for="permitir_anexo_comparecimento">Permitir anexo de Comparecimento</label>
                            </div>
                        </div>
                        {% if funcionario %}
                        <div class="col-12">
                            <div class="alert alert-secondary py-2 mb-0 small">
                                <strong>Aparelho vinculado:</strong>
                                {{ funcionario.dispositivo_descricao_autorizado or funcionario.dispositivo_uuid_autorizado or 'nenhum vínculo ainda' }}
                                {% if funcionario.dispositivo_vinculado_em %}
                                    <span class="text-muted">• desde {{ funcionario.dispositivo_vinculado_em.strftime('%d/%m/%Y %H:%M') }}</span>
                                {% endif %}
                                <div class="form-check mt-2">
                                    <input class="form-check-input" type="checkbox" name="resetar_dispositivo_autorizado" id="resetar_dispositivo_autorizado" value="1">
                                    <label class="form-check-label" for="resetar_dispositivo_autorizado">Limpar vínculo atual para permitir novo aparelho no próximo login</label>
                                </div>
                            </div>
                        </div>
                        {% endif %}
                    </div>
                </div>

                <div class="tab-pane fade" id="tab-midias" role="tabpanel" aria-labelledby="tab-midias-tab" tabindex="0">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Foto de referência</label>
                            <input type="file" class="form-control" name="foto_upload" id="rh_funcionario_foto_upload" accept="image/png,image/jpeg,image/webp" onchange="prepararPreviewFotoFuncionario(this.files && this.files[0] ? this.files[0] : null, 'Arquivo carregado. A foto será enviada ao salvar.')">
                            <input type="file" class="d-none" id="rh_funcionario_foto_camera_fallback" accept="image/*" capture="user" onchange="capturarFallbackFotoFuncionario(event)">
                            <div class="form-text">Máx. 2MB. Formatos: PNG, JPG, WEBP. A prévia principal aparece ao lado do nome.</div>
                            <div class="d-flex flex-wrap gap-2 mt-2 mb-3">
                                <button type="button" class="btn btn-outline-primary btn-sm" id="btnAbrirCameraRhFuncionario" onclick="iniciarCameraRhFuncionario()">
                                    <i class="bi bi-camera-video"></i> Capturar pela câmera
                                </button>
                                <button type="button" class="btn btn-outline-secondary btn-sm d-none" id="btnCapturarCameraRhFuncionario" onclick="capturarFotoRhFuncionario()">
                                    <i class="bi bi-camera"></i> Tirar foto
                                </button>
                                <button type="button" class="btn btn-outline-secondary btn-sm d-none" id="btnFecharCameraRhFuncionario" onclick="encerrarCameraRhFuncionario()">
                                    <i class="bi bi-x-circle"></i> Fechar câmera
                                </button>
                                <button type="button" class="btn btn-outline-dark btn-sm d-none" id="btnFallbackCameraRhFuncionario" onclick="abrirFallbackFotoFuncionario()">
                                    <i class="bi bi-phone"></i> Usar câmera do dispositivo
                                </button>
                            </div>
                            <div class="border rounded bg-dark-subtle p-2 mb-3 d-none" id="rhFuncionarioCameraContainer">
                                <video id="rhFuncionarioCameraVideo" autoplay playsinline class="w-100 rounded"></video>
                                <canvas id="rhFuncionarioCameraCanvas" class="d-none"></canvas>
                                <div class="small text-muted mt-2" id="rhFuncionarioCameraStatus"></div>
                            </div>
                            {% if funcionario and funcionario.foto_base64 %}
                            {% set foto_src = funcionario.foto_base64 if (funcionario.foto_base64 or '').startswith('data:image') else 'data:image/jpeg;base64,' ~ (funcionario.foto_base64 or '') %}
                            <div class="mt-2" id="rhFuncionarioFotoPreviewContainer">
                                <img id="rhFuncionarioFotoPreview" src="{{ foto_src }}" alt="Foto" style="max-height: 120px;" class="rounded border">
                                <div class="form-check mt-2">
                                    <input class="form-check-input" type="checkbox" name="remover_foto" value="1" id="remover_foto">
                                    <label class="form-check-label" for="remover_foto">Remover foto atual</label>
                                </div>
                            </div>
                            <div class="small text-muted mt-2" id="rhFuncionarioFotoStatus">Foto atual pronta para sincronização e validação facial.</div>
                            {% else %}
                            <div class="mt-2 d-none" id="rhFuncionarioFotoPreviewContainer">
                                <img id="rhFuncionarioFotoPreview" src="" alt="Foto" style="max-height: 120px;" class="rounded border">
                            </div>
                            <div class="small text-muted mt-2" id="rhFuncionarioFotoStatus">Sem foto cadastrada. Você pode enviar arquivo ou capturar pela câmera.</div>
                            {% endif %}
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Observações</label>
                            <textarea class="form-control" name="observacoes" rows="6">{{ funcionario.observacoes if funcionario else '' }}</textarea>
                        </div>
                    </div>
                </div>
            </div>

            <div class="cape-form-actions cape-form-actions-inside-card">
                <div class="cape-form-actions-left"></div>
                <div class="cape-form-actions-right">
                    <a href="{{ url_voltar or url_for('rh_funcionarios') }}" class="btn btn-secondary">
                        <i class="bi bi-x-circle"></i> Cancelar
                    </a>
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-save"></i> Salvar
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>

{% if funcionario and empresas_transferencia %}
<div class="card border-warning-subtle bg-warning-subtle mt-4">
    <div class="card-body">
        <div class="d-flex align-items-center gap-2 mb-2">
            <i class="bi bi-arrow-left-right text-warning-emphasis"></i>
            <strong>Transferência de vínculo entre empresas</strong>
        </div>
        <p class="small text-muted mb-3">O cadastro mestre da pessoa permanece no ERP. Esta ação move apenas o vínculo RH/contrato desta ficha para outra empresa, preservando cargo, departamento e parâmetros atuais sempre que houver compatibilidade.</p>
        <form method="POST" action="{{ url_for('rh_funcionario_transferir_empresa', id=funcionario.id) }}" class="row g-3">
            <input type="hidden" name="empresa_id" value="{{ empresa.id }}">
            <div class="col-md-5">
                <label class="form-label">Empresa de destino</label>
                <select class="form-select" name="empresa_destino_id" required>
                    <option value="">Selecione a empresa...</option>
                    {% for emp_destino in empresas_transferencia %}
                    <option value="{{ emp_destino.id }}" {% if empresa_transferencia_preselecionada_id and empresa_transferencia_preselecionada_id == emp_destino.id %}selected{% endif %}>{{ emp_destino.nome_fantasia or emp_destino.razao_social or emp_destino.nome }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-md-5">
                <label class="form-label">Motivo da transferência</label>
                <input type="text" class="form-control" name="motivo_transferencia" minlength="8" maxlength="255" required placeholder="Ex.: mudança de contrato para Filial Centro" value="{{ motivo_transferencia_sugerido or '' }}">
            </div>
            <div class="col-md-2 d-flex align-items-end">
                <button type="submit" class="btn btn-outline-warning w-100">
                    <i class="bi bi-send"></i> Transferir
                </button>
            </div>
        </form>
    </div>
</div>
{% endif %}

<script>
let rhFuncionarioCameraStream = null;
const empresasTrabalhoSugestao = {{ empresas_sugestao_trabalho|tojson|safe if empresas_sugestao_trabalho else '[]' }};
const empresaVinculadaTrabalho = {{ empresa_vinculada_trabalho|tojson|safe if empresa_vinculada_trabalho else 'null' }};
const repSyncConfig = {
    funcionarioId: {{ funcionario.id if funcionario else 'null' }},
    empresaId: {{ empresa.id if empresa else 'null' }},
    endpoint: {% if funcionario %}{{ ('/api/rh/funcionarios/' ~ funcionario.id ~ '/rep/forcar-sync?empresa_id=' ~ empresa.id)|tojson|safe }}{% else %}null{% endif %},
};

function exibirFeedbackRepSync(payload, tipo = 'secondary') {
    const feedback = document.getElementById('repSyncFeedback');
    if (!feedback) return;

    feedback.classList.remove('d-none', 'alert-success', 'alert-danger', 'alert-warning', 'alert-secondary');
    feedback.classList.add(
        tipo === 'success' ? 'alert-success' : (tipo === 'danger' ? 'alert-danger' : (tipo === 'warning' ? 'alert-warning' : 'alert-secondary'))
    );

    const mensagem = String((payload && payload.mensagem) || '').trim() || 'Operação concluída.';
    const protocolo = String((payload && payload.protocolo) || '-').trim() || '-';
    const codigo = String((payload && payload.codigo) || '-').trim() || '-';
    const status = String((payload && payload.status) || '-').trim() || '-';

    feedback.innerHTML = `<strong>${mensagem}</strong><div class="small mt-1">Protocolo: <code>${protocolo}</code> • Código: <code>${codigo}</code> • Status: <code>${status}</code></div>`;
}

async function forcarSyncRepFuncionario() {
    if (!repSyncConfig || !repSyncConfig.endpoint) {
        exibirFeedbackRepSync({
            mensagem: 'Funcionário ainda não salvo. Salve o cadastro antes de forçar sincronização REP.',
            protocolo: '-',
            codigo: 'FUNCIONARIO_SEM_ID',
            status: 'erro',
        }, 'warning');
        return;
    }

    const botao = document.getElementById('btnForcarSyncRep');
    if (botao) {
        botao.disabled = true;
        botao.dataset.originalLabel = botao.innerHTML;
        botao.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> REP';
    }

    try {
        const resposta = await fetch(repSyncConfig.endpoint, {
            method: 'POST',
            headers: {
                'X-Requested-With': 'XMLHttpRequest',
            },
            credentials: 'same-origin',
        });

        let payload = {};
        try {
            payload = await resposta.json();
        } catch (_) {
            payload = {};
        }

        if (resposta.ok && payload && payload.ok) {
            exibirFeedbackRepSync(payload, 'success');
            return;
        }

        exibirFeedbackRepSync({
            mensagem: String(payload.mensagem || 'Falha ao forçar sincronização REP.').trim(),
            protocolo: payload.protocolo || '-',
            codigo: payload.codigo || 'SYNC_REP_FALHA',
            status: payload.status || `http_${resposta.status}`,
        }, 'danger');
    } catch (error) {
        exibirFeedbackRepSync({
            mensagem: 'Erro de comunicação ao chamar o endpoint REP.',
            protocolo: '-',
            codigo: 'ERRO_REDE',
            status: 'erro',
        }, 'danger');
        console.error('Falha ao forçar sync REP', error);
    } finally {
        if (botao) {
            botao.disabled = false;
            botao.innerHTML = botao.dataset.originalLabel || '<i class="bi bi-arrow-repeat"></i> REP';
        }
    }
}

function textoTemValorReal(valor) {
    const texto = String(valor ?? '').trim();
    return Boolean(texto) && !['none', 'null', 'undefined', 'nan', 'nat'].includes(texto.toLowerCase());
}

function obterCamposEnderecoTrabalho() {
    return {
        local_trabalho: document.getElementById('local_trabalho'),
        endereco_trabalho_cep: document.getElementById('endereco_trabalho_cep'),
        endereco_trabalho_logradouro: document.getElementById('endereco_trabalho_logradouro'),
        endereco_trabalho_numero: document.getElementById('endereco_trabalho_numero'),
        endereco_trabalho_complemento: document.getElementById('endereco_trabalho_complemento'),
        endereco_trabalho_bairro: document.getElementById('endereco_trabalho_bairro'),
        endereco_trabalho_cidade: document.getElementById('endereco_trabalho_cidade'),
        endereco_trabalho_uf: document.getElementById('endereco_trabalho_uf'),
    };
}

function obterCamposCoordenadasTrabalho() {
    return {
        latitude_trabalho: document.getElementById('latitude_trabalho'),
        longitude_trabalho: document.getElementById('longitude_trabalho'),
        coordenadas_google_maps: document.getElementById('coordenadas_google_maps'),
        coordenadas_status: document.getElementById('coordenadasGoogleStatus'),
    };
}

function atualizarStatusCoordenadasGoogle(mensagem, tipo = 'muted') {
    const campos = obterCamposCoordenadasTrabalho();
    const el = campos.coordenadas_status;
    if (!el) return;
    el.textContent = mensagem || '';
    el.classList.remove('d-none', 'text-muted', 'text-success', 'text-danger');
    el.classList.add(tipo === 'success' ? 'text-success' : (tipo === 'danger' ? 'text-danger' : 'text-muted'));
    if (!mensagem) {
        el.classList.add('d-none');
    }
}

function extrairCoordenadasGoogleMaps(valor) {
    const textoOriginal = String(valor || '').trim();
    if (!textoOriginal) return null;

    const texto = textoOriginal.replace(/−/g, '-');
    const numeros = texto.match(/-?\d+(?:[\.,]\d+)?/g) || [];
    if (numeros.length < 2) return null;

    const latitude = Number(String(numeros[0]).replace(',', '.'));
    const longitude = Number(String(numeros[1]).replace(',', '.'));
    if (!Number.isFinite(latitude) || !Number.isFinite(longitude)) return null;
    if (latitude < -90 || latitude > 90) return null;
    if (longitude < -180 || longitude > 180) return null;

    return {
        latitude,
        longitude,
    };
}

function aplicarCoordenadasGoogleMaps(valor) {
    const coords = extrairCoordenadasGoogleMaps(valor);
    if (!coords) {
        atualizarStatusCoordenadasGoogle('Não consegui identificar uma latitude e longitude válidas nesse texto.', 'danger');
        return false;
    }

    const campos = obterCamposCoordenadasTrabalho();
    if (campos.latitude_trabalho) {
        campos.latitude_trabalho.value = String(coords.latitude);
    }
    if (campos.longitude_trabalho) {
        campos.longitude_trabalho.value = String(coords.longitude);
    }
    atualizarStatusCoordenadasGoogle('Coordenadas aplicadas com sucesso.', 'success');
    return true;
}

function montarResumoEnderecoTrabalho() {
    const campos = obterCamposEnderecoTrabalho();
    const logradouro = (campos.endereco_trabalho_logradouro?.value || '').trim();
    const numero = (campos.endereco_trabalho_numero?.value || '').trim();
    const complemento = (campos.endereco_trabalho_complemento?.value || '').trim();
    const bairro = (campos.endereco_trabalho_bairro?.value || '').trim();
    const cidade = (campos.endereco_trabalho_cidade?.value || '').trim();
    const uf = (campos.endereco_trabalho_uf?.value || '').trim().toUpperCase();
    const cep = (campos.endereco_trabalho_cep?.value || '').trim();

    const partes = [];
    let blocoLogradouro = [logradouro, numero].filter(Boolean).join(', ');
    if (complemento) {
        blocoLogradouro = blocoLogradouro ? `${blocoLogradouro} - ${complemento}` : complemento;
    }
    if (blocoLogradouro) partes.push(blocoLogradouro);
    if (bairro) partes.push(bairro);
    const cidadeUf = cidade ? (uf ? `${cidade}/${uf}` : cidade) : uf;
    if (cidadeUf) partes.push(cidadeUf);
    let resumo = partes.join(', ');
    if (cep) resumo = resumo ? `${resumo} - CEP ${cep}` : `CEP ${cep}`;
    return resumo;
}

function atualizarResumoEnderecoTrabalho() {
    const resumoEl = document.getElementById('rhEnderecoTrabalhoResumo');
    if (!resumoEl) return;
    const resumo = montarResumoEnderecoTrabalho();
    resumoEl.innerHTML = `<strong>Resumo do endereço:</strong> ${resumo || 'Será montado automaticamente a partir dos campos acima.'}`;
}

function aplicarSugestaoEmpresaTrabalho(sugestao, sobrescreverTudo = true) {
    atualizarEmpresaTrabalhoSelecionada(sugestao);
    if (!sugestao) return;
    const campos = obterCamposEnderecoTrabalho();
    Object.entries({
        local_trabalho: sugestao.local_trabalho || sugestao.nome || '',
        endereco_trabalho_cep: sugestao.endereco_trabalho_cep || '',
        endereco_trabalho_logradouro: sugestao.endereco_trabalho_logradouro || '',
        endereco_trabalho_numero: sugestao.endereco_trabalho_numero || '',
        endereco_trabalho_complemento: sugestao.endereco_trabalho_complemento || '',
        endereco_trabalho_bairro: sugestao.endereco_trabalho_bairro || '',
        endereco_trabalho_cidade: sugestao.endereco_trabalho_cidade || '',
        endereco_trabalho_uf: sugestao.endereco_trabalho_uf || '',
    }).forEach(([chave, valor]) => {
        const campo = campos[chave];
        if (!campo) return;
        if (sobrescreverTudo || !textoTemValorReal(campo.value)) {
            campo.value = valor;
        }
    });
    atualizarResumoEnderecoTrabalho();
}

function atualizarEmpresaTrabalhoSelecionada(sugestao) {
    const hidden = document.getElementById('empresa_trabalho_id');
    const resumo = document.getElementById('empresaTrabalhoSelecionadaTexto');
    const select = document.getElementById('empresa_trabalho_sugestao');

    const empresaId = sugestao && sugestao.id ? String(sugestao.id) : '';
    if (hidden) {
        hidden.value = empresaId;
    }
    if (select && empresaId) {
        select.value = empresaId;
    }

    if (!resumo) return;
    if (sugestao && (sugestao.nome || sugestao.local_trabalho)) {
        resumo.innerHTML = `Empresa de trabalho atual: <strong>${sugestao.nome || sugestao.local_trabalho}</strong>`;
        return;
    }
    resumo.textContent = 'Sem empresa de trabalho definida explicitamente. O sistema usará a empresa atual do cadastro.';
}

function obterSugestaoEmpresaSelecionada() {
    const select = document.getElementById('empresa_trabalho_sugestao');
    if (!select) return null;
    const idSelecionado = String(select.value || '').trim();
    if (!idSelecionado) return null;
    return (empresasTrabalhoSugestao || []).find((item) => String(item.id) === idSelecionado) || null;
}

function atualizarStatusCameraRhFuncionario(msg) {
    const el = document.getElementById('rhFuncionarioCameraStatus');
    if (el) el.textContent = msg || '';
}

function atualizarPreviewVisualRhFuncionario(dataUrl, statusText) {
    const preview = document.getElementById('rhFuncionarioFotoPreview');
    const previewContainer = document.getElementById('rhFuncionarioFotoPreviewContainer');
    const topo = document.getElementById('rhFuncionarioFotoTopo');
    const topoPlaceholder = document.getElementById('rhFuncionarioFotoTopoPlaceholder');
    const topoStatus = document.getElementById('rhFuncionarioFotoTopoStatus');
    const status = document.getElementById('rhFuncionarioFotoStatus');
    const remover = document.getElementById('remover_foto');

    if (preview && dataUrl) {
        preview.src = dataUrl;
    }
    if (previewContainer && dataUrl) {
        previewContainer.classList.remove('d-none');
    }
    if (topo && dataUrl) {
        topo.src = dataUrl;
        topo.classList.remove('d-none');
    }
    if (topoPlaceholder) {
        topoPlaceholder.classList.add('d-none');
    }
    if (topoStatus) {
        topoStatus.textContent = statusText || 'Nova foto pronta para salvar';
    }
    if (status) {
        status.textContent = statusText || 'Nova foto pronta para salvar';
    }
    if (remover) remover.checked = false;
}

function validarArquivoFotoFuncionario(file) {
    if (!file) return 'Nenhum arquivo informado.';
    const allowedTypes = ['image/png', 'image/jpeg', 'image/webp'];
    if (allowedTypes.indexOf(file.type) === -1) {
        return 'Selecione uma imagem PNG, JPG ou WEBP.';
    }
    const maxSize = 2 * 1024 * 1024;
    if (file.size > maxSize) {
        return 'A imagem deve ter no máximo 2MB.';
    }
    return '';
}

function prepararPreviewFotoFuncionario(file, statusText) {
    if (!file) return;
    const erro = validarArquivoFotoFuncionario(file);
    if (erro) {
        alert(erro);
        const input = document.getElementById('rh_funcionario_foto_upload');
        if (input) input.value = '';
        return;
    }

    const reader = new FileReader();
    reader.onload = function(e) {
        const result = String((e && e.target && e.target.result) || '');
        if (!result) return;
        atualizarPreviewVisualRhFuncionario(result, statusText || 'Nova foto pronta para salvar');
    };
    reader.readAsDataURL(file);
}

function definirArquivoNoInputFotoFuncionario(file) {
    const input = document.getElementById('rh_funcionario_foto_upload');
    if (!input || !file) return;
    const transfer = new DataTransfer();
    transfer.items.add(file);
    input.files = transfer.files;
}

function abrirFallbackFotoFuncionario() {
    const input = document.getElementById('rh_funcionario_foto_camera_fallback');
    if (input) input.click();
}

function capturarFallbackFotoFuncionario(event) {
    const file = event && event.target && event.target.files ? event.target.files[0] : null;
    if (!file) return;
    const erro = validarArquivoFotoFuncionario(file);
    if (erro) {
        alert(erro);
        return;
    }
    definirArquivoNoInputFotoFuncionario(file);
    prepararPreviewFotoFuncionario(file, 'Imagem capturada pelo dispositivo e pronta para salvar.');
    atualizarStatusCameraRhFuncionario('Imagem capturada pelo dispositivo com sucesso.');
}

async function iniciarCameraRhFuncionario() {
    const container = document.getElementById('rhFuncionarioCameraContainer');
    const video = document.getElementById('rhFuncionarioCameraVideo');
    const btnAbrir = document.getElementById('btnAbrirCameraRhFuncionario');
    const btnCapturar = document.getElementById('btnCapturarCameraRhFuncionario');
    const btnFechar = document.getElementById('btnFecharCameraRhFuncionario');
    const btnFallback = document.getElementById('btnFallbackCameraRhFuncionario');

    if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
        if (btnFallback) btnFallback.classList.remove('d-none');
        atualizarStatusCameraRhFuncionario('Este navegador não suporta webcam embutida. Use a câmera do dispositivo.');
        return;
    }

    try {
        encerrarCameraRhFuncionario(false);
        rhFuncionarioCameraStream = await navigator.mediaDevices.getUserMedia({
            video: { facingMode: 'user', width: { ideal: 720 }, height: { ideal: 720 } },
            audio: false,
        });
        if (video) {
            video.srcObject = rhFuncionarioCameraStream;
            await video.play();
        }
        if (container) container.classList.remove('d-none');
        if (btnAbrir) btnAbrir.classList.add('d-none');
        if (btnCapturar) btnCapturar.classList.remove('d-none');
        if (btnFechar) btnFechar.classList.remove('d-none');
        if (btnFallback) btnFallback.classList.add('d-none');
        atualizarStatusCameraRhFuncionario('Câmera pronta. Centralize o rosto e clique em Tirar foto.');
    } catch (error) {
        console.error('Falha ao abrir câmera do funcionário', error);
        if (btnFallback) btnFallback.classList.remove('d-none');
        atualizarStatusCameraRhFuncionario('Não foi possível abrir a webcam. Use a câmera do dispositivo como alternativa.');
    }
}

function encerrarCameraRhFuncionario(limparStatus = true) {
    const container = document.getElementById('rhFuncionarioCameraContainer');
    const video = document.getElementById('rhFuncionarioCameraVideo');
    const btnAbrir = document.getElementById('btnAbrirCameraRhFuncionario');
    const btnCapturar = document.getElementById('btnCapturarCameraRhFuncionario');
    const btnFechar = document.getElementById('btnFecharCameraRhFuncionario');

    try {
        if (rhFuncionarioCameraStream) {
            rhFuncionarioCameraStream.getTracks().forEach((track) => track.stop());
        }
    } catch (_) {}

    rhFuncionarioCameraStream = null;
    if (video) video.srcObject = null;
    if (container) container.classList.add('d-none');
    if (btnAbrir) btnAbrir.classList.remove('d-none');
    if (btnCapturar) btnCapturar.classList.add('d-none');
    if (btnFechar) btnFechar.classList.add('d-none');
    if (limparStatus) atualizarStatusCameraRhFuncionario('');
}

function capturarFotoRhFuncionario() {
    const video = document.getElementById('rhFuncionarioCameraVideo');
    const canvas = document.getElementById('rhFuncionarioCameraCanvas');
    if (!video || !canvas || !rhFuncionarioCameraStream) {
        atualizarStatusCameraRhFuncionario('Abra a câmera antes de capturar a foto.');
        return;
    }

    const largura = video.videoWidth || 720;
    const altura = video.videoHeight || 720;
    canvas.width = largura;
    canvas.height = altura;
    const ctx = canvas.getContext('2d');
    ctx.drawImage(video, 0, 0, largura, altura);

    canvas.toBlob(function(blob) {
        if (!blob) {
            atualizarStatusCameraRhFuncionario('Não foi possível gerar a foto capturada.');
            return;
        }
        const file = new File([blob], 'rh-funcionario-camera.jpg', { type: 'image/jpeg' });
        definirArquivoNoInputFotoFuncionario(file);
        prepararPreviewFotoFuncionario(file, 'Foto capturada pela webcam e pronta para salvar.');
        atualizarStatusCameraRhFuncionario('Foto capturada com sucesso.');
        encerrarCameraRhFuncionario(false);
    }, 'image/jpeg', 0.92);
}

window.addEventListener('beforeunload', function() {
    encerrarCameraRhFuncionario(false);
});

document.addEventListener('DOMContentLoaded', function() {
    const btnForcarSyncRep = document.getElementById('btnForcarSyncRep');
    if (btnForcarSyncRep) {
        btnForcarSyncRep.addEventListener('click', function() {
            forcarSyncRepFuncionario();
        });
    }

    const campos = Object.values(obterCamposEnderecoTrabalho()).filter(Boolean);
    campos.forEach((campo) => {
        campo.addEventListener('input', atualizarResumoEnderecoTrabalho);
        campo.addEventListener('change', atualizarResumoEnderecoTrabalho);
    });

    const btnAplicar = document.getElementById('btnAplicarEmpresaTrabalho');
    if (btnAplicar) {
        btnAplicar.addEventListener('click', function() {
            aplicarSugestaoEmpresaTrabalho(obterSugestaoEmpresaSelecionada(), true);
        });
    }

    const selectEmpresaTrabalho = document.getElementById('empresa_trabalho_sugestao');
    if (selectEmpresaTrabalho) {
        selectEmpresaTrabalho.addEventListener('change', function() {
            atualizarEmpresaTrabalhoSelecionada(obterSugestaoEmpresaSelecionada());
        });
    }

    const btnEmpresaVinculada = document.getElementById('btnAplicarEmpresaVinculada');
    if (btnEmpresaVinculada) {
        btnEmpresaVinculada.addEventListener('click', function() {
            aplicarSugestaoEmpresaTrabalho(empresaVinculadaTrabalho, true);
        });
    }

    const btnAplicarCoordenadasGoogle = document.getElementById('btnAplicarCoordenadasGoogle');
    if (btnAplicarCoordenadasGoogle) {
        btnAplicarCoordenadasGoogle.addEventListener('click', function() {
            const camposCoordenadas = obterCamposCoordenadasTrabalho();
            aplicarCoordenadasGoogleMaps(camposCoordenadas.coordenadas_google_maps?.value || '');
        });
    }

    const inputCoordenadasGoogle = document.getElementById('coordenadas_google_maps');
    if (inputCoordenadasGoogle) {
        inputCoordenadasGoogle.addEventListener('keydown', function(event) {
            if (event.key === 'Enter') {
                event.preventDefault();
                aplicarCoordenadasGoogleMaps(this.value || '');
            }
        });
    }

    {% if not funcionario %}
    const temEnderecoPreenchidoInicial = campos.some((campo) => textoTemValorReal(campo.value));
    const localTrabalhoInicial = String((document.getElementById('local_trabalho') || {}).value || '').trim();
    if (!temEnderecoPreenchidoInicial && !textoTemValorReal(localTrabalhoInicial) && empresaVinculadaTrabalho) {
        aplicarSugestaoEmpresaTrabalho(empresaVinculadaTrabalho, true);
    } else {
        atualizarEmpresaTrabalhoSelecionada(empresaVinculadaTrabalho || obterSugestaoEmpresaSelecionada());
        atualizarResumoEnderecoTrabalho();
    }
    {% else %}
    const temEnderecoPreenchidoInicial = campos.some((campo) => textoTemValorReal(campo.value));
    const localTrabalhoInicial = String((document.getElementById('local_trabalho') || {}).value || '').trim();
    if (!temEnderecoPreenchidoInicial && !textoTemValorReal(localTrabalhoInicial) && empresaVinculadaTrabalho) {
        aplicarSugestaoEmpresaTrabalho(empresaVinculadaTrabalho, true);
    } else {
        atualizarEmpresaTrabalhoSelecionada(empresaVinculadaTrabalho || obterSugestaoEmpresaSelecionada());
        atualizarResumoEnderecoTrabalho();
    }
    {% endif %}
});
</script>
</div>
{% endblock %}