@extends('forms.rh.base_form')


{{-- TÍTULO DO FORMULÁRIO --}}
@section('title')
    <div class="sec-title">
        <div class="title">
            <h2 style="color: #fac229f6">
                Documentação para Contratação
                <i class="bi bi-person-vcard" style="margin-left:20px;"></i>
            </h2>
        </div>
    </div>
@endsection

{{-- FORMULÁRIO PRINCIPAL --}}
@section('form')
    <style>
        /* ── Wizard: barra de progresso ── */
        .wizard-progress {
            display: flex;
            align-items: flex-start;
            margin-bottom: 2.25rem;
            padding: 0 .5rem
        }

        .wizard-progress-step {
            display: flex;
            flex-direction: column;
            align-items: center;
            flex: 1;
            position: relative
        }

        .wizard-progress-step:not(:last-child)::after {
            content: '';
            position: absolute;
            top: 17px;
            left: calc(50% + 20px);
            right: calc(-50% + 20px);
            height: 2px;
            background: #dee2e6;
            z-index: 0
        }

        .wizard-progress-step.done::after,
        .wizard-progress-step.active::after {
            background: #fac229f6
        }

        .wizard-step-dot {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            border: 2px solid #dee2e6;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .8rem;
            font-weight: 700;
            color: #adb5bd;
            z-index: 1;
            position: relative;
            transition: all .2s
        }

        .wizard-progress-step.active .wizard-step-dot {
            border-color: #fac229;
            background: #fac229;
            color: #fff;
            box-shadow: 0 0 0 3px rgba(250, 194, 41, .2)
        }

        .wizard-progress-step.done .wizard-step-dot {
            border-color: #fac229;
            background: #fac229;
            color: #fff
        }

        .wizard-step-label {
            font-size: .67rem;
            margin-top: 6px;
            color: #adb5bd;
            font-weight: 600;
            letter-spacing: .04em;
            text-transform: uppercase;
            text-align: center
        }

        .wizard-progress-step.active .wizard-step-label,
        .wizard-progress-step.done .wizard-step-label {
            color: #b8930e
        }

        /* ── Wizard: panes ── */
        .wizard-pane {
            display: none
        }

        .wizard-pane.active {
            display: block
        }

        /* ── Wizard: navegação ── */
        .wizard-nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 1.75rem;
            padding-top: 1.1rem;
            border-top: 1px solid #f0f0f0
        }

        .btn-wizard-prev {
            background: transparent;
            border: 1px solid #dee2e6;
            color: #6c757d;
            padding: .5rem 1.3rem;
            border-radius: 4px;
            font-size: .85rem;
            cursor: pointer;
            transition: all .2s
        }

        .btn-wizard-prev:hover {
            border-color: #adb5bd;
            color: #343a40
        }

        .btn-wizard-next {
            background: #fac229;
            border: 2px solid #fac229;
            color: #222;
            padding: .5rem 1.5rem;
            border-radius: 4px;
            font-size: .88rem;
            font-weight: 700;
            cursor: pointer;
            transition: all .2s
        }

        .btn-wizard-next:hover {
            background: #f0b800;
            border-color: #f0b800
        }

        /* ── Wizard: resumo ── */
        .summ-header {
            display: flex;
            align-items: flex-start;
            gap: .85rem;
            margin-bottom: 1.75rem;
            padding-bottom: 1.1rem;
            border-bottom: 2px solid #f0f0f0
        }

        .summ-header-icon {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: #fac229;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            flex-shrink: 0;
            color: #333
        }

        .summ-header h5 {
            margin: 0 0 .2rem;
            font-size: 1rem;
            font-weight: 700;
            color: #212529
        }

        .summ-header p {
            margin: 0;
            font-size: .82rem;
            color: #6c757d
        }

        .wizard-summary-block {
            background: #fff;
            border: 1px solid #e9ecef;
            border-radius: 10px;
            overflow: hidden;
            margin-bottom: 1rem;
            box-shadow: 0 1px 4px rgba(0, 0, 0, .05)
        }

        .wizard-summary-block h6 {
            font-size: .69rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .08em;
            color: #fff;
            margin: 0;
            padding: .55rem 1rem;
            display: flex;
            align-items: center;
            gap: .4rem;
            background: #6c757d
        }

        .wizard-summary-block h6.h6-candidato {
            background: #78909c
        }

        .wizard-summary-block h6.h6-contratacao {
            background: #78909c
        }

        .wizard-summary-block h6.h6-documentos {
            background: #78909c
        }

        .wizard-summary-block h6.h6-obs {
            background: #78909c
        }

        .wizard-summary-row {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            padding: .38rem 1rem;
            border-bottom: 1px solid #f4f4f4;
            font-size: .82rem;
            gap: .5rem
        }

        .wizard-summary-row:last-child {
            border-bottom: none
        }

        .wizard-summary-label {
            color: #6c757d;
            flex-shrink: 0;
            white-space: nowrap
        }

        .wizard-summary-value {
            font-weight: 600;
            color: #212529;
            text-align: right;
            word-break: break-word
        }

        .summ-doc-item {
            padding: .45rem 1rem;
            border-bottom: 1px solid #f4f4f4
        }

        .summ-doc-item:last-child {
            border-bottom: none
        }

        .summ-doc-name {
            display: block;
            font-size: .72rem;
            color: #6c757d;
            margin-bottom: 1px
        }

        .summ-doc-file {
            font-size: .8rem;
            font-weight: 500;
            color: #212529;
            display: flex;
            align-items: center;
            gap: .3rem;
            word-break: break-all
        }

        .summ-alert-nodocs {
            padding: .7rem 1rem;
            background: #fff3cd;
            color: #856404;
            font-size: .82rem;
            display: flex;
            align-items: center;
            gap: .5rem
        }

        .file-error-display {
            margin-top: 6px;
            display: flex;
            flex-direction: column;
            gap: 3px;
        }

        .file-error-display>div {
            display: flex;
            align-items: flex-start;
            gap: 5px;
            font-size: .78rem;
            line-height: 1.35;
            color: #b91c1c;
        }

        .file-error-display i {
            margin-top: 2px;
            flex-shrink: 0;
        }
    </style>

    <div class="wizard-progress" id="wizard-progress">
        <div class="wizard-progress-step active" data-step="1">
            <div class="wizard-step-dot">1</div>
            <span class="wizard-step-label">Candidato</span>
        </div>
        <div class="wizard-progress-step" data-step="2">
            <div class="wizard-step-dot">2</div>
            <span class="wizard-step-label">Contratação</span>
        </div>
        <div class="wizard-progress-step" data-step="3">
            <div class="wizard-step-dot">3</div>
            <span class="wizard-step-label">Documentos</span>
        </div>
        <div class="wizard-progress-step" data-step="4">
            <div class="wizard-step-dot"><i class="bi bi-check2" style="font-size:.9rem"></i></div>
            <span class="wizard-step-label">Resumo</span>
        </div>
    </div>

    <form action="{{ route('rh.pre_contratacao.store') }}" method="POST" enctype="multipart/form-data" id="contact-form"
        novalidate>
        @csrf

        <div id="wizard-step-1" class="wizard-pane active">
            <div class="row clearfix">

                {{-- BLOCO 1 - Dados da vaga/candidato --}}
                <div class="form-group col-md-12 col-sm-12 co-xs-12 mt-2">
                    <h5 class="sans text-muted mb-3">Dados da vaga/candidato</h5>
                </div>

                {{-- FILIAL (detectada pelo login — somente leitura) --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2">
                    <label class="col-form-label sans text-muted">Filial</label>
                    <input type="hidden" name="filial_id" value="{{ $userFilial->id }}">
                    <input type="text" class="form-control" value="{{ $userFilial->comment }}" disabled>
                </div>

                {{-- SETOR --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2">
                    <label class="col-form-label sans text-muted">
                        Setor <span class="text-danger">*</span>
                    </label>
                    <div class="search-dropdown-wrapper">
                        <input type="text" class="form-control @error('dados_extras.setor') is-invalid @enderror"
                            id="setor_search" placeholder="Selecione o setor..." autocomplete="off">
                        <div class="dropdown-list" id="setor_dropdown">
                            <select name="dados_extras[setor]" id="setor_select" size="8" required>
                                @foreach ($setores->sortBy('name') as $setor)
                                    <option value="{{ $setor->name }}"
                                        {{ old('dados_extras.setor') == $setor->name ? 'selected' : '' }}>
                                        {{ $setor->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <span class="error-message">Este campo é obrigatório</span>
                    @error('dados_extras.setor')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- CARGO --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2">
                    <label class="col-form-label sans text-muted">
                        Cargo <span class="text-danger">*</span>
                    </label>
                    <div class="search-dropdown-wrapper">
                        <input type="text" class="form-control @error('cargo') is-invalid @enderror" id="cargo_search"
                            placeholder="Selecione o cargo..." autocomplete="off">
                        <div class="dropdown-list" id="cargo_dropdown">
                            <select name="cargo" id="cargo_select" size="8" required>
                                @foreach ($roles as $role)
                                    <option value="{{ $role->name }}" {{ old('cargo') == $role->name ? 'selected' : '' }}>
                                        {{ $role->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <span class="error-message">Este campo é obrigatório</span>
                    @error('cargo')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- DATA PREVISTA ADMISSÃO --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2">
                    <label class="col-form-label sans text-muted">
                        Data prevista de admissão <span class="text-danger">*</span>
                    </label>
                    <input type="text" name="data_admissao_prevista" placeholder="dd/mm/aaaa" id="data_admissao_prevista"
                        class="form-control date-br @error('data_admissao_prevista') is-invalid @enderror"
                        value="{{ old('data_admissao_prevista') }}" required>
                    <span class="error-message">Data inválida. Use o formato dd/mm/aaaa</span>
                    @error('data_admissao_prevista')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- NOME CANDIDATO --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2">
                    <label class="col-form-label sans text-muted">
                        Nome do candidato <span class="text-danger">*</span>
                    </label>
                    <input type="text" name="nome_candidato"
                        class="form-control @error('nome_candidato') is-invalid @enderror"
                        value="{{ old('nome_candidato') }}" required>
                    <span class="error-message">Este campo é obrigatório</span>
                    @error('nome_candidato')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- CPF CANDIDATO --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2">
                    <label class="col-form-label sans text-muted">
                        CPF do candidato <span class="text-danger">*</span>
                    </label>
                    <input type="text" name="cpf_candidato" id="cpf_candidato"
                        class="form-control @error('cpf_candidato') is-invalid @enderror" inputmode="numeric"
                        autocomplete="off" value="{{ old('cpf_candidato') }}" required>
                    <span class="error-message">Este campo é obrigatório</span>
                    @error('cpf_candidato')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- PRIMEIRO EMPREGO --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2">
                    <label class="col-form-label sans text-muted">Primeiro emprego?</label>
                    <select name="primeiro_emprego" id="primeiro_emprego"
                        class="form-control @error('primeiro_emprego') is-invalid @enderror">
                        <option value="nao" {{ old('primeiro_emprego', 'nao') === 'nao' ? 'selected' : '' }}>Não
                        </option>
                        <option value="sim" {{ old('primeiro_emprego') === 'sim' ? 'selected' : '' }}>Sim</option>
                    </select>
                    @error('primeiro_emprego')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- PIS --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2" id="group_pis_numero">
                    <label class="col-form-label sans text-muted">
                        PIS
                        <span class="text-danger" id="pis_obrigatorio_label">*</span>
                        <small class="text-muted" id="pis_opcional_label" style="display:none;">(Opcional para Jovem
                            Aprendiz)</small>
                        <small class="text-muted" id="pis_primeiro_emprego_label" style="display:none;">(Será gerado pelo
                            RH)</small>
                    </label>
                    <input type="text" name="pis_numero" id="pis_numero"
                        class="form-control @error('pis_numero') is-invalid @enderror" inputmode="numeric"
                        autocomplete="off" placeholder="11 dígitos" maxlength="11"
                        value="{{ old('pis_numero') }}" required>
                    <span class="error-message" id="pis_error_message">Este campo é obrigatório</span>
                    @error('pis_numero')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- DATA NASCIMENTO --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2">
                    <label class="col-form-label sans text-muted">
                        Data de nascimento <span class="text-danger">*</span>
                    </label>
                    <input type="text" name="data_nascimento" placeholder="dd/mm/aaaa" id="data_nascimento"
                        class="form-control date-br @error('data_nascimento') is-invalid @enderror"
                        value="{{ old('data_nascimento') }}" required>
                    <span class="error-message">Data inválida. Use o formato dd/mm/aaaa</span>
                    @error('data_nascimento')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- SEXO --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2">
                    <label class="col-form-label sans text-muted">
                        Sexo <span class="text-danger">*</span>
                    </label>
                    <select name="sexo" id="sexo" class="form-control @error('sexo') is-invalid @enderror"
                        required>
                        <option value="">Selecione...</option>
                        <option value="M" {{ old('sexo') == 'M' ? 'selected' : '' }}>Masculino</option>
                        <option value="F" {{ old('sexo') == 'F' ? 'selected' : '' }}>Feminino</option>
                    </select>
                    <span class="error-message">Este campo é obrigatório</span>
                    @error('sexo')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- ESTADO CIVIL --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2">
                    <label class="col-form-label sans text-muted">
                        Estado civil <span class="text-danger">*</span>
                    </label>
                    <select name="estado_civil" id="estado_civil"
                        class="form-control @error('estado_civil') is-invalid @enderror" required>
                        <option value="">Selecione...</option>
                        <option value="solteiro" {{ old('estado_civil') == 'solteiro' ? 'selected' : '' }}>Solteiro(a)
                        </option>
                        <option value="casado" {{ old('estado_civil') == 'casado' ? 'selected' : '' }}>Casado(a)</option>
                        <option value="divorciado" {{ old('estado_civil') == 'divorciado' ? 'selected' : '' }}>
                            Divorciado(a)
                        </option>
                    </select>
                    <span class="error-message">Este campo é obrigatório</span>
                    @error('estado_civil')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- FILHOS --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2">
                    <label class="col-form-label sans text-muted">
                        Possui filhos? <span class="text-danger">*</span>
                    </label>
                    <select name="possui_filhos" id="possui_filhos"
                        class="form-control @error('possui_filhos') is-invalid @enderror" required>
                        <option value="">Selecione...</option>
                        <option value="nao" {{ old('possui_filhos') == 'nao' ? 'selected' : '' }}>Não</option>
                        <option value="sim" {{ old('possui_filhos') == 'sim' ? 'selected' : '' }}>Sim</option>
                    </select>
                    <span class="error-message">Este campo é obrigatório</span>
                    @error('possui_filhos')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- QUANTIDADE DE FILHOS --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2">
                    <label class="col-form-label sans text-muted">
                        Quantidade de filhos
                    </label>
                    <input type="number" min="0" name="qtd_filhos" id="qtd_filhos"
                        class="form-control @error('qtd_filhos') is-invalid @enderror" value="{{ old('qtd_filhos') }}"
                        {{ old('possui_filhos') == 'sim' ? '' : 'disabled' }}>
                    @error('qtd_filhos')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- PCD --}}
                <div class="form-group col-md-4 col-sm-6 co-xs-12 mt-2">
                    <label class="col-form-label sans text-muted">
                        PCD (Pessoa com Deficiência)? <span class="text-danger">*</span>
                    </label>
                    <select name="pcd" id="pcd" class="form-control @error('pcd') is-invalid @enderror"
                        required>
                        <option value="nao" {{ old('pcd', 'nao') == 'nao' ? 'selected' : '' }}>Não</option>
                        <option value="sim" {{ old('pcd') == 'sim' ? 'selected' : '' }}>Sim</option>
                    </select>
                    @error('pcd')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- ESTRANGEIRO --}}
                <div class="form-group col-md-4 col-sm-6 co-xs-12 mt-2">
                    <label class="col-form-label sans text-muted">
                        Estrangeiro? <span class="text-danger">*</span>
                    </label>
                    <select name="estrangeiro" id="estrangeiro"
                        class="form-control @error('estrangeiro') is-invalid @enderror" required>
                        <option value="nao" {{ old('estrangeiro', 'nao') == 'nao' ? 'selected' : '' }}>Não</option>
                        <option value="sim" {{ old('estrangeiro') == 'sim' ? 'selected' : '' }}>Sim</option>
                    </select>
                    @error('estrangeiro')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- DATA DA CHEGADA AO BRASIL (apenas estrangeiro) --}}
                <div class="form-group col-md-4 col-sm-6 co-xs-12 mt-2" id="group_chegada_brasil" style="display:none;">
                    <label class="col-form-label sans text-muted">
                        Data da chegada ao Brasil <span class="text-danger">*</span>
                    </label>
                    <input type="text" name="data_chegada_brasil" id="data_chegada_brasil" placeholder="dd/mm/aaaa"
                        class="form-control date-br @error('data_chegada_brasil') is-invalid @enderror"
                        value="{{ old('data_chegada_brasil') }}">
                    <span class="error-message">Data inválida. Use o formato dd/mm/aaaa</span>
                    @error('data_chegada_brasil')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- PAÍS DE NASCIMENTO (apenas estrangeiro) --}}
                <div class="form-group col-md-4 col-sm-6 co-xs-12 mt-2" id="group_pais_nascimento" style="display:none;">
                    <label class="col-form-label sans text-muted">
                        País de nascimento <span class="text-danger">*</span>
                    </label>
                    <input type="text" name="pais_nascimento" id="pais_nascimento"
                        class="form-control @error('pais_nascimento') is-invalid @enderror"
                        value="{{ old('pais_nascimento') }}" maxlength="100">
                    <span class="error-message">Este campo é obrigatório</span>
                    @error('pais_nascimento')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- RNM (apenas estrangeiro) --}}
                <div class="form-group col-md-4 col-sm-6 co-xs-12 mt-2" id="group_rnm" style="display:none;">
                    <label class="col-form-label sans text-muted">
                        RNM – Registro Nacional Migratório <span class="text-danger">*</span>
                    </label>
                    <input type="text" name="rnm" id="rnm"
                        class="form-control @error('rnm') is-invalid @enderror" value="{{ old('rnm') }}"
                        maxlength="30">
                    <span class="error-message">Este campo é obrigatório</span>
                    @error('rnm')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- Navegação: step 1 → 2 --}}
                <div class="col-12">
                    <div class="wizard-nav">
                        <span></span>
                        <button type="button" class="btn-wizard-next" data-next="2">Próximo <i
                                class="bi bi-arrow-right"></i></button>
                    </div>
                </div>
            </div>{{-- /row step 1 --}}
        </div>{{-- /wizard-step-1 --}}

        <div id="wizard-step-2" class="wizard-pane">
            <div class="row clearfix">

                {{-- BLOCO 1B - Dados da contratação (substituem o item 3 - Solicitação de Contratação) --}}
                <div class="form-group col-md-12 col-sm-12 co-xs-12 mt-4">
                    <h5 class="sans text-muted mb-3">Dados da Contratação</h5>
                </div>

                {{-- SALÁRIO DE ADMISSÃO (oculto para vendedores — ver atualizarCamposContratacaoPorCargo) --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2" id="group_salario_admissao">
                    <label class="col-form-label sans text-muted">
                        Salário de Admissão <span class="text-danger">*</span>
                    </label>
                    <input type="text" name="dados_extras[salario_admissao]" id="salario_admissao"
                        class="form-control money-br @error('dados_extras.salario_admissao') is-invalid @enderror"
                        placeholder="R$ 0,00" value="{{ old('dados_extras.salario_admissao') }}" required>
                    <span class="error-message">Este campo é obrigatório</span>
                    @error('dados_extras.salario_admissao')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- SALÁRIO APÓS A EXPERIÊNCIA (oculto para Jovem Aprendiz e vendedores) --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2" id="group_salario_apos_experiencia">
                    <label class="col-form-label sans text-muted">
                        Salário Após a Experiência <span class="text-danger">*</span>
                    </label>
                    <input type="text" name="dados_extras[salario_apos_experiencia]" id="salario_apos_experiencia"
                        class="form-control money-br @error('dados_extras.salario_apos_experiencia') is-invalid @enderror"
                        placeholder="R$ 0,00" value="{{ old('dados_extras.salario_apos_experiencia') }}" required>
                    <span class="error-message">Este campo é obrigatório</span>
                    @error('dados_extras.salario_apos_experiencia')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- TIPO DE CONTRATAÇÃO --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2">
                    <label class="col-form-label sans text-muted">
                        Tipo de Contratação <span class="text-danger">*</span>
                    </label>
                    <select name="dados_extras[tipo_contratacao]" id="tipo_contratacao"
                        class="form-control @error('dados_extras.tipo_contratacao') is-invalid @enderror" required>
                        <option value="">Selecione...</option>
                        <option value="aumento_quadro"
                            {{ old('dados_extras.tipo_contratacao') === 'aumento_quadro' ? 'selected' : '' }}>
                            Aumento de Quadro
                        </option>
                        <option value="substituicao"
                            {{ old('dados_extras.tipo_contratacao') === 'substituicao' ? 'selected' : '' }}>
                            Substituição
                        </option>
                    </select>
                    <span class="error-message">Este campo é obrigatório</span>
                    @error('dados_extras.tipo_contratacao')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- NOME DO SUBSTITUÍDO (condicional: só se Substituição) --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2" id="row_substituto_nome" style="display:none;">
                    <label class="col-form-label sans text-muted">
                        Substituindo <span class="text-danger">*</span>
                    </label>
                    <input type="text" name="dados_extras[substituto_nome]" id="substituto_nome"
                        class="form-control @error('dados_extras.substituto_nome') is-invalid @enderror"
                        placeholder="Nome do colaborador substituído" value="{{ old('dados_extras.substituto_nome') }}">
                    <span class="error-message">Este campo é obrigatório para substituição</span>
                    @error('dados_extras.substituto_nome')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- HORÁRIO SEG A SEX --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2">
                    <label class="col-form-label sans text-muted">
                        Horário de Seg. a Sex. <span class="text-danger">*</span>
                    </label>
                    <input type="text" name="dados_extras[horario_seg_sex]" id="horario_seg_sex"
                        class="form-control @error('dados_extras.horario_seg_sex') is-invalid @enderror"
                        placeholder="Ex.: 07:30 12:00 13:30 17:00" value="{{ old('dados_extras.horario_seg_sex') }}"
                        required>
                    <span class="error-message">Este campo é obrigatório</span>
                    @error('dados_extras.horario_seg_sex')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- HORÁRIO AOS SÁBADOS (oculto para Jovem Aprendiz) --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2" id="group_horario_sabado">
                    <label class="col-form-label sans text-muted">
                        Horário aos Sábados <span class="text-danger">*</span>
                    </label>
                    <input type="text" name="dados_extras[horario_sabado]" id="horario_sabado"
                        class="form-control @error('dados_extras.horario_sabado') is-invalid @enderror"
                        placeholder="Ex.: 08:00 12:00" value="{{ old('dados_extras.horario_sabado') }}" required>
                    <span class="error-message">Este campo é obrigatório</span>
                    @error('dados_extras.horario_sabado')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- VALE (oculto para Jovem Aprendiz) --}}
                <div class="form-group col-md-3 col-sm-6 co-xs-12 mt-2" id="group_vale">
                    <label class="col-form-label sans text-muted">
                        Vale <span class="text-danger">*</span>
                    </label>
                    <select name="dados_extras[vale]" id="vale"
                        class="form-control @error('dados_extras.vale') is-invalid @enderror" required>
                        <option value="">Selecione...</option>
                        <option value="alimentacao" {{ old('dados_extras.vale') === 'alimentacao' ? 'selected' : '' }}>
                            Alimentação</option>
                        <option value="refeicao" {{ old('dados_extras.vale') === 'refeicao' ? 'selected' : '' }}>Refeição
                        </option>
                    </select>
                    <span class="error-message">Este campo é obrigatório</span>
                    @error('dados_extras.vale')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                {{-- Navegação: step 2 → 3 --}}
                <div class="col-12">
                    <div class="wizard-nav">
                        <button type="button" class="btn-wizard-prev" data-prev="1"><i class="bi bi-arrow-left"></i>
                            Anterior</button>
                        <button type="button" class="btn-wizard-next" data-next="3">Próximo <i
                                class="bi bi-arrow-right"></i></button>
                    </div>
                </div>
            </div>{{-- /row step 2 --}}
        </div>{{-- /wizard-step-2 --}}

        <div id="wizard-step-3" class="wizard-pane">
            <div class="row clearfix">

                {{-- BLOCO 2 - Documentos e anexos --}}
                <div class="form-group col-md-12 col-sm-12 co-xs-12 mt-4">
                    <h5 class="sans text-muted mb-3">Documentos e anexos</h5>

                    <p class="mb-3">
                        Preencha e anexe os documentos conforme o cargo selecionado e as orientações do RH.
                        Os campos marcados com <strong>*</strong> são obrigatórios.
                    </p>
                    {{-- DEBUG: replicar arquivo em todos os anexos --}}
                    @if (config('app.debug'))
                        <div class="form-group col-md-12 col-sm-12 co-xs-12 mt-3">
                            <div
                                style="border:2px dashed #e74c3c; border-radius:6px; padding:12px 16px; background:#fff8f8;">
                                <span style="color:#e74c3c; font-weight:bold; font-size:13px;">⚠ DEBUG</span>
                                <span style="font-size:13px; color:#777; margin-left:8px;">Selecione um arquivo e replique
                                    em todos os anexos:</span>
                                <div style="margin-top:8px; display:flex; align-items:center; gap:10px; flex-wrap:wrap;">
                                    <input type="file" id="debug-fill-file" accept=".pdf,.docx,.jpg,.jpeg,.png"
                                        style="font-size:13px;">
                                    <button type="button" id="debug-fill-btn"
                                        style="background:#e74c3c; color:#fff; border:none; border-radius:4px; padding:5px 14px; font-size:13px; cursor:pointer;">
                                        Replicar em todos os anexos
                                    </button>
                                </div>
                            </div>
                        </div>
                    @endif
                    <div class="table-responsive">
                        <table class="table table-bordered align-middle docs-table">
                            <thead>
                                <tr>
                                    <th style="width: 60px;">Item</th>
                                    <th>Descrição</th>
                                    <th>Envio</th>
                                </tr>
                            </thead>
                            <tbody>

                                {{-- 1 - Currículo --}}
                                <tr>
                                    <td>1</td>
                                    <td>Currículo <span class="text-danger">*</span></td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[curriculo][]"
                                                    accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.curriculo.*') is-invalid @enderror"
                                                    required>
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório</span>
                                        </div>
                                        @error('documentos.curriculo.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 2 - Validação Cadastral --}}
                                <tr data-doc="analise_processual">
                                    <td>2</td>
                                    <td>Validação Cadastral <span class="text-danger">*</span></td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[analise_processual][]"
                                                    accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.analise_processual.*') is-invalid @enderror"
                                                    required>
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório</span>
                                        </div>
                                        @error('documentos.analise_processual')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 3 - Carteira de Trabalho --}}
                                <tr>
                                    <td>3</td>
                                    <td>Carteira de Trabalho (Primeira página frente e verso)
                                        <span class="text-danger">*</span>
                                    </td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[ctps][]"
                                                    accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.ctps.*') is-invalid @enderror" required>
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório</span>
                                        </div>
                                        @error('documentos.ctps.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 4 - Identidade/CNH --}}
                                <tr>
                                    <td>4</td>
                                    <td>Carteira de Identidade ou CNH<span class="text-danger">*</span></td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[identidade_cnh][]"
                                                    accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.identidade_cnh.*') is-invalid @enderror"
                                                    required>
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório</span>
                                        </div>
                                        @error('documentos.identidade_cnh.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 5 - Título de Eleitor --}}
                                <tr id="row_titulo_eleitor">
                                    <td>5</td>
                                    <td>
                                        Título de Eleitor (maiores de 18 anos)
                                        <br>
                                        <small class="text-muted">Opcional.</small>
                                    </td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[titulo_eleitor][]"
                                                    id="titulo_eleitor" accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.titulo_eleitor.*') is-invalid @enderror">
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório para maiores de 18
                                                anos</span>
                                        </div>
                                        @error('documentos.titulo_eleitor.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 6 - Reservista --}}
                                <tr id="row_reservista">
                                    <td>6</td>
                                    <td>
                                        Certificado de Reservista (homens maiores de 18 anos)
                                        <br>
                                        <small class="text-muted">Opcional.</small>
                                    </td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[reservista][]" id="reservista"
                                                    accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.reservista.*') is-invalid @enderror">
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório para homens maiores de
                                                18
                                                anos</span>
                                        </div>
                                        @error('documentos.reservista.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 7 - Foto 3x4 --}}
                                <tr>
                                    <td>7</td>
                                    <td>01 foto 3x4 recente <span class="text-danger">*</span></td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[foto_3x4][]"
                                                    accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.foto_3x4.*') is-invalid @enderror" required>
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório</span>
                                        </div>
                                        @error('documentos.foto_3x4.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 8 - Comprovante de residência --}}
                                <tr>
                                    <td>8</td>
                                    <td>
                                        Comprovante de residência atual (água, luz, telefone)
                                        <span class="text-danger">*</span>
                                    </td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[comprovante_residencia][]"
                                                    accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.comprovante_residencia.*') is-invalid @enderror"
                                                    required>
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório</span>
                                        </div>
                                        @error('documentos.comprovante_residencia.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 9 - Certidão de Nascimento --}}
                                <tr id="row_certidao_nascimento">
                                    <td>9</td>
                                    <td>
                                        Certidão de Nascimento <span class="text-danger">*</span>
                                        <small class="text-muted d-block">
                                            Obrigatória para solteiros.
                                        </small>
                                    </td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[certidao_nascimento][]"
                                                    id="certidao_nascimento" accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.certidao_nascimento.*') is-invalid @enderror">
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório para solteiros</span>
                                        </div>
                                        @error('documentos.certidao_nascimento.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 10 - União estável --}}
                                <tr id="row_uniao_estavel">
                                    <td>10</td>
                                    <td>
                                        Declaração de União Estável
                                        <small class="text-muted d-block">Utilizar apenas para solteiros.</small>
                                    </td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[uniao_estavel][]"
                                                    accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.uniao_estavel.*') is-invalid @enderror">
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                        </div>
                                        @error('documentos.uniao_estavel.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 11 - Certidão de Casamento --}}
                                <tr id="row_certidao_casamento">
                                    <td>11</td>
                                    <td>
                                        Certidão de Casamento <span class="text-danger">*</span>
                                        <small class="text-muted d-block">Obrigatória para casados.</small>
                                    </td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[certidao_casamento][]"
                                                    id="certidao_casamento" accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.certidao_casamento.*') is-invalid @enderror">
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório para casados</span>
                                        </div>
                                        @error('documentos.certidao_casamento.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 12 - Certidões dos filhos --}}
                                <tr id="row_certidoes_filhos">
                                    <td>12</td>
                                    <td>
                                        Certidão de Nascimento dos filhos dependentes (até 21 anos)
                                        <span class="text-danger">*</span>
                                    </td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[certidoes_filhos][]"
                                                    id="certidoes_filhos" accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.certidoes_filhos.*') is-invalid @enderror">
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório se possui
                                                filhos</span>
                                        </div>
                                        @error('documentos.certidoes_filhos.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 13 - Dados dos dependentes --}}
                                <tr id="row_dependentes">
                                    <td>13</td>
                                    <td>
                                        Dados dos dependentes <span class="text-danger">*</span><br>
                                        <small class="text-muted">Nome, CPF e certidão (opcional) de cada
                                            dependente.</small>
                                    </td>
                                    <td>
                                        <div id="dependentes-container">
                                            {{-- Os campos serão gerados dinamicamente pelo JavaScript --}}
                                        </div>
                                        @error('dependentes')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 14 - Carteira de vacinação filhos --}}
                                <tr id="row_vacinacao">
                                    <td>14</td>
                                    <td>
                                        Carteira de vacinação dos filhos menores de 5 anos <span
                                            class="text-danger">*</span>

                                    </td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[carteira_vacinacao_filhos][]"
                                                    id="carteira_vacinacao_filhos" accept=".pdf,.docx,.jpg,.jpeg,.png"
                                                    multiple
                                                    class="@error('documentos.carteira_vacinacao_filhos.*') is-invalid @enderror">
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento OU o comprovante de escolaridade é
                                                obrigatório</span>
                                        </div>
                                        @error('documentos.carteira_vacinacao_filhos.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 15 - Comprovante escolaridade filhos --}}
                                <tr id="row_escolaridade_filhos">
                                    <td>15</td>
                                    <td>
                                        Comprovante de escolaridade dos filhos (6 a 21 anos) <span
                                            class="text-danger">*</span>

                                    </td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[comprovante_escolaridade_filhos][]"
                                                    id="comprovante_escolaridade_filhos"
                                                    accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.comprovante_escolaridade_filhos.*') is-invalid @enderror">
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento OU a carteira de vacinação é
                                                obrigatório</span>
                                        </div>
                                        @error('documentos.comprovante_escolaridade_filhos.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 16 - Comprovante escolaridade candidato --}}
                                <tr data-doc="comprovante_escolaridade">
                                    <td>16</td>
                                    <td>
                                        Comprovante de escolaridade do candidato <span class="text-danger">*</span>
                                        <small class="text-muted d-block">
                                            Obrigatório para cargos de <span class="text-danger">loja e Jovem
                                                Aprendiz</span>.
                                        </small>
                                    </td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[comprovante_escolaridade][]"
                                                    id="comprovante_escolaridade" accept=".pdf,.docx,.jpg,.jpeg,.png"
                                                    multiple
                                                    class="@error('documentos.comprovante_escolaridade.*') is-invalid @enderror">
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório para cargos de
                                                loja</span>
                                        </div>
                                        @error('documentos.comprovante_escolaridade.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 17 - Identidade/CNH Responsável --}}
                                <tr data-doc="identidade_responsavel">
                                    <td>17</td>
                                    <td>
                                        Carteira de Identidade ou CNH do Responsável <span class="text-danger">*</span>
                                        <small class="text-muted d-block">
                                            Obrigatório para Jovem Aprendiz menor de 18 anos.
                                        </small>
                                    </td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[identidade_responsavel][]"
                                                    id="identidade_responsavel" accept=".pdf,.docx,.jpg,.jpeg,.png"
                                                    multiple
                                                    class="@error('documentos.identidade_responsavel.*') is-invalid @enderror">
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório para Jovem Aprendiz
                                                menor
                                                de 18 anos</span>
                                        </div>
                                        @error('documentos.identidade_responsavel.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 18 - Contrato com Instituição de Ensino --}}
                                <tr data-doc="contrato_instituicao_ensino">
                                    <td>18</td>
                                    <td>
                                        Contrato com a Instituição de Ensino <span class="text-danger">*</span>
                                        <small class="text-muted d-block">
                                            Obrigatório para Jovem Aprendiz e Estagiário.
                                        </small>
                                    </td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[contrato_instituicao_ensino][]"
                                                    id="contrato_instituicao_ensino" accept=".pdf,.docx,.jpg,.jpeg,.png"
                                                    multiple
                                                    class="@error('documentos.contrato_instituicao_ensino.*') is-invalid @enderror">
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório para Jovem Aprendiz e
                                                Estagiário</span>
                                        </div>
                                        @error('documentos.contrato_instituicao_ensino.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 19 - Conta bancária --}}
                                <tr>
                                    <td>19</td>
                                    <td>
                                        Conta bancária (conta salário)
                                        <span class="text-danger">*</span>
                                    </td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[conta_bancaria][]"
                                                    accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.conta_bancaria.*') is-invalid @enderror"
                                                    required>
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório</span>
                                        </div>
                                        @error('documentos.conta_bancaria.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 20 - Exame admissional --}}
                                <tr>
                                    <td>20</td>
                                    <td>Exame admissional <span class="text-danger">*</span></td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[exame_admissional][]"
                                                    accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.exame_admissional.*') is-invalid @enderror"
                                                    required>
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório</span>
                                        </div>
                                        @error('documentos.exame_admissional.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 21 - Exame audiometria --}}
                                <tr data-doc="exame_audiometria">
                                    <td>21</td>
                                    <td>
                                        Exame de audiometria
                                        <span class="text-danger">*</span>
                                    </td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[exame_audiometria][]"
                                                    id="exame_audiometria" accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.exame_audiometria.*') is-invalid @enderror">
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório para este cargo</span>
                                        </div>
                                        @error('documentos.exame_audiometria.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 22 - Exame toxicológico --}}
                                <tr data-doc="exame_toxicologico">
                                    <td>22</td>
                                    <td>
                                        Exame toxicológico
                                        <span class="text-danger">*</span>
                                    </td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[exame_toxicologico][]"
                                                    id="exame_toxicologico" accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.exame_toxicologico.*') is-invalid @enderror">
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório para motoristas</span>
                                        </div>
                                        @error('documentos.exame_toxicologico.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 23 - Curso empilhadeira --}}
                                <tr data-doc="curso_empilhadeira">
                                    <td>23</td>
                                    <td>
                                        Certificado de curso de Operador de Empilhadeira
                                        <span class="text-danger">*</span>
                                    </td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[curso_empilhadeira][]"
                                                    id="curso_empilhadeira" accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.curso_empilhadeira.*') is-invalid @enderror">
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório para operador de
                                                empilhadeira</span>
                                        </div>
                                        @error('documentos.curso_empilhadeira.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                {{-- 24 - Laudo PCD --}}
                                <tr id="row_laudo_pcd" style="display:none;">
                                    <td>24</td>
                                    <td>
                                        Laudo PCD <span class="text-danger">*</span>
                                    </td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[laudo_pcd][]" id="laudo_pcd"
                                                    accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.laudo_pcd.*') is-invalid @enderror">
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                            <span class="error-message">Este documento é obrigatório para candidatos
                                                PCD</span>
                                        </div>
                                        @error('documentos.laudo_pcd.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                                <tr>
                                    <td>25</td>
                                    <td>
                                        Outros documentos <span class="text-muted"
                                            style="font-size:.8em;">(opcional)</span>
                                    </td>
                                    <td>
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                                <input type="file" name="documentos[outros_documentos][]"
                                                    id="outros_documentos" accept=".pdf,.docx,.jpg,.jpeg,.png" multiple
                                                    class="@error('documentos.outros_documentos.*') is-invalid @enderror">
                                                <button type="button" class="file-remove-btn" title="Remover arquivo"
                                                    aria-label="Remover arquivo">×</button>
                                            </div>
                                            <div class="file-name-display" aria-live="polite"></div>
                                        </div>
                                        @error('documentos.outros_documentos.*')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>

                            </tbody>
                        </table>
                    </div>
                </div>

                {{-- BLOCO 3 - Observações --}}
                <div class="form-group col-md-12 col-sm-12 co-xs-12 mt-4">
                    <h5 class="sans text-muted mb-3">Observações ao RH (opcional)</h5>
                    <div class="rt-wrap">
                        <div class="rt-toolbar">
                            <button type="button" class="rt-btn" onmousedown="rtFormat(event,'b')"
                                title="Negrito"><b>B</b></button>
                            <button type="button" class="rt-btn" onmousedown="rtFormat(event,'i')" title="Itálico"
                                style="font-style:italic">I</button>
                            <button type="button" class="rt-btn" onmousedown="rtFormat(event,'u')"
                                title="Sublinhado"><u>U</u></button>
                            <button type="button" class="rt-btn" onmousedown="rtFormat(event,'s')"
                                title="Riscado"><s>S</s></button>
                            <div class="rt-sep"></div>
                            <button type="button" class="rt-btn" onmousedown="rtFormat(event,'code')" title="Código"
                                style="font-family:monospace;font-size:.65rem">&lt;/&gt;</button>
                            <div class="rt-sep"></div>
                            <button type="button" class="rt-btn" onmousedown="rtFormat(event,'ul')"
                                title="Lista com marcadores"><i class="bi bi-list-ul"></i></button>
                            <button type="button" class="rt-btn" onmousedown="rtFormat(event,'ol')"
                                title="Lista numerada"><i class="bi bi-list-ol"></i></button>
                        </div>
                        <div contenteditable="true" data-name="observacoes"
                            data-placeholder="Ex.: Documentação parcial, exames agendados."></div>
                        <input type="hidden" name="observacoes" class="@error('observacoes') is-invalid @enderror">
                    </div>
                    @error('observacoes')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>



                {{-- Navegação: step 3 → 4 --}}
                <div class="col-12">
                    <div class="wizard-nav">
                        <button type="button" class="btn-wizard-prev" data-prev="2"><i class="bi bi-arrow-left"></i>
                            Anterior</button>
                        <button type="button" class="btn-wizard-next" data-next="4">Revisar e Enviar <i
                                class="bi bi-arrow-right"></i></button>
                    </div>
                </div>
            </div>{{-- /row step 3 --}}
        </div>{{-- /wizard-step-3 --}}

        {{-- STEP 4: RESUMO --}}
        <div id="wizard-step-4" class="wizard-pane">
            <div id="wizard-summary"></div>
            <div class="wizard-nav" style="margin-top:1.5rem;padding-top:1rem;border-top:1px solid #f0f0f0">
                <button type="button" class="btn-wizard-prev" data-prev="3"><i class="bi bi-arrow-left"></i> Voltar e
                    editar</button>
                <button type="submit" class="theme-btn btn-style-one" id="submit-rh">
                    <i class="bi bi-send"></i> Enviar documentação ao RH
                </button>
            </div>
        </div>{{-- /wizard-step-4 --}}

    </form>

    <script>
        // ─── Dropdown flutuante para Setor e Cargo ───────────────────────────────
        (function() {
            function initDropdown(searchId, selectId, dropdownId) {
                const search = document.getElementById(searchId);
                const select = document.getElementById(selectId);
                const dropdown = document.getElementById(dropdownId);
                if (!search || !select || !dropdown) return;

                // Salva os dados das opções como objetos simples — manipular option.hidden
                // não funciona de forma consistente em <select> nos navegadores.
                const opcoes = Array.from(select.options).map(function(o) {
                    return {
                        value: o.value,
                        text: o.textContent.trim()
                    };
                });
                const placeholder = search.placeholder;

                // Um <select size="1"> deixa de ser listbox e vira combobox: abre um
                // segundo dropdown nativo dentro do nosso e o navegador passa a manter
                // uma opção sempre selecionada — inclusive escolhendo sozinho ao
                // filtrar, sem disparar 'change'. Quem depende do cargo (campos da
                // contratação, documentos exigidos) ficava desatualizado em silêncio.
                // O piso de 2 mantém a lista sempre como listbox.
                const MIN_LINHAS = 2;

                // Fonte da verdade da seleção: só muda quando o usuário escolhe.
                // Filtrar reconstrói as options e pode zerar select.value sem que
                // ninguém tenha escolhido nada.
                let valorSelecionado = select.value;

                function renderOpcoes(termo) {
                    const filtradas = termo ?
                        opcoes.filter(function(o) {
                            return o.text.toLowerCase().includes(termo.toLowerCase());
                        }) :
                        opcoes;

                    while (select.length) select.remove(0);
                    filtradas.forEach(function(o) {
                        const opt = document.createElement('option');
                        opt.value = o.value;
                        opt.textContent = o.text;
                        if (o.value === valorSelecionado) opt.selected = true;
                        select.appendChild(opt);
                    });
                    select.size = Math.min(Math.max(filtradas.length, MIN_LINHAS), 8);
                }

                function textoSelecionado() {
                    const found = opcoes.find(function(o) {
                        return o.value === valorSelecionado;
                    });
                    return found ? found.text : '';
                }

                function abrir() {
                    dropdown.classList.add('open');
                    search.placeholder = 'Pesquisar...';
                    search.value = '';
                    renderOpcoes('');
                }

                function fechar() {
                    dropdown.classList.remove('open');
                    search.placeholder = placeholder;
                    search.value = textoSelecionado();
                    renderOpcoes('');
                }

                search.addEventListener('click', abrir);

                search.addEventListener('input', function() {
                    renderOpcoes(this.value.trim());
                });

                select.addEventListener('change', function() {
                    // Escolha do usuário: aqui, e só aqui, a seleção muda.
                    if (this.value) {
                        valorSelecionado = this.value;
                        search.value = textoSelecionado();
                    }
                    fechar();
                });

                document.addEventListener('click', function(e) {
                    if (!search.contains(e.target) && !dropdown.contains(e.target)) {
                        fechar();
                    }
                });

                // Restaura valor em caso de erro de validação server-side
                if (select.value) search.value = textoSelecionado();
            }

            initDropdown('setor_search', 'setor_select', 'setor_dropdown');
            initDropdown('cargo_search', 'cargo_select', 'cargo_dropdown');
        })();
        // ─────────────────────────────────────────────────────────────────────────

        (function() {
            document.addEventListener('DOMContentLoaded', function() {
                adicionarValidacaoCPFCandidato();
                adicionarValidacaoCPFDependentes();
                bloquearSubmitSeCpfCandidatoInvalido();
                const form = document.getElementById('contact-form');
                if (!form) return;

                // Helpers
                function toggleRequired(el, cond) {
                    if (!el) return;
                    if (cond) el.setAttribute('required', 'required');
                    else el.removeAttribute('required');
                }

                function setErroVisual(el, on) {
                    if (!el) return;

                    el.classList.toggle('error', on);

                    // File inputs: marca só o próprio wrapper — não sobe pro .form-group
                    // (o .form-group pai envolve a tabela inteira e causaria erros em todos os campos)
                    const fileWrapper = el.closest('.file-upload-wrapper');
                    if (fileWrapper) {
                        fileWrapper.classList.toggle('has-error', on);
                        return;
                    }

                    const formGroup = el.closest('.form-group');
                    if (formGroup) {
                        formGroup.classList.toggle('has-error', on);
                        return;
                    }

                    const td = el.closest('td');
                    if (td) td.classList.toggle('has-error', on);
                }

                function clearCustomValidity(el) {
                    if (!el) return;
                    if (typeof el.setCustomValidity === 'function') el.setCustomValidity('');
                }

                function clearFileUi(input) {
                    const wrapper = input?.closest?.('.file-upload-wrapper');
                    if (!wrapper) return;

                    wrapper._files = [];
                    wrapper.classList.remove('has-file');
                    const display = wrapper.querySelector('.file-name-display');
                    if (display) display.innerHTML = '';
                }

                function setRowEnabled(rowEl, enabled) {
                    if (!rowEl) return;

                    const controls = rowEl.querySelectorAll('input, select, textarea');
                    controls.forEach(ctrl => {
                        ctrl.disabled = !enabled;

                        if (!enabled) {
                            ctrl.removeAttribute('required');
                            clearCustomValidity(ctrl);
                            setErroVisual(ctrl, false);

                            // Se esconder/disable file input, limpa UI/valor para não confundir
                            if (ctrl.tagName === 'INPUT' && ctrl.type === 'file') {
                                ctrl.value = '';
                                clearFileUi(ctrl);
                            }
                        }
                    });
                }

                function showRow(rowId, show = true) {
                    const row = document.getElementById(rowId);
                    if (!row) return;
                    row.style.display = show ? '' : 'none';
                    setRowEnabled(row, show);
                }

                function showRowEl(rowEl, show = true) {
                    if (!rowEl) return;
                    rowEl.style.display = show ? '' : 'none';
                    setRowEnabled(rowEl, show);
                }

                // Máscaras e validações
                function isValidDateBr(str) {
                    if (!str || str.length !== 10) return false;
                    const parts = str.split('/');
                    if (parts.length !== 3) return false;

                    const d = parseInt(parts[0], 10);
                    const m = parseInt(parts[1], 10);
                    const y = parseInt(parts[2], 10);

                    if (isNaN(d) || isNaN(m) || isNaN(y)) return false;
                    if (m < 1 || m > 12) return false;
                    if (d < 1 || d > 31) return false;

                    const dt = new Date(y, m - 1, d);
                    return dt.getFullYear() === y && dt.getMonth() === (m - 1) && dt.getDate() === d;
                }

                function syncDateValidity(input, markError = false) {
                    if (!input) return true;

                    const v = (input.value || '').trim();
                    if (v === '') {
                        input.setCustomValidity('');
                        if (markError) setErroVisual(input, false);
                        return true;
                    }

                    if (!isValidDateBr(v)) {
                        input.setCustomValidity('Data inválida. Use o formato dd/mm/aaaa.');
                        if (markError) setErroVisual(input, true);
                        return false;
                    }

                    if (input.id !== 'data_nascimento' && input.id !== 'data_chegada_brasil') {
                        const parts = v.split('/');
                        const inputDate = new Date(parseInt(parts[2], 10), parseInt(parts[1], 10) - 1, parseInt(
                            parts[0], 10));
                        const hoje = new Date();
                        hoje.setHours(0, 0, 0, 0);
                        if (inputDate < hoje) {
                            input.setCustomValidity('A data não pode ser anterior à data atual.');
                            if (markError) setErroVisual(input, true);
                            return false;
                        }
                    }

                    input.setCustomValidity('');
                    if (markError) setErroVisual(input, false);
                    return true;
                }

                // Aplicar máscara em datas (dd/mm/aaaa)
                const dateInputs = document.querySelectorAll('.date-br');
                dateInputs.forEach(function(input) {
                    input.addEventListener('input', function() {
                        let v = input.value.replace(/\D/g, '');
                        if (v.length > 8) v = v.slice(0, 8);

                        if (v.length >= 5) v = v.replace(/(\d{2})(\d{2})(\d{1,4})/, "$1/$2/$3");
                        else if (v.length >= 3) v = v.replace(/(\d{2})(\d{1,2})/, "$1/$2");

                        input.value = v;

                        syncDateValidity(input, false);
                        if (input.checkValidity()) setErroVisual(input, false);
                    });

                    input.addEventListener('blur', function() {
                        syncDateValidity(input, true);
                    });
                });

                // Máscara CPF (simples)
                function aplicarMascaraCPF(input) {
                    if (!input) return;

                    input.addEventListener('input', function() {
                        let value = this.value.replace(/\D/g, '');
                        if (value.length > 11) value = value.slice(0, 11);

                        if (value.length > 9) value = value.replace(/(\d{3})(\d{3})(\d{3})(\d{1,2})/,
                            '$1.$2.$3-$4');
                        else if (value.length > 6) value = value.replace(/(\d{3})(\d{3})(\d{1,3})/,
                            '$1.$2.$3');
                        else if (value.length > 3) value = value.replace(/(\d{3})(\d{1,3})/, '$1.$2');

                        this.value = value;
                    });
                }

                aplicarMascaraCPF(document.getElementById('cpf_candidato'));

                // Cálculo de idade (usa data válida)
                function calcularIdade(dataNascimento) {
                    if (!isValidDateBr(dataNascimento)) return null;

                    const parts = dataNascimento.split('/');
                    const dia = parseInt(parts[0], 10);
                    const mes = parseInt(parts[1], 10) - 1;
                    const ano = parseInt(parts[2], 10);

                    const nascimento = new Date(ano, mes, dia);
                    const hoje = new Date();

                    let idade = hoje.getFullYear() - nascimento.getFullYear();
                    const mesAtual = hoje.getMonth();
                    const mesNascimento = nascimento.getMonth();

                    if (mesAtual < mesNascimento || (mesAtual === mesNascimento && hoje.getDate() < nascimento
                            .getDate())) {
                        idade--;
                    }

                    return idade;
                }

                function showToast(message, type) {
                    type = type || 'success';

                    const existingToast = document.getElementById('file-toast');
                    if (existingToast) existingToast.remove();

                    const colors = {
                        success: '#28a745',
                        error: '#dc3545',
                        info: '#17a2b8',
                        warning: '#ffc107'
                    };

                    const icons = {
                        success: 'check-circle',
                        error: 'x-circle',
                        info: 'info-circle',
                        warning: 'exclamation-triangle'
                    };

                    const toast = document.createElement('div');
                    toast.id = 'file-toast';

                    const icon = icons[type] || icons.success;
                    const color = colors[type] || colors.success;

                    toast.innerHTML = '<i class="bi bi-' + icon + '"></i> ' + message;

                    toast.style.position = 'fixed';
                    toast.style.bottom = '20px';
                    toast.style.right = '20px';
                    toast.style.background = color;
                    toast.style.color = 'white';
                    toast.style.padding = '12px 20px';
                    toast.style.borderRadius = '4px';
                    toast.style.boxShadow = '0 4px 12px rgba(0,0,0,0.15)';
                    toast.style.zIndex = '9999';
                    toast.style.display = 'flex';
                    toast.style.alignItems = 'center';
                    toast.style.gap = '8px';
                    toast.style.fontFamily = 'Poppins, sans-serif';
                    toast.style.fontSize = '14px';
                    toast.style.fontWeight = '500';

                    document.body.appendChild(toast);

                    setTimeout(function() {
                        toast.remove();
                    }, 2000);
                }

                function escapeHtml(str) {
                    return String(str || '').replace(/[&<>"']/g, (m) => ({
                        '&': '&amp;',
                        '<': '&lt;',
                        '>': '&gt;',
                        '"': '&quot;',
                        "'": '&#039;'
                    } [m]));
                }

                // Regras de arquivo espelhadas da validação do servidor
                // (mimes:pdf,docx,jpg,jpeg,png | max:15360 KB)
                const RH_MAX_FILE_BYTES = 15 * 1024 * 1024;
                const RH_ALLOWED_EXTS = ['pdf', 'docx', 'jpg', 'jpeg', 'png'];

                function formatarTamanhoArquivo(bytes) {
                    if (bytes >= 1024 * 1024) return (bytes / (1024 * 1024)).toFixed(1).replace('.', ',') + ' MB';
                    return Math.max(1, Math.round(bytes / 1024)) + ' KB';
                }

                function validarArquivo(file) {
                    const ext = (file.name.split('.').pop() || '').toLowerCase();
                    if (!RH_ALLOWED_EXTS.includes(ext)) {
                        return 'Tipo de arquivo não permitido' + (ext ? ' (.' + ext + ')' : '') +
                            '. Envie apenas PDF, DOCX, JPG, JPEG ou PNG.';
                    }
                    if (file.size > RH_MAX_FILE_BYTES) {
                        return 'Arquivo muito grande (' + formatarTamanhoArquivo(file.size) +
                            '). O tamanho máximo permitido é 15 MB.';
                    }
                    if (file.size === 0) {
                        return 'Arquivo vazio ou corrompido. Selecione outro arquivo.';
                    }
                    return null;
                }

                function mostrarErroArquivo(wrapper, erros) {
                    let box = wrapper.querySelector('.file-error-display');
                    if (!erros.length) {
                        if (box) box.remove();
                        return;
                    }
                    if (!box) {
                        box = document.createElement('div');
                        box.className = 'file-error-display';
                        wrapper.appendChild(box);
                    }
                    box.innerHTML = erros.map(function(e) {
                        return '<div><i class="bi bi-exclamation-triangle-fill"></i><span>' +
                            escapeHtml(e) + '</span></div>';
                    }).join('');
                }

                function setupFileInputs(rootEl) {
                    const root = rootEl || form;
                    const wrappers = root.querySelectorAll('.file-upload-wrapper');

                    wrappers.forEach(wrapper => {
                        if (wrapper.dataset.fileEnhanced === '1') return;

                        const input = wrapper.querySelector('input[type="file"]');
                        if (!input) return;

                        const display = wrapper.querySelector('.file-name-display');
                        if (!display) return;

                        wrapper.dataset.fileEnhanced = '1';
                        wrapper._files = [];

                        const objUrls = new Map();

                        function isImgFile(name) {
                            const ext = (name.split('.').pop() || '').toLowerCase();
                            return ['jpg', 'jpeg', 'png', 'gif', 'webp'].includes(ext);
                        }

                        function fileIcon(name) {
                            const ext = (name.split('.').pop() || '').toLowerCase();
                            if (['jpg', 'jpeg', 'png', 'gif', 'webp'].includes(ext))
                                return 'bi-file-earmark-image text-success';
                            if (ext === 'pdf') return 'bi-file-earmark-pdf text-danger';
                            if (['doc', 'docx'].includes(ext))
                                return 'bi-file-earmark-word text-primary';
                            return 'bi-file-earmark text-secondary';
                        }

                        function syncInputFiles() {
                            const dt = new DataTransfer();
                            wrapper._files.forEach(f => dt.items.add(f));
                            try {
                                input.files = dt.files;
                            } catch (e) {}
                        }

                        const refresh = () => {
                            if (wrapper._files.length > 0) {
                                wrapper.classList.add('has-file');

                                wrapper._files.forEach(file => {
                                    if (isImgFile(file.name) && !objUrls.has(file)) {
                                        objUrls.set(file, URL.createObjectURL(file));
                                    }
                                });
                                objUrls.forEach((url, file) => {
                                    if (!wrapper._files.includes(file)) {
                                        URL.revokeObjectURL(url);
                                        objUrls.delete(file);
                                    }
                                });

                                let html = '';
                                wrapper._files.forEach((file, idx) => {
                                    html += `<div class="file-item">`;
                                    if (isImgFile(file.name)) {
                                        html +=
                                            `<img src="${objUrls.get(file)}" class="file-thumb" title="Clique para ampliar" alt="">`;
                                    } else {
                                        html +=
                                            `<i class="bi ${fileIcon(file.name)}" style="font-size:16px;flex-shrink:0;"></i>`;
                                    }
                                    html +=
                                        `<span class="file-item-name" title="${escapeHtml(file.name)}">${escapeHtml(file.name)}</span>`;
                                    html +=
                                        `<button type="button" class="file-item-remove" data-idx="${idx}" title="Remover">×</button>`;
                                    html += `</div>`;
                                });

                                display.innerHTML = html;

                                display.querySelectorAll('.file-item-remove').forEach(btn => {
                                    btn.addEventListener('click', function(e) {
                                        e.preventDefault();
                                        wrapper._files.splice(parseInt(this.dataset
                                            .idx, 10), 1);
                                        syncInputFiles();
                                        refresh();
                                        mostrarErroArquivo(wrapper, []);
                                        showToast('Arquivo removido', 'info');
                                    });
                                });

                                display.querySelectorAll('.file-thumb').forEach(img => {
                                    img.addEventListener('click', function() {
                                        window.open(this.src, '_blank');
                                    });
                                });

                            } else {
                                wrapper.classList.remove('has-file');
                                objUrls.forEach(url => URL.revokeObjectURL(url));
                                objUrls.clear();
                                display.innerHTML = '';
                            }
                        };

                        input.addEventListener('change', function() {
                            const erros = [];
                            Array.from(this.files).forEach(newFile => {
                                const erro = validarArquivo(newFile);
                                if (erro) {
                                    erros.push('"' + newFile.name + '": ' + erro);
                                    return;
                                }
                                const dup = wrapper._files.some(f => f.name === newFile
                                    .name && f.size === newFile.size);
                                if (!dup) wrapper._files.push(newFile);
                            });
                            syncInputFiles();
                            refresh();
                            mostrarErroArquivo(wrapper, erros);
                            if (erros.length) {
                                showToast(erros.length === 1 ?
                                    'Arquivo rejeitado — verifique o tipo e o tamanho.' :
                                    erros.length + ' arquivos rejeitados — verifique tipo e tamanho.',
                                    'error');
                            }
                        });

                        refresh();
                    });
                }

                // Referências principais
                const dataNascimentoInput = document.getElementById('data_nascimento');
                const sexoSelect = document.getElementById('sexo');
                const estadoCivilSelect = document.getElementById('estado_civil');
                const possuiFilhosSelect = document.getElementById('possui_filhos');
                const qtdFilhosInput = document.getElementById('qtd_filhos');
                const cargoSelect = document.getElementById('cargo_select');
                const pcdSelect = document.getElementById('pcd');
                const laudoPcdInput = document.getElementById('laudo_pcd');
                const estrangeiroSelect = document.getElementById('estrangeiro');

                const dependentesContainer = document.getElementById('dependentes-container');

                // Filhos: inputs OR
                const vacinacaoInput = document.getElementById('carteira_vacinacao_filhos');
                const escolaridadeFilhosInput = document.getElementById('comprovante_escolaridade_filhos');

                // Certidões (para divorciados OR)
                const certidaoNascimentoInput = document.getElementById('certidao_nascimento');
                const certidaoCasamentoInput = document.getElementById('certidao_casamento');

                // Regra: Vacinação OU Escolaridade
                function validarDocsFilhosOu() {
                    const temFilhos = (possuiFilhosSelect?.value === 'sim');

                    if (!temFilhos) {
                        [vacinacaoInput, escolaridadeFilhosInput].forEach(el => {
                            if (!el) return;
                            el.setCustomValidity('');
                            setErroVisual(el, false);
                        });
                        return;
                    }

                    const temVacinacao = !!(vacinacaoInput?.files?.length);
                    const temEscolaridade = !!(escolaridadeFilhosInput?.files?.length);
                    const msg = 'Envie a carteira de vacinação OU o comprovante de escolaridade dos filhos.';

                    if (!temVacinacao && !temEscolaridade) {
                        vacinacaoInput?.setCustomValidity(msg);
                        escolaridadeFilhosInput?.setCustomValidity(msg);
                    } else {
                        vacinacaoInput?.setCustomValidity('');
                        escolaridadeFilhosInput?.setCustomValidity('');
                        setErroVisual(vacinacaoInput, false);
                        setErroVisual(escolaridadeFilhosInput, false);
                    }
                }

                // Regra: PCD - exibe/oculta Laudo PCD
                function atualizarPcd() {
                    const isPcd = pcdSelect?.value === 'sim';
                    showRow('row_laudo_pcd', isPcd);
                    toggleRequired(laudoPcdInput, isPcd);
                    if (!isPcd && laudoPcdInput) {
                        laudoPcdInput.value = '';
                        setErroVisual(laudoPcdInput, false);
                    }
                    setupFileInputs();
                }

                // Regra: Certidão Nascimento OU Casamento (para divorciados)
                function validarCertidoesDivorciado() {
                    const estadoCivil = estadoCivilSelect?.value || '';
                    const ehDivorciado = (estadoCivil === 'divorciado');

                    if (!ehDivorciado) {
                        [certidaoNascimentoInput, certidaoCasamentoInput].forEach(el => {
                            if (!el) return;
                            el.setCustomValidity('');
                            setErroVisual(el, false);
                        });
                        return;
                    }

                    const temNascimento = !!(certidaoNascimentoInput?.files?.length);
                    const temCasamento = !!(certidaoCasamentoInput?.files?.length);
                    const msg = 'Para divorciados, envie a certidão de nascimento OU a certidão de casamento.';

                    if (!temNascimento && !temCasamento) {
                        certidaoNascimentoInput?.setCustomValidity(msg);
                        certidaoCasamentoInput?.setCustomValidity(msg);
                    } else {
                        certidaoNascimentoInput?.setCustomValidity('');
                        certidaoCasamentoInput?.setCustomValidity('');
                        setErroVisual(certidaoNascimentoInput, false);
                        setErroVisual(certidaoCasamentoInput, false);
                    }
                }

                function validarCPF(cpf) {
                    cpf = cpf.replace(/\D/g, '');

                    if (cpf.length !== 11) return false;
                    if (/^(\d)\1{10}$/.test(cpf)) return false;

                    let soma = 0;
                    for (let i = 0; i < 9; i++) {
                        soma += parseInt(cpf.charAt(i)) * (10 - i);
                    }
                    let resto = soma % 11;
                    let digito1 = resto < 2 ? 0 : 11 - resto;

                    if (parseInt(cpf.charAt(9)) !== digito1) return false;

                    soma = 0;
                    for (let i = 0; i < 10; i++) {
                        soma += parseInt(cpf.charAt(i)) * (11 - i);
                    }
                    resto = soma % 11;
                    let digito2 = resto < 2 ? 0 : 11 - resto;

                    if (parseInt(cpf.charAt(10)) !== digito2) return false;

                    return true;
                }

                function adicionarValidacaoCPFCandidato() {
                    const input = document.getElementById('cpf_candidato');
                    if (!input) return;

                    input.addEventListener('blur', function() {
                        const cpf = this.value.trim();

                        if (!cpf) {
                            this.setCustomValidity('');
                            this.classList.remove('error');
                            const wrapper = this.closest('.form-group');
                            if (wrapper) wrapper.classList.remove('has-error');
                            return;
                        }

                        if (!validarCPF(cpf)) {
                            this.setCustomValidity('CPF do candidato é inválido.');
                            this.classList.add('error');

                            const wrapper = this.closest('.form-group');
                            if (wrapper) wrapper.classList.add('has-error');
                        } else {
                            this.setCustomValidity('');
                            this.classList.remove('error');

                            const wrapper = this.closest('.form-group');
                            if (wrapper) wrapper.classList.remove('has-error');
                        }
                    });

                    input.addEventListener('input', function() {
                        if (this.validity.customError) {
                            const cpf = this.value.trim();
                            if (cpf && validarCPF(cpf)) {
                                this.setCustomValidity('');
                                this.classList.remove('error');

                                const wrapper = this.closest('.form-group');
                                if (wrapper) wrapper.classList.remove('has-error');
                            }
                        }
                    });
                }

                function adicionarValidacaoCPFDependentes() {
                    const cpfInputs = document.querySelectorAll('.dependente-cpf');

                    cpfInputs.forEach(function(input, index) {
                        input.addEventListener('blur', function() {
                            const cpf = this.value.trim();

                            if (!cpf) {
                                this.setCustomValidity('');
                                return;
                            }

                            if (!validarCPF(cpf)) {
                                const numDependente = index + 1;
                                this.setCustomValidity(
                                    `CPF do dependente #${numDependente} é inválido.`);
                                this.classList.add('error');

                                const wrapper = this.closest('.form-group');
                                if (wrapper) wrapper.classList.add('has-error');
                            } else {
                                this.setCustomValidity('');
                                this.classList.remove('error');

                                const wrapper = this.closest('.form-group');
                                if (wrapper) wrapper.classList.remove('has-error');
                            }
                        });

                        input.addEventListener('input', function() {
                            if (this.validity.customError) {
                                const cpf = this.value.trim();
                                if (cpf && validarCPF(cpf)) {
                                    this.setCustomValidity('');
                                    this.classList.remove('error');

                                    const wrapper = this.closest('.form-group');
                                    if (wrapper) wrapper.classList.remove('has-error');
                                }
                            }
                        });
                    });
                }

                function bloquearSubmitSeCpfCandidatoInvalido() {
                    const form = document.getElementById('contact-form');
                    const input = document.getElementById('cpf_candidato');
                    if (!form || !input) return;

                    form.addEventListener('submit', function(e) {
                        const cpf = input.value.trim();

                        if (cpf && !validarCPF(cpf)) {
                            e.preventDefault();

                            input.setCustomValidity('CPF do candidato é inválido.');
                            input.classList.add('error');
                            const wrapper = input.closest('.form-group');
                            if (wrapper) wrapper.classList.add('has-error');

                            input.reportValidity();
                            try {
                                input.focus();
                            } catch (_) {}
                            try {
                                input.scrollIntoView({
                                    behavior: 'smooth',
                                    block: 'center'
                                });
                            } catch (_) {}
                        }
                    });
                }

                // Dependentes dinâmicos
                function gerarCamposDependentes() {
                    if (!dependentesContainer) return;

                    const temFilhos = (possuiFilhosSelect?.value === 'sim');
                    if (!temFilhos) {
                        dependentesContainer.innerHTML = '';
                        return;
                    }

                    const qtdValue = (qtdFilhosInput?.value ?? '').toString();
                    const qtd = parseInt(qtdValue, 10) || 0;

                    if (!qtdValue || qtd <= 0) {
                        dependentesContainer.innerHTML = '';
                        return;
                    }

                    const valoresAntigos = [];
                    dependentesContainer.querySelectorAll('.dependente-item').forEach((item, index) => {
                        const nomeInput = item.querySelector(
                            `input[name="dependentes[${index}][nome]"]`);
                        const cpfInput = item.querySelector(`input[name="dependentes[${index}][cpf]"]`);

                        valoresAntigos[index] = {
                            nome: nomeInput ? nomeInput.value : '',
                            cpf: cpfInput ? cpfInput.value : ''
                        };
                    });

                    dependentesContainer.innerHTML = '';

                    for (let i = 0; i < qtd; i++) {
                        const dependenteDiv = document.createElement('div');
                        dependenteDiv.className = 'dependente-item';
                        dependenteDiv.innerHTML = `
                            <h6>Dependente ${i + 1}</h6>
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <label>Nome do dependente <span class="text-danger">*</span></label>
                                    <input type="text"
                                           name="dependentes[${i}][nome]"
                                           class="form-control"
                                           required
                                           value="${escapeHtml(valoresAntigos[i]?.nome || '')}">
                                    <span class="error-message">Este campo é obrigatório</span>
                                </div>

                                <div class="col-md-6 form-group">
                                    <label>CPF do dependente <span class="text-danger">*</span></label>
                                    <input type="text"
                                           name="dependentes[${i}][cpf]"
                                           class="form-control dependente-cpf"
                                           required
                                           value="${escapeHtml(valoresAntigos[i]?.cpf || '')}">
                                    <span class="error-message">Este campo é obrigatório</span>
                                </div>

                                <div class="col-md-12 form-group">
                                    <label>Documentos (opcional)</label>
                                    <div class="file-upload-wrapper">
                                        <div class="file-input-row">
                                            <i class="bi bi-paperclip" style="font-size:18px;"></i>
                                            <input type="file"
                                                   name="dependentes[${i}][certidao]"
                                                   accept=".pdf,.docx,.jpg,.jpeg,.png">
                                            <button type="button" class="file-remove-btn" title="Remover arquivo" aria-label="Remover arquivo">×</button>
                                        </div>
                                        <div class="file-name-display" aria-live="polite"></div>
                                    </div>
                                </div>
                            </div>
                        `;
                        dependentesContainer.appendChild(dependenteDiv);
                    }

                    dependentesContainer.querySelectorAll('.dependente-cpf').forEach(input => {
                        aplicarMascaraCPF(input);
                    });

                    adicionarValidacaoCPFDependentes();
                    setupFileInputs(dependentesContainer);
                }

                // Regras condicionais principais
                function atualizarDocumentosCondicionais() {
                    const dataNascimento = (dataNascimentoInput?.value || '').trim();
                    const sexo = sexoSelect?.value || '';
                    const estadoCivil = estadoCivilSelect?.value || '';
                    const possuiFilhos = possuiFilhosSelect?.value || '';
                    const cargo = cargoSelect?.value || '';
                    const estrangeiro = estrangeiroSelect?.value || 'nao';
                    const isEstrangeiro = estrangeiro === 'sim';

                    const idade = calcularIdade(dataNascimento);
                    const maiorDeIdade = idade !== null && idade >= 18;

                    // Definir variáveis de cargo no início
                    const isJovemAprendiz = cargo === 'Jovem Aprendiz';
                    const isEstagiario = cargo === 'Estagiário';

                    // ── Campos de estrangeiro ────────────────────────────────────
                    const groupChegada = document.getElementById('group_chegada_brasil');
                    const groupPais = document.getElementById('group_pais_nascimento');
                    const groupRnm = document.getElementById('group_rnm');
                    const chegadaInput = document.getElementById('data_chegada_brasil');
                    const paisInput = document.getElementById('pais_nascimento');
                    const rnmInput = document.getElementById('rnm');

                    if (groupChegada) groupChegada.style.display = isEstrangeiro ? '' : 'none';
                    if (groupPais) groupPais.style.display = isEstrangeiro ? '' : 'none';
                    if (groupRnm) groupRnm.style.display = isEstrangeiro ? '' : 'none';
                    toggleRequired(chegadaInput, isEstrangeiro);
                    toggleRequired(paisInput, isEstrangeiro);
                    toggleRequired(rnmInput, isEstrangeiro);

                    // 2 - Análise Processual: oculta se Jovem Aprendiz menor de 18 anos
                    const analiseProcessualRow = document.querySelector('tr[data-doc="analise_processual"]');
                    const analiseProcessualInput = document.querySelector(
                        'input[name="documentos[analise_processual][]"]');

                    if (isJovemAprendiz && !maiorDeIdade) {
                        showRowEl(analiseProcessualRow, false);
                        toggleRequired(analiseProcessualInput, false);
                    } else {
                        showRowEl(analiseProcessualRow, true);
                        toggleRequired(analiseProcessualInput, true);
                    }

                    // PIS: campo de texto — opcional para Jovem Aprendiz, estrangeiro e primeiro emprego
                    sincronizarPis();

                    // 8 - Título de eleitor (opcional; ocultar para estrangeiros)
                    const tituloEleitorInput = document.getElementById('titulo_eleitor');
                    showRow('row_titulo_eleitor', !isEstrangeiro && idade !== null);
                    toggleRequired(tituloEleitorInput, false);

                    // 9 - Reservista (opcional; ocultar para estrangeiros e mulheres)
                    const reservistaInput = document.getElementById('reservista');
                    showRow('row_reservista', !isEstrangeiro && sexo !== 'F');
                    toggleRequired(reservistaInput, false);

                    // 12/13/14 - Estado civil
                    const ehSolteiro = (estadoCivil === 'solteiro');
                    const ehCasado = (estadoCivil === 'casado');
                    const ehDivorciado = (estadoCivil === 'divorciado');

                    showRow('row_certidao_nascimento', ehSolteiro || ehDivorciado);

                    // Certidão de nascimento: opcional para estrangeiros
                    if (isEstrangeiro || ehDivorciado) {
                        toggleRequired(certidaoNascimentoInput, false);
                    } else {
                        toggleRequired(certidaoNascimentoInput, ehSolteiro);
                    }

                    showRow('row_uniao_estavel', ehSolteiro);

                    if (ehSolteiro) {
                        showRow('row_certidao_casamento', false);
                        toggleRequired(certidaoCasamentoInput, false);
                    } else if (ehCasado) {
                        showRow('row_certidao_casamento', true);
                        toggleRequired(certidaoCasamentoInput, true);
                    } else if (ehDivorciado) {
                        showRow('row_certidao_casamento', true);
                        toggleRequired(certidaoCasamentoInput, false);
                    } else {
                        showRow('row_certidao_casamento', false);
                        toggleRequired(certidaoCasamentoInput, false);
                    }

                    // Itens filhos
                    const temFilhos = (possuiFilhos === 'sim');

                    showRow('row_certidoes_filhos', temFilhos);
                    showRow('row_dependentes', temFilhos);
                    showRow('row_vacinacao', temFilhos);
                    showRow('row_escolaridade_filhos', temFilhos);

                    const certidoesFilhosInput = document.getElementById('certidoes_filhos');
                    toggleRequired(certidoesFilhosInput, temFilhos);

                    if (qtdFilhosInput) {
                        if (temFilhos) {
                            qtdFilhosInput.disabled = false;
                            qtdFilhosInput.setAttribute('required', 'required');
                        } else {
                            qtdFilhosInput.value = '';
                            qtdFilhosInput.disabled = true;
                            qtdFilhosInput.removeAttribute('required');
                            if (dependentesContainer) dependentesContainer.innerHTML = '';
                        }
                    }

                    gerarCamposDependentes();

                    // 19 - Comprovante de Escolaridade do candidato (loja OU Jovem Aprendiz)
                    const cargosLoja = [
                        'Atendente de Vendas', 'Aux. Cred./Cobr.', 'Caixa', 'Empacotador',
                        'Repositor', 'Vendedor', 'Vendedor de Cerâmica', 'Vendedor Eletrodomésticos'
                    ];
                    const isCargoLoja = cargosLoja.includes(cargo);

                    const rowCompEscol = document.querySelector('tr[data-doc="comprovante_escolaridade"]');
                    const compEscolInput = document.getElementById('comprovante_escolaridade');
                    const exigeCompEscol = isCargoLoja || isJovemAprendiz;
                    showRowEl(rowCompEscol, exigeCompEscol);
                    toggleRequired(compEscolInput, exigeCompEscol);

                    // 19A - Identidade do Responsável: obrigatório se Jovem Aprendiz menor de 18
                    const rowIdentResp = document.querySelector('tr[data-doc="identidade_responsavel"]');
                    const identRespInput = document.getElementById('identidade_responsavel');
                    showRowEl(rowIdentResp, isJovemAprendiz && !maiorDeIdade);
                    toggleRequired(identRespInput, isJovemAprendiz && !maiorDeIdade);

                    // 19B - Contrato com Instituição: obrigatório para Jovem Aprendiz e Estagiário
                    const rowContratoInst = document.querySelector(
                        'tr[data-doc="contrato_instituicao_ensino"]');
                    const contratoInstInput = document.getElementById('contrato_instituicao_ensino');
                    showRowEl(rowContratoInst, isJovemAprendiz || isEstagiario);
                    toggleRequired(contratoInstInput, isJovemAprendiz || isEstagiario);

                    // Documentos por cargo
                    const cargosMotoristas = ['Motorista B - Ferro', 'Motorista C', 'Motorista D'];
                    const isMotorista = cargosMotoristas.includes(cargo);
                    const exigeAudiometria = isMotorista || cargo === 'Ajudante de Motorista';
                    const isEmpilhadeira = cargo === 'Operador de Empilhadeira';

                    // 22 - Audiometria
                    const rowAudio = document.querySelector('tr[data-doc="exame_audiometria"]');
                    const audioInput = document.getElementById('exame_audiometria');
                    showRowEl(rowAudio, exigeAudiometria);
                    toggleRequired(audioInput, exigeAudiometria);

                    // 23 - Toxicológico
                    const rowTox = document.querySelector('tr[data-doc="exame_toxicologico"]');
                    const toxInput = document.getElementById('exame_toxicologico');
                    showRowEl(rowTox, isMotorista);
                    toggleRequired(toxInput, isMotorista);

                    // 24 - Curso empilhadeira
                    const rowCursoEmp = document.querySelector('tr[data-doc="curso_empilhadeira"]');
                    const cursoEmpInput = document.getElementById('curso_empilhadeira');
                    showRowEl(rowCursoEmp, isEmpilhadeira);
                    toggleRequired(cursoEmpInput, isEmpilhadeira);

                    // Campos da contratação que não se aplicam a certos cargos
                    atualizarCamposContratacaoPorCargo(cargo);

                    // Atualiza regras OR
                    validarDocsFilhosOu();
                    validarCertidoesDivorciado();

                    setupFileInputs();
                }

                {{-- Mesma lista usada no formulário de reenvio e no model --}}
                const CARGOS_SEM_SALARIO = @json(\App\Models\RhPreContratacao::CARGOS_SEM_SALARIO);
                const CARGO_JOVEM_APRENDIZ = @json(\App\Models\RhPreContratacao::CARGO_JOVEM_APRENDIZ);

                /**
                 * Esconde os campos da contratação que não se aplicam ao cargo.
                 *
                 * Além de esconder, limpa o valor: showRow() já desabilita o campo
                 * (e campo desabilitado não é enviado), mas o texto digitado antes
                 * da troca de cargo continuaria no DOM e reapareceria no resumo do
                 * wizard, mostrando um dado que não vai ser gravado.
                 *
                 * Jovem Aprendiz     — não trabalha aos sábados, não recebe vale e
                 *                      não tem salário de experiência.
                 * Cargos comissionados — ver CARGOS_SEM_SALARIO.
                 */
                function atualizarCamposContratacaoPorCargo(cargo) {
                    const isJovemAprendiz = cargo === CARGO_JOVEM_APRENDIZ;
                    const isComissionado  = CARGOS_SEM_SALARIO.includes(cargo);

                    const campos = [
                        ['group_salario_admissao',         'salario_admissao',         !isComissionado],
                        ['group_salario_apos_experiencia', 'salario_apos_experiencia', !isJovemAprendiz && !isComissionado],
                        ['group_horario_sabado',           'horario_sabado',           !isJovemAprendiz],
                        ['group_vale',                     'vale',                     !isJovemAprendiz],
                    ];

                    campos.forEach(function ([groupId, inputId, aplicavel]) {
                        showRow(groupId, aplicavel);

                        const input = document.getElementById(inputId);
                        if (!input) return;

                        if (aplicavel) {
                            input.setAttribute('required', 'required');
                        } else {
                            input.value = '';
                            clearCustomValidity(input);
                            setErroVisual(input, false);
                        }
                    });
                }

                // Eventos
                dataNascimentoInput?.addEventListener('blur', function() {
                    syncDateValidity(dataNascimentoInput, true);
                    atualizarDocumentosCondicionais();
                });

                sexoSelect?.addEventListener('change', atualizarDocumentosCondicionais);
                estadoCivilSelect?.addEventListener('change', atualizarDocumentosCondicionais);
                possuiFilhosSelect?.addEventListener('change', atualizarDocumentosCondicionais);
                cargoSelect?.addEventListener('change', atualizarDocumentosCondicionais);
                estrangeiroSelect?.addEventListener('change', atualizarDocumentosCondicionais);
                pcdSelect?.addEventListener('change', atualizarPcd);

                qtdFilhosInput?.addEventListener('input', gerarCamposDependentes);
                qtdFilhosInput?.addEventListener('change', gerarCamposDependentes);

                vacinacaoInput?.addEventListener('change', validarDocsFilhosOu);
                escolaridadeFilhosInput?.addEventListener('change', validarDocsFilhosOu);

                certidaoNascimentoInput?.addEventListener('change', validarCertidoesDivorciado);
                certidaoCasamentoInput?.addEventListener('change', validarCertidoesDivorciado);
                estadoCivilSelect?.addEventListener('change', validarCertidoesDivorciado);

                // Primeiro emprego: desabilita PIS
                function sincronizarPis() {
                    const pisInput = document.getElementById('pis_numero');
                    const pisObrigatorio = document.getElementById('pis_obrigatorio_label');
                    const pisOpcional = document.getElementById('pis_opcional_label');
                    const pisPrimeiroEmp = document.getElementById('pis_primeiro_emprego_label');

                    const cargoVal = cargoSelect?.value ?? '';
                    const isJovemAprendiz = cargoVal.toLowerCase().includes('jovem aprendiz');
                    const isEstrangeiro = estrangeiroSelect?.value === 'sim';
                    const isPrimeiroEmp = document.getElementById('primeiro_emprego')?.value === 'sim';

                    const isOpcional = isJovemAprendiz || isEstrangeiro || isPrimeiroEmp;

                    toggleRequired(pisInput, !isOpcional);
                    if (pisInput) {
                        pisInput.disabled = isPrimeiroEmp;
                        if (isPrimeiroEmp) {
                            pisInput.value = '';
                            pisInput.setCustomValidity('');
                            setErroVisual(pisInput, false);
                        }
                    }

                    if (pisObrigatorio) pisObrigatorio.style.display = isOpcional ? 'none' : 'inline';
                    if (pisOpcional) pisOpcional.style.display = (isJovemAprendiz || isEstrangeiro) && !
                        isPrimeiroEmp ? 'inline' : 'none';
                    if (pisPrimeiroEmp) pisPrimeiroEmp.style.display = isPrimeiroEmp ? 'inline' : 'none';

                    if (isOpcional && !isPrimeiroEmp && pisInput) setErroVisual(pisInput, false);
                }

                document.getElementById('primeiro_emprego')?.addEventListener('change', sincronizarPis);
                sincronizarPis();

                // PIS: somente dígitos, exatamente 11
                const pisInput = document.getElementById('pis_numero');
                const pisErrorMessage = document.getElementById('pis_error_message');
                const PIS_MSG_INVALIDO = 'O PIS deve ter exatamente 11 dígitos.';
                const PIS_MSG_OBRIGATORIO = 'Este campo é obrigatório';

                function validarPis(mostrarErro) {
                    if (!pisInput) return;

                    const digitos = pisInput.value.replace(/\D/g, '');
                    if (pisInput.value !== digitos) pisInput.value = digitos;

                    const invalido = !pisInput.disabled && digitos.length > 0 && digitos.length !== 11;

                    pisInput.setCustomValidity(invalido ? PIS_MSG_INVALIDO : '');
                    if (pisErrorMessage) {
                        pisErrorMessage.textContent = invalido ? PIS_MSG_INVALIDO : PIS_MSG_OBRIGATORIO;
                    }
                    if (invalido && mostrarErro) setErroVisual(pisInput, true);
                    if (!invalido) setErroVisual(pisInput, false);
                }

                pisInput?.addEventListener('input', function() {
                    validarPis(false);
                });
                pisInput?.addEventListener('blur', function() {
                    validarPis(true);
                });
                validarPis(false);

                // Tipo de contratação: mostra/oculta campo "Substituindo"
                const tipoContratacaoSelect = document.getElementById('tipo_contratacao');
                const rowSubstitutoNome = document.getElementById('row_substituto_nome');
                const substitutoNomeInput = document.getElementById('substituto_nome');

                function atualizarSubstituto() {
                    const ehSubstituicao = tipoContratacaoSelect?.value === 'substituicao';
                    if (rowSubstitutoNome) rowSubstitutoNome.style.display = ehSubstituicao ? '' : 'none';
                    if (substitutoNomeInput) {
                        substitutoNomeInput.required = ehSubstituicao;
                        if (!ehSubstituicao) {
                            substitutoNomeInput.setCustomValidity('');
                            setErroVisual(substitutoNomeInput, false);
                        }
                    }
                }

                tipoContratacaoSelect?.addEventListener('change', atualizarSubstituto);
                atualizarSubstituto();

                // Máscara de moeda (R$)
                document.querySelectorAll('.money-br').forEach(function(input) {
                    input.addEventListener('input', function() {
                        let v = this.value.replace(/\D/g, '');
                        if (!v) {
                            this.value = '';
                            return;
                        }
                        v = (parseInt(v, 10) / 100).toFixed(2);
                        this.value = 'R$ ' + v.replace('.', ',').replace(
                            /\B(?=(\d{3})+(?!\d))/g, '.');
                    });
                    // Inicializa se houver valor salvo (retorno de validação)
                    if (input.value && !input.value.startsWith('R$')) {
                        input.dispatchEvent(new Event('input'));
                    }
                });

                // Visual: quando browser detectar inválido
                let alreadyScrolled = false;

                form.addEventListener('invalid', function(e) {
                    setErroVisual(e.target, true);

                    if (e.target.classList && e.target.classList.contains('date-br')) {
                        syncDateValidity(e.target, true);
                    }

                    if (!alreadyScrolled) {
                        alreadyScrolled = true;
                        try {
                            e.target.scrollIntoView({
                                behavior: 'smooth',
                                block: 'center'
                            });
                        } catch (_) {}
                    }
                }, true);

                form.addEventListener('input', function(e) {
                    const el = e.target;
                    if (!el || typeof el.checkValidity !== 'function') return;

                    if (el.checkValidity()) setErroVisual(el, false);

                    if (el.classList && el.classList.contains('date-br')) {
                        syncDateValidity(el, false);
                    }
                });

                form.addEventListener('change', function(e) {
                    const el = e.target;
                    if (!el || typeof el.checkValidity !== 'function') return;

                    if (el.checkValidity()) setErroVisual(el, false);

                    alreadyScrolled = false;
                });

                const submitBtn = document.getElementById('submit-rh');
                submitBtn?.addEventListener('click', function() {
                    alreadyScrolled = false;
                    validarDocsFilhosOu();
                    validarCertidoesDivorciado();
                });

                // Inicialização
                setupFileInputs();
                atualizarDocumentosCondicionais();
                validarDocsFilhosOu();
                validarCertidoesDivorciado();
                atualizarPcd();
                atualizarSubstituto();

                // ── Wizard ───────────────────────────────────────────────────
                const WIZARD_KEY = 'rh_pre_contratacao_draft';
                let wizardStep = 1;
                const TOTAL_STEPS = 4;

                // Purga única do rascunho por navegador — bumpe a versão (v2, v3...) para forçar limpeza geral
                const WIZARD_PURGE_VERSION = 'v1';
                const WIZARD_PURGE_KEY = 'rh_pre_contratacao_draft_purge';
                try {
                    if (localStorage.getItem(WIZARD_PURGE_KEY) !== WIZARD_PURGE_VERSION) {
                        localStorage.removeItem(WIZARD_KEY);
                        localStorage.setItem(WIZARD_PURGE_KEY, WIZARD_PURGE_VERSION);
                    }
                } catch (e) {}

                // Rascunho (localStorage) — salva campos de texto/select, não arquivos
                function salvarRascunho() {
                    try {
                        const d = {};
                        form.querySelectorAll('input:not([type=file]):not([name="_token"]), select').forEach(
                            function(el) {
                                if (el.name) d[el.name] = el.value;
                            });
                        localStorage.setItem(WIZARD_KEY, JSON.stringify(d));
                    } catch (e) {}
                }

                function restaurarRascunho() {
                    try {
                        const raw = localStorage.getItem(WIZARD_KEY);
                        if (!raw) return;
                        const d = JSON.parse(raw);
                        Object.entries(d).forEach(function([name, value]) {
                            const esc = name.replace(/\[/g, '\\[').replace(/\]/g, '\\]');
                            const el = form.querySelector('[name="' + esc + '"]');
                            if (el && el.type !== 'file') {
                                el.value = value;
                                el.dispatchEvent(new Event('change', {
                                    bubbles: true
                                }));
                            }
                        });
                        // Redispatch para atualizar campos condicionais dependentes
                        ['cargo_select', 'setor_select', 'estrangeiro', 'possui_filhos', 'pcd',
                            'tipo_contratacao', 'sexo', 'data_nascimento', 'primeiro_emprego'
                        ].forEach(function(id) {
                            document.getElementById(id)?.dispatchEvent(new Event('change', {
                                bubbles: true
                            }));
                        });
                        atualizarDocumentosCondicionais();
                        sincronizarPis();
                        atualizarSubstituto();
                    } catch (e) {}
                }

                const temErrosServidor = form.querySelectorAll('.invalid-feedback.d-block').length > 0;
                if (!temErrosServidor) restaurarRascunho();

                form.addEventListener('input', salvarRascunho);
                form.addEventListener('change', salvarRascunho);
                form.addEventListener('submit', function() {
                    try {
                        localStorage.removeItem(WIZARD_KEY);
                    } catch (e) {}
                });

                // Progresso visual
                function atualizarProgress(step) {
                    document.querySelectorAll('#wizard-progress .wizard-progress-step').forEach(function(el) {
                        const s = parseInt(el.dataset.step);
                        el.classList.remove('active', 'done');
                        if (s < step) el.classList.add('done');
                        else if (s === step) el.classList.add('active');
                    });
                }

                // Ir para step
                function mostrarStep(step) {
                    document.querySelectorAll('.wizard-pane').forEach(function(el) {
                        el.classList.remove('active');
                    });
                    const pane = document.getElementById('wizard-step-' + step);
                    if (pane) pane.classList.add('active');
                    atualizarProgress(step);
                    wizardStep = step;
                    window.scrollTo({
                        top: 0,
                        behavior: 'smooth'
                    });
                    if (step === TOTAL_STEPS) gerarResumo();
                }

                // Validar todos os campos do step atual
                function validarStepAtual() {
                    alreadyScrolled = false;
                    const pane = document.getElementById('wizard-step-' + wizardStep);
                    if (!pane) return true;
                    let primeiro = null;
                    let ok = true;

                    pane.querySelectorAll('input, select, textarea').forEach(function(el) {
                        if (el.disabled) return;
                        if (el.classList.contains('date-br')) syncDateValidity(el, false);
                        if (!el.checkValidity()) {
                            setErroVisual(el, true);
                            ok = false;
                            if (!primeiro) primeiro = el;
                        }
                    });

                    if (primeiro) primeiro.scrollIntoView({
                        behavior: 'smooth',
                        block: 'center'
                    });
                    return ok;
                }

                // Botões Próximo / Anterior
                document.querySelectorAll('.btn-wizard-next').forEach(function(btn) {
                    btn.addEventListener('click', function() {
                        if (!validarStepAtual()) return;
                        mostrarStep(parseInt(btn.dataset.next));
                    });
                });
                document.querySelectorAll('.btn-wizard-prev').forEach(function(btn) {
                    btn.addEventListener('click', function() {
                        mostrarStep(parseInt(btn.dataset.prev));
                    });
                });

                // Validar tudo no submit final
                document.getElementById('submit-rh')?.addEventListener('click', function(e) {
                    for (let s = 1; s <= TOTAL_STEPS - 1; s++) {
                        const pane = document.getElementById('wizard-step-' + s);
                        if (!pane) continue;
                        let invalido = null;
                        pane.querySelectorAll('input, select, textarea').forEach(function(el) {
                            if (el.disabled) return;
                            if (!invalido && !el.checkValidity()) invalido = el;
                        });
                        if (invalido) {
                            e.preventDefault();
                            mostrarStep(s);
                            setTimeout(function() {
                                invalido.scrollIntoView({
                                    behavior: 'smooth',
                                    block: 'center'
                                });
                                setErroVisual(invalido, true);
                            }, 120);
                            return;
                        }
                    }
                    validarDocsFilhosOu();
                    validarCertidoesDivorciado();
                });

                // Pular para step com erros do servidor (retorno de validação)
                if (temErrosServidor) {
                    for (let s = 1; s < TOTAL_STEPS; s++) {
                        const pane = document.getElementById('wizard-step-' + s);
                        if (pane && pane.querySelector('.invalid-feedback.d-block')) {
                            mostrarStep(s);
                            break;
                        }
                    }
                }

                // ── Resumo ───────────────────────────────────────────────────
                function textoOpcao(select) {
                    if (!select || !select.options[select.selectedIndex]) return '—';
                    const opt = select.options[select.selectedIndex];
                    return opt.value ? opt.text.trim() : '—';
                }

                function getVal(name) {
                    const esc = name.replace(/\[/g, '\\[').replace(/\]/g, '\\]');
                    const el = form.querySelector('[name="' + esc + '"]');
                    return el ? (el.value || '').trim() : '';
                }

                function gerarResumo() {
                    const container = document.getElementById('wizard-summary');
                    if (!container) return;

                    const sexoMap = {
                        M: 'Masculino',
                        F: 'Feminino'
                    };
                    const estadoMap = {
                        solteiro: 'Solteiro(a)',
                        casado: 'Casado(a)',
                        uniao_estavel: 'União estável',
                        divorciado: 'Divorciado(a)'
                    };
                    const contratMap = {
                        aumento_quadro: 'Aumento de Quadro',
                        substituicao: 'Substituição'
                    };
                    const valeMap = {
                        alimentacao: 'Alimentação',
                        refeicao: 'Refeição'
                    };
                    const simNao = v => v === 'sim' ? 'Sim' : v === 'nao' ? 'Não' : '';

                    const filialEl = form.querySelector('[name="filial_id"]');
                    const filialText = filialEl?.closest('.form-group')?.querySelector('input[disabled]')
                        ?.value || '';

                    const isEstr = getVal('estrangeiro') === 'sim';
                    const isPrimEmp = document.getElementById('primeiro_emprego')?.value === 'sim';
                    const temFilhos = getVal('possui_filhos') === 'sim';
                    const ehSubst = getVal('dados_extras[tipo_contratacao]') === 'substituicao';

                    const docRows = [];
                    form.querySelectorAll('input[type="file"]').forEach(function(inp) {
                        if (inp.id === 'debug-fill-file' || !inp.files?.length) return;
                        const labelEl = inp.closest('tr')?.querySelector('td:nth-child(2)');
                        const label = (labelEl?.innerText || inp.name).replace(/\s+/g, ' ').replace(
                            /[*]/g, '').trim();
                        Array.from(inp.files).forEach(function(f) {
                            docRows.push({
                                label,
                                nome: f.name
                            });
                        });
                    });

                    function row(label, value) {
                        if (!value) return '';
                        return `<div class="wizard-summary-row">
                            <span class="wizard-summary-label">${label}</span>
                            <span class="wizard-summary-value">${value}</span>
                        </div>`;
                    }

                    function docItem(d) {
                        return `<div class="summ-doc-item">
                            <span class="summ-doc-name">${d.label}</span>
                            <span class="summ-doc-file"><i class="bi bi-paperclip"></i>${d.nome}</span>
                        </div>`;
                    }

                    const obs = getVal('observacoes');
                    const pisVal = isPrimEmp ? 'Será gerado pelo RH' : (getVal('pis_numero') || '');

                    const docsHtml = docRows.length === 0 ?
                        `<div class="summ-alert-nodocs"><i class="bi bi-exclamation-triangle-fill"></i> Nenhum arquivo selecionado. Volte ao passo anterior.</div>` :
                        docRows.map(docItem).join('');

                    container.innerHTML = `
                    <div class="summ-header">
                        <div class="summ-header-icon"><i class="bi bi-clipboard2-check"></i></div>
                        <div>
                            <h5>Revise antes de enviar</h5>
                            <p>Confira os dados abaixo. Use <strong>Voltar e editar</strong> para corrigir qualquer informação.</p>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-6 col-12 mb-3">
                            <div class="wizard-summary-block">
                                <h6 class="h6-candidato"><i class="bi bi-person-fill"></i> Candidato</h6>
                                ${row('Filial', filialText)}
                                ${row('Setor', textoOpcao(document.getElementById('setor_select')))}
                                ${row('Cargo', textoOpcao(document.getElementById('cargo_select')))}
                                ${row('Data de admissão', getVal('data_admissao_prevista'))}
                                ${row('Nome', getVal('nome_candidato'))}
                                ${row('CPF', getVal('cpf_candidato'))}
                                ${row('Data de nascimento', getVal('data_nascimento'))}
                                ${row('Sexo', sexoMap[getVal('sexo')] || '')}
                                ${row('Estado civil', estadoMap[getVal('estado_civil')] || '')}
                                ${row('Possui filhos', simNao(getVal('possui_filhos')))}
                                ${temFilhos ? row('Qtd. filhos', getVal('qtd_filhos')) : ''}
                                ${row('PCD', simNao(getVal('pcd')))}
                                ${row('Estrangeiro', simNao(getVal('estrangeiro')))}
                                ${isEstr ? row('Chegada ao Brasil', getVal('data_chegada_brasil')) : ''}
                                ${isEstr ? row('País de nascimento', getVal('pais_nascimento')) : ''}
                                ${isEstr ? row('RNM', getVal('rnm')) : ''}
                                ${row('Primeiro emprego', simNao(document.getElementById('primeiro_emprego')?.value))}
                                ${row('PIS', pisVal)}
                            </div>
                           ${obs ? `<div class="wizard-summary-block">
                                        <h6 class="h6-obs"><i class="bi bi-chat-text-fill"></i> Observações</h6>
                                        <div style="padding:.7rem 1rem;font-size:.82rem;color:#333;white-space:pre-wrap;line-height:1.55">${obs.replace(/</g,'&lt;')}</div>
                                    </div>` : ''}
                        </div>
                      
                        <div class="col-lg-6 col-12 mb-3">
                            
                            <div class="wizard-summary-block">
                                <h6 class="h6-contratacao"><i class="bi bi-briefcase-fill"></i> Contratação</h6>
                                ${row('Salário de admissão', getVal('dados_extras[salario_admissao]'))}
                                ${row('Salário após experiência', getVal('dados_extras[salario_apos_experiencia]'))}
                                ${row('Tipo', contratMap[getVal('dados_extras[tipo_contratacao]')] || '')}
                                ${ehSubst ? row('Substituindo', getVal('dados_extras[substituto_nome]')) : ''}
                                ${row('Horário seg.–sex.', getVal('dados_extras[horario_seg_sex]'))}
                                ${row('Horário sábado', getVal('dados_extras[horario_sabado]'))}
                                ${row('Vale', valeMap[getVal('dados_extras[vale]')] || '')}
                            </div> 
                            <div class="wizard-summary-block">
                                <h6 class="h6-documentos"><i class="bi bi-folder2-open"></i> Documentos
                                    ${docRows.length > 0 ? `<span style="margin-left:auto;font-weight:400;opacity:.85">${docRows.length} arquivo${docRows.length !== 1 ? 's' : ''}</span>` : ''}
                                </h6>
                                ${docsHtml}
                            </div>
                        </div> 
                        
                    </div>`;
                }
                // ── /Wizard ──────────────────────────────────────────────────
            });
        })();
    </script>

    @if (config('app.debug'))
        <script>
            (function() {
                function debugAutoFill() {
                    const form = document.getElementById('contact-form');
                    if (!form) return;

                    // Data de admissão = hoje + 30 dias
                    const adm = new Date();
                    adm.setDate(adm.getDate() + 30);
                    const fmtDt = d =>
                        ('0' + d.getDate()).slice(-2) + '/' +
                        ('0' + (d.getMonth() + 1)).slice(-2) + '/' +
                        d.getFullYear();

                    // Setor e Cargo: selecionar a primeira opção disponível
                    ['setor_select', 'cargo_select'].forEach(function(id) {
                        const sel = document.getElementById(id);
                        if (sel && sel.options.length > 0) {
                            sel.selectedIndex = 0;
                            sel.dispatchEvent(new Event('change', {
                                bubbles: true
                            }));
                        }
                    });

                    // Campos de texto (value direto + disparo de input para máscaras)
                    const textos = {
                        'data_admissao_prevista': fmtDt(adm),
                        'nome_candidato': 'João da Silva Teste',
                        'cpf_candidato': '52998224725', // CPF válido para testes
                        'pis_numero': '12345678901',
                        'data_nascimento': '15/06/1995',
                        'dados_extras[horario_seg_sex]': '07:30 12:00 13:30 17:00',
                        'dados_extras[horario_sabado]': '08:00 12:00',
                    };
                    Object.entries(textos).forEach(function([name, value]) {
                        const esc = name.replace(/\[/g, '\\[').replace(/\]/g, '\\]');
                        const el = form.querySelector('[name="' + esc + '"]');
                        if (!el) return;
                        el.value = value;
                        el.dispatchEvent(new Event('input', {
                            bubbles: true
                        }));
                        el.dispatchEvent(new Event('change', {
                            bubbles: true
                        }));
                    });

                    // Campos de moeda (disparar input para formatar R$)
                    const moneys = {
                        'dados_extras[salario_admissao]': '200000',
                        'dados_extras[salario_apos_experiencia]': '220000',
                    };
                    Object.entries(moneys).forEach(function([name, value]) {
                        const esc = name.replace(/\[/g, '\\[').replace(/\]/g, '\\]');
                        const el = form.querySelector('[name="' + esc + '"]');
                        if (!el) return;
                        el.value = value;
                        el.dispatchEvent(new Event('input', {
                            bubbles: true
                        }));
                    });

                    // Selects
                    const selects = {
                        'sexo': 'M',
                        'estado_civil': 'solteiro',
                        'possui_filhos': 'nao',
                        'pcd': 'nao',
                        'estrangeiro': 'nao',
                        'primeiro_emprego': 'nao',
                        'dados_extras[tipo_contratacao]': 'aumento_quadro',
                        'dados_extras[vale]': 'alimentacao',
                    };
                    Object.entries(selects).forEach(function([name, value]) {
                        const esc = name.replace(/\[/g, '\\[').replace(/\]/g, '\\]');
                        const el = form.querySelector('[name="' + esc + '"]');
                        if (el && el.tagName === 'SELECT') {
                            el.value = value;
                            el.dispatchEvent(new Event('change', {
                                bubbles: true
                            }));
                        }
                    });

                    // Rich-text de observações
                    const rtEl = form.querySelector('[contenteditable][data-name="observacoes"]');
                    if (rtEl) {
                        rtEl.textContent = 'Preenchimento de teste automático.';
                        const hidObs = form.querySelector('input[name="observacoes"]');
                        if (hidObs) hidObs.value = rtEl.textContent;
                    }
                }

                // Roda após o DOMContentLoaded principal (listeners do wizard/form já registrados)
                document.addEventListener('DOMContentLoaded', debugAutoFill);

                // Botão para replicar arquivo em todos os file inputs
                document.addEventListener('DOMContentLoaded', function() {
                    document.getElementById('debug-fill-btn')?.addEventListener('click', function() {
                        const src = document.getElementById('debug-fill-file');
                        if (!src.files.length) {
                            alert('Selecione um arquivo primeiro.');
                            return;
                        }
                        const dt = new DataTransfer();
                        dt.items.add(src.files[0]);
                        document.querySelectorAll('#contact-form input[type="file"]').forEach(function(inp) {
                            if (inp.id === 'debug-fill-file') return;
                            // offsetParent é null para elementos ocultos (display:none em qualquer ancestral)
                            if (!inp.offsetParent) return;
                            inp.files = dt.files;
                            inp.dispatchEvent(new Event('change', { bubbles: true }));
                        });
                    });
                });
            })();
        </script>
    @endif
@endsection