@extends('welcome')

@php
    $motivoReprovacao = $registro->payload['motivo_reprovacao'] ?? null;
    $docsPendentes    = $docsPendentes ?? ($registro->payload['docs_pendentes'] ?? []);
    $camposPendentes  = $camposPendentes ?? ($registro->payload['campos_pendentes'] ?? []);
    $nomeExibido      = auth()->user()->name ?? $registro->ticket?->name ?? 'Solicitante';
@endphp

@section('page_title', 'Reenvio de Documentos')

@section('conteudo')

<link rel="stylesheet" href="{{ URL::asset('css/portal_servicos.css') }}">
<link rel="stylesheet" href="{{ URL::asset('css/home.css') }}">

    <div class="acomp-wrapper">

        <div class="dept-header">
            <a href="{{ route('home') }}" class="ps-breadcrumb">
                <i class="bi bi-house-door"></i> Portal <i class="bi bi-chevron-right"></i> RH <i class="bi bi-chevron-right"></i> Reenvio de Documentos
            </a>
            <div class="dept-header-main">
                <h1 class="dept-header-title"><i class="bi bi-arrow-counterclockwise"></i> Reenvio de Documentos</h1>
                <p class="dept-header-sub">A documentação do candidato precisa ser corrigida e reenviada.</p>
            </div>
        </div>

        <div class="acomp-content">

            {{-- Boas-vindas --}}
            <div class="acomp-card mb-4">
                <div class="card-body-custom d-flex align-items-center gap-3">
                    <div style="font-size: 40px; line-height: 1; color: #f7b731; flex-shrink: 0;">
                        <i class="bi bi-person-circle"></i>
                    </div>
                    <div>
                        <p class="fw-bold mb-1" style="font-size:16px; color:#1f2937;">{{ $nomeExibido }}!</p>
                        <p class="mb-0" style="font-size:14px; color:#6b7280;">
                            A documentação do candidato <strong>{{ $registro->nome_candidato }}</strong>
                            foi analisada e os documentos abaixo precisam ser reenviados.
                        </p>
                    </div>
                </div>
            </div>

            {{-- Motivo --}}
            @if ($motivoReprovacao)
                <div class="motivo-box motivo-reprovado mb-4">
                    <i class="bi bi-info-circle-fill"></i>
                    <div>
                        <strong>Motivo da solicitação</strong>
                        <p class="mb-0 mt-1">{{ $motivoReprovacao }}</p>
                    </div>
                </div>
            @endif

            @if (empty($docsPendentes) && empty($camposPendentes))
                <div class="acomp-card">
                    <div class="card-body-custom text-center py-5" style="color:#6b7280;">
                        <i class="bi bi-check-circle-fill text-success" style="font-size:32px;"></i>
                        <p class="mt-2 mb-0">Nenhum item pendente. Entre em contato com o RH.</p>
                    </div>
                </div>
            @else

                <form method="POST"
                      action="{{ route('rh.pre_contratacoes.reenviar', $registro->id) }}"
                      enctype="multipart/form-data"
                      id="contact-form">
                    @csrf
                    <input type="hidden" name="origem" value="rh_pre_contratacao_reenvio">

                    <div class="acomp-card mb-4">
                        <div class="card-header-custom">
                            <i class="bi bi-file-earmark-text"></i>
                            <h5>Documentos para reenvio</h5>
                        </div>

                        @foreach ($docsPendentes as $i => $doc)
                            <div class="card-body-custom" style="{{ !$loop->last ? 'border-bottom: 1px solid #f1f3f5;' : '' }}">
                                <div class="d-flex align-items-start gap-3 flex-wrap">
                                    <div style="min-width:60px; font-weight:700; color:#6b7280; font-size:13px;">#{{ $i + 1 }}</div>
                                    <div style="flex:1; min-width:140px;">
                                        <div class="fw-semibold" style="color:#1f2937; font-size:14px;">
                                            @switch($doc)
                                                @case('curriculo') Currículo @break
                                                @case('analise_processual') Validação Cadastral @break
                                                @case('ctps') Carteira de Trabalho (CTPS) @break
                                                @case('identidade_cnh') Identidade / CNH @break
                                                @case('titulo_eleitor') Título de Eleitor @break
                                                @case('reservista') Certificado de Reservista @break
                                                @case('certidoes_filhos') Certidões de nascimento dos filhos @break
                                                @case('foto_3x4') Foto 3x4 @break
                                                @case('comprovante_residencia') Comprovante de residência @break
                                                @case('certidao_nascimento') Certidão de nascimento @break
                                                @case('certidao_casamento') Certidão de casamento @break
                                                @case('comprovante_escolaridade') Comprovante de escolaridade @break
                                                @case('conta_bancaria') Conta bancária @break
                                                @case('exame_admissional') Exame admissional @break
                                                @case('exame_audiometria') Exame de audiometria @break
                                                @case('exame_toxicologico') Exame toxicológico @break
                                                @case('curso_empilhadeira') Curso de empilhadeira @break
                                                @case('laudo_pcd') Laudo PCD @break
                                                @case('uniao_estavel') Declaração de União Estável @break
                                                @case('carteira_vacinacao_filhos') Carteira de vacinação dos filhos @break
                                                @case('comprovante_escolaridade_filhos') Comprovante de escolaridade dos filhos @break
                                                @case('contrato_instituicao_ensino') Contrato com a Instituição de Ensino @break
                                                @case('identidade_responsavel') Identidade do Responsável @break
                                                @case('outros_documentos') Outros Documentos @break
                                                @default {{ ucfirst(str_replace('_', ' ', $doc)) }}
                                            @endswitch
                                            <span class="text-danger">*</span>
                                        </div>
                                    </div>
                                    <div style="flex:1; min-width:200px;">
                                        <div class="file-upload-wrapper">
                                            <div class="file-input-row">
                                                <i class="bi bi-paperclip" style="font-size:18px; color:#6b7280;"></i>
                                                <input type="file"
                                                    name="documentos[{{ $doc }}]"
                                                    id="file-{{ $doc }}"
                                                    accept=".pdf,.docx,.jpg,.jpeg,.png"
                                                    class="file-input @error('documentos.' . $doc) is-invalid @enderror"
                                                    {{ in_array($doc, ['certidoes_filhos']) ? 'multiple' : '' }}
                                                    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>
                                            @error('documentos.' . $doc)
                                                <span class="error-message d-block">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach

                        <div class="card-body-custom" style="background:#f8fafc; border-top:1px solid #f1f3f5;">
                            <small style="color:#6b7280;">
                                <i class="bi bi-info-circle me-1"></i>
                                Formatos aceitos: PDF, DOCX, JPG, JPEG, PNG — máximo 15 MB por arquivo.
                            </small>
                        </div>
                    </div>

                    {{-- ── Campos a corrigir ── --}}
                    @if (!empty($camposPendentes))
                    <div class="acomp-card mb-4" style="margin-top:1rem;">
                        <div class="card-header-custom">
                            <i class="bi bi-pencil-square"></i>
                            <h5>Dados a corrigir</h5>
                        </div>

                        @if (in_array('setor_cargo', $camposPendentes))
                        <div class="card-body-custom" style="border-bottom:1px solid #f1f3f5;">
                            <div class="fw-semibold mb-2" style="font-size:14px;color:#1f2937;">
                                Setor / Cargo <span class="text-danger">*</span>
                            </div>
                            <div class="row g-2">
                                <div class="col-md-6">
                                    <label style="font-size:12px;color:#6b7280;">Setor</label>
                                    <select name="setor" class="form-control" style="font-size:13px;">
                                        <option value="">Selecione o setor</option>
                                        @foreach ($setores ?? [] as $setor)
                                            <option value="{{ $setor->id }}" {{ ($registro->ticket?->setor_id == $setor->id) ? 'selected' : '' }}>
                                                {{ $setor->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <label style="font-size:12px;color:#6b7280;">Cargo <span class="text-danger">*</span></label>
                                    <select name="cargo" class="form-control" required style="font-size:13px;">
                                        <option value="">Selecione o cargo</option>
                                        @foreach ($roles ?? [] as $role)
                                            <option value="{{ $role->name }}" {{ $registro->cargo === $role->name ? 'selected' : '' }}>
                                                {{ $role->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        @endif

                        @if (in_array('data_admissao', $camposPendentes))
                        <div class="card-body-custom" style="border-bottom:1px solid #f1f3f5;">
                            <div class="fw-semibold mb-2" style="font-size:14px;color:#1f2937;">
                                Data de Admissão <span class="text-danger">*</span>
                            </div>
                            <input type="text" name="data_admissao" class="form-control reenvio-date-br"
                                id="reenvio_data_admissao"
                                value="{{ $registro->data_admissao_prevista ? $registro->data_admissao_prevista->format('d/m/Y') : '' }}"
                                placeholder="dd/mm/aaaa" autocomplete="off" maxlength="10" required style="max-width:200px;font-size:13px;">
                        </div>
                        @endif

                        @if (in_array('dados_contratacao', $camposPendentes))
                        <div class="card-body-custom">
                            <div class="fw-semibold mb-3" style="font-size:14px;color:#1f2937;">
                                Dados da Contratação <span class="text-danger">*</span>
                            </div>
                            <div class="row g-2">
                                @php
                                    $dc = $registro->payload['dados_contratacao'] ?? [];
                                    // Mesmas regras por cargo do formulário de abertura
                                    // (ver atualizarCamposContratacaoPorCargo em forms/rh/documentos).
                                    $ehComissionado  = $registro->eh_comissionado;
                                    $ehJovemAprendiz = $registro->eh_jovem_aprendiz;
                                @endphp
                                @unless ($ehComissionado)
                                <div class="col-md-6">
                                    <label style="font-size:12px;color:#6b7280;">Salário na admissão <span class="text-danger">*</span></label>
                                    <input type="text" name="salario_admissao" class="form-control" required
                                        value="{{ $dc['salario_admissao'] ?? '' }}"
                                        placeholder="Ex: R$ 1.500,00" style="font-size:13px;">
                                </div>
                                @endunless
                                @unless ($ehComissionado || $ehJovemAprendiz)
                                <div class="col-md-6">
                                    <label style="font-size:12px;color:#6b7280;">Salário após experiência <span class="text-danger">*</span></label>
                                    <input type="text" name="salario_apos_experiencia" class="form-control" required
                                        value="{{ $dc['salario_apos_experiencia'] ?? '' }}"
                                        placeholder="Ex: R$ 1.600,00" style="font-size:13px;">
                                </div>
                                @endunless
                                <div class="col-md-6">
                                    <label style="font-size:12px;color:#6b7280;">Tipo de contratação <span class="text-danger">*</span></label>
                                    <select name="tipo_contratacao" class="form-control" required style="font-size:13px;">
                                        <option value="aumento_quadro" {{ ($dc['tipo_contratacao'] ?? '') === 'aumento_quadro' ? 'selected' : '' }}>Aumento de quadro</option>
                                        <option value="substituicao" {{ ($dc['tipo_contratacao'] ?? '') === 'substituicao' ? 'selected' : '' }}>Substituição</option>
                                    </select>
                                </div>
                                <div class="col-md-6" id="bloco-substituto-reenvio" style="{{ ($dc['tipo_contratacao'] ?? '') === 'substituicao' ? '' : 'display:none;' }}">
                                    <label style="font-size:12px;color:#6b7280;">Nome do colaborador substituído</label>
                                    <input type="text" name="substituto_nome" class="form-control"
                                        value="{{ $dc['substituto_nome'] ?? '' }}"
                                        placeholder="Nome completo" style="font-size:13px;">
                                </div>
                                <div class="col-md-6">
                                    <label style="font-size:12px;color:#6b7280;">Horário Seg–Sex <span class="text-danger">*</span></label>
                                    <input type="text" name="horario_seg_sex" class="form-control" required
                                        value="{{ $dc['horario_seg_sex'] ?? '' }}"
                                        placeholder="Ex: 08:00 às 17:00" style="font-size:13px;">
                                </div>
                                @unless ($ehJovemAprendiz)
                                <div class="col-md-6">
                                    <label style="font-size:12px;color:#6b7280;">Horário Sábado <span class="text-danger">*</span></label>
                                    <input type="text" name="horario_sabado" class="form-control" required
                                        value="{{ $dc['horario_sabado'] ?? '' }}"
                                        placeholder="Ex: 08:00 às 12:00 ou Folga" style="font-size:13px;">
                                </div>
                                <div class="col-md-6">
                                    <label style="font-size:12px;color:#6b7280;">Vale <span class="text-danger">*</span></label>
                                    <select name="vale" class="form-control" required style="font-size:13px;">
                                        <option value="alimentacao" {{ ($dc['vale'] ?? '') === 'alimentacao' ? 'selected' : '' }}>Vale-alimentação</option>
                                        <option value="refeicao" {{ ($dc['vale'] ?? '') === 'refeicao' ? 'selected' : '' }}>Vale-refeição</option>
                                    </select>
                                </div>
                                @endunless
                            </div>
                        </div>
                        @endif

                        {{-- Só aparece isolado: se "Dados da Contratação" também
                             foi pedido, o tipo/substituto já vão naquele bloco. --}}
                        @if (in_array('substituicao', $camposPendentes) && !in_array('dados_contratacao', $camposPendentes))
                        <div class="card-body-custom" style="border-bottom:1px solid #f1f3f5;">
                            <div class="fw-semibold mb-2" style="font-size:14px;color:#1f2937;">
                                Substituição <span class="text-danger">*</span>
                            </div>
                            <p class="mb-3" style="font-size:12px;color:#6b7280;">
                                Confirme o tipo de contratação e, em caso de substituição, informe quem está sendo substituído.
                            </p>
                            @php $dcSub = $registro->payload['dados_contratacao'] ?? []; @endphp
                            <div class="row g-2">
                                <div class="col-md-6">
                                    <label style="font-size:12px;color:#6b7280;">Tipo de contratação <span class="text-danger">*</span></label>
                                    <select name="tipo_contratacao" class="form-control" required style="font-size:13px;">
                                        <option value="aumento_quadro" {{ ($dcSub['tipo_contratacao'] ?? '') === 'aumento_quadro' ? 'selected' : '' }}>Aumento de quadro</option>
                                        <option value="substituicao" {{ ($dcSub['tipo_contratacao'] ?? '') === 'substituicao' ? 'selected' : '' }}>Substituição</option>
                                    </select>
                                </div>
                                <div class="col-md-6" id="bloco-substituto-reenvio" style="{{ ($dcSub['tipo_contratacao'] ?? '') === 'substituicao' ? '' : 'display:none;' }}">
                                    <label style="font-size:12px;color:#6b7280;">Nome do colaborador substituído <span class="text-danger">*</span></label>
                                    <input type="text" name="substituto_nome" class="form-control"
                                        value="{{ $dcSub['substituto_nome'] ?? '' }}"
                                        placeholder="Nome completo" style="font-size:13px;">
                                </div>
                            </div>
                        </div>
                        @endif

                        @if (in_array('dados_pessoais', $camposPendentes))
                        <div class="card-body-custom" style="border-bottom:1px solid #f1f3f5;">
                            <div class="fw-semibold mb-3" style="font-size:14px;color:#1f2937;">
                                Dados Pessoais <span class="text-danger">*</span>
                            </div>
                            <div class="row g-2">
                                <div class="col-md-6">
                                    <label style="font-size:12px;color:#6b7280;">Nome completo <span class="text-danger">*</span></label>
                                    <input type="text" name="nome_candidato" class="form-control" required maxlength="255"
                                        value="{{ $registro->nome_candidato }}" style="font-size:13px;">
                                </div>
                                <div class="col-md-6">
                                    <label style="font-size:12px;color:#6b7280;">CPF <span class="text-danger">*</span></label>
                                    <input type="text" name="cpf_candidato" class="form-control" required maxlength="14"
                                        value="{{ $registro->cpf_candidato }}" style="font-size:13px;">
                                </div>
                                <div class="col-md-6">
                                    <label style="font-size:12px;color:#6b7280;">Data de nascimento <span class="text-danger">*</span></label>
                                    <input type="text" name="data_nascimento" class="form-control reenvio-date-br"
                                        placeholder="dd/mm/aaaa" maxlength="10" autocomplete="off" required
                                        value="{{ $registro->data_nascimento ? $registro->data_nascimento->format('d/m/Y') : '' }}"
                                        style="font-size:13px;">
                                </div>
                                <div class="col-md-3">
                                    <label style="font-size:12px;color:#6b7280;">Sexo <span class="text-danger">*</span></label>
                                    <select name="sexo" class="form-control" required style="font-size:13px;">
                                        <option value="M" {{ $registro->sexo === 'M' ? 'selected' : '' }}>Masculino</option>
                                        <option value="F" {{ $registro->sexo === 'F' ? 'selected' : '' }}>Feminino</option>
                                    </select>
                                </div>
                                <div class="col-md-3">
                                    <label style="font-size:12px;color:#6b7280;">Estado civil <span class="text-danger">*</span></label>
                                    <select name="estado_civil" class="form-control" required style="font-size:13px;">
                                        <option value="solteiro" {{ $registro->estado_civil === 'solteiro' ? 'selected' : '' }}>Solteiro(a)</option>
                                        <option value="casado" {{ $registro->estado_civil === 'casado' ? 'selected' : '' }}>Casado(a)</option>
                                        <option value="uniao_estavel" {{ $registro->estado_civil === 'uniao_estavel' ? 'selected' : '' }}>União estável</option>
                                        <option value="divorciado" {{ $registro->estado_civil === 'divorciado' ? 'selected' : '' }}>Divorciado(a)</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        @endif

                        @if (in_array('pis', $camposPendentes))
                        @php $plPis = $registro->payload ?? []; @endphp
                        <div class="card-body-custom" style="border-bottom:1px solid #f1f3f5;">
                            <div class="fw-semibold mb-3" style="font-size:14px;color:#1f2937;">
                                PIS / Primeiro emprego <span class="text-danger">*</span>
                            </div>
                            <div class="row g-2">
                                <div class="col-md-6">
                                    <label style="font-size:12px;color:#6b7280;">É o primeiro emprego? <span class="text-danger">*</span></label>
                                    <select name="primeiro_emprego" id="reenvio_primeiro_emprego" class="form-control" required style="font-size:13px;">
                                        <option value="nao" {{ ($plPis['primeiro_emprego'] ?? 'nao') === 'nao' ? 'selected' : '' }}>Não</option>
                                        <option value="sim" {{ ($plPis['primeiro_emprego'] ?? '') === 'sim' ? 'selected' : '' }}>Sim</option>
                                    </select>
                                </div>
                                <div class="col-md-6 campo-pis-reenvio">
                                    <label style="font-size:12px;color:#6b7280;">Número do PIS (11 dígitos)</label>
                                    <input type="text" name="pis_numero" class="form-control" inputmode="numeric" maxlength="11"
                                        value="{{ $plPis['pis_numero'] ?? '' }}" style="font-size:13px;">
                                    <small style="color:#6b7280;font-size:11px;">Deixe em branco se for o primeiro emprego (o RH gera).</small>
                                </div>
                            </div>
                        </div>
                        @endif

                        @if (in_array('pcd', $camposPendentes))
                        @php $plPcd = $registro->payload ?? []; @endphp
                        <div class="card-body-custom">
                            <div class="fw-semibold mb-3" style="font-size:14px;color:#1f2937;">
                                Pessoa com Deficiência (PCD) <span class="text-danger">*</span>
                            </div>
                            <div class="row g-2">
                                <div class="col-md-6">
                                    <label style="font-size:12px;color:#6b7280;">É PCD? <span class="text-danger">*</span></label>
                                    <select name="pcd" class="form-control" required style="font-size:13px;">
                                        <option value="nao" {{ ($plPcd['pcd'] ?? 'nao') === 'nao' ? 'selected' : '' }}>Não</option>
                                        <option value="sim" {{ ($plPcd['pcd'] ?? '') === 'sim' ? 'selected' : '' }}>Sim</option>
                                    </select>
                                    <small style="color:#6b7280;font-size:11px;">Se "Sim", anexe também o Laudo PCD (caso solicitado).</small>
                                </div>
                            </div>
                        </div>
                        @endif

                        @if (in_array('dados_estrangeiro', $camposPendentes))
                        @php $pl = $registro->payload ?? []; @endphp
                        <div class="card-body-custom">
                            <div class="fw-semibold mb-3" style="font-size:14px;color:#1f2937;">
                                Dados de Estrangeiro <span class="text-danger">*</span>
                            </div>
                            <div class="row g-2">
                                <div class="col-md-6">
                                    <label style="font-size:12px;color:#6b7280;">É estrangeiro? <span class="text-danger">*</span></label>
                                    <select name="estrangeiro" id="reenvio_estrangeiro" class="form-control" required style="font-size:13px;">
                                        <option value="nao" {{ ($pl['estrangeiro'] ?? 'nao') === 'nao' ? 'selected' : '' }}>Não</option>
                                        <option value="sim" {{ ($pl['estrangeiro'] ?? '') === 'sim' ? 'selected' : '' }}>Sim</option>
                                    </select>
                                </div>
                                <div class="col-md-6 campo-estrangeiro-reenvio">
                                    <label style="font-size:12px;color:#6b7280;">País de nascimento <span class="text-danger">*</span></label>
                                    <input type="text" name="pais_nascimento" class="form-control" maxlength="100"
                                        value="{{ $pl['pais_nascimento'] ?? '' }}" style="font-size:13px;">
                                </div>
                                <div class="col-md-6 campo-estrangeiro-reenvio">
                                    <label style="font-size:12px;color:#6b7280;">Data da chegada ao Brasil <span class="text-danger">*</span></label>
                                    <input type="text" name="data_chegada_brasil" class="form-control reenvio-date-br"
                                        placeholder="dd/mm/aaaa" maxlength="10" autocomplete="off"
                                        value="{{ $pl['data_chegada_brasil'] ?? '' }}" style="font-size:13px;">
                                </div>
                                <div class="col-md-6 campo-estrangeiro-reenvio">
                                    <label style="font-size:12px;color:#6b7280;">RNM – Registro Nacional Migratório <span class="text-danger">*</span></label>
                                    <input type="text" name="rnm" class="form-control" maxlength="30"
                                        value="{{ $pl['rnm'] ?? '' }}" style="font-size:13px;">
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>
                    @endif

                    <div class="text-center">
                        <button type="submit" class="btn-cta btn-cta-reenvio" id="submit-reenvio">
                            <i class="bi bi-send-fill"></i>
                            Enviar Informações
                        </button>
                    </div>

                </form>

            @endif

        </div>
    </div>

    <style>
        *, *::before, *::after { box-sizing: border-box; }

        .acomp-wrapper {
            font-family: 'Poppins', sans-serif;
            min-height: 60vh;
            background: #f4f6fa;
        }

        .acomp-header {
            padding: 32px 24px;
            color: white;
        }
        .acomp-header-inner {
            max-width: 860px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            gap: 18px;
        }
        .acomp-header-icon { font-size: 44px; line-height: 1; opacity: .9; }
        .acomp-title   { font-size: 24px; font-weight: 700; margin: 0 0 4px; }
        .acomp-subtitle { font-size: 14px; opacity: .85; margin: 0; }

        .acomp-content {
            max-width: 860px;
            margin: 28px auto;
            padding: 0 16px 60px;
        }

        .acomp-card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 1px 8px rgba(0,0,0,.07);
            border-left: 4px solid #f7b731;
            overflow: hidden;
            transition: box-shadow .2s ease;
        }
        .acomp-card:hover { box-shadow: 0 4px 18px rgba(0,0,0,.11); }

        .card-header-custom {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 16px 20px;
            background: #f8fafc;
            border-bottom: 1px solid #f1f3f5;
        }
        .card-header-custom i { font-size: 20px; color: #6b7280; }
        .card-header-custom h5 {
            margin: 0;
            font-size: 15px;
            font-weight: 700;
            color: #1f2937;
        }

        .card-body-custom {
            padding: 20px;
        }

        .btn-cta {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 12px 28px;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 700;
            text-decoration: none;
            transition: all .2s ease;
            border: none;
            cursor: pointer;
        }
        .btn-cta-reenvio {
            background: #f7b731;
            color: white;
        }
        .btn-cta-reenvio:hover {
            background: #e0a420;
            color: white;
            text-decoration: none;
        }

        .motivo-box {
            padding: 16px 20px;
            border-radius: 10px;
            font-size: 13px;
            display: flex;
            align-items: flex-start;
            gap: 12px;
        }
        .motivo-box i { flex-shrink: 0; margin-top: 1px; font-size: 20px; }
        .motivo-reprovado { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; }

        .file-upload-wrapper {
            position: relative;
        }
        .file-input-row {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 12px;
            background: #f9fafb;
            border: 1px solid #d1d5db;
            border-radius: 8px;
            transition: border-color .2s, background .2s;
        }
        .file-input-row:focus-within {
            border-color: #f7b731;
            background: #fffbeb;
        }
        .file-upload-wrapper.has-file .file-input-row {
            border-color: #22c55e;
            background: #f0fdf4;
        }
        .file-input {
            flex: 1;
            font-size: 13px;
            border: none;
            background: transparent;
            padding: 2px 0;
            min-width: 0;
        }
        .file-input.is-invalid { border-color: #dc3545; }
        .file-remove-btn {
            background: none;
            border: none;
            cursor: pointer;
            color: #9ca3af;
            font-size: 20px;
            line-height: 1;
            padding: 0 4px;
            transition: color .15s;
        }
        .file-remove-btn:hover { color: #dc3545; }
        .file-name-display {
            font-size: 12px;
            color: #22c55e;
            margin-top: 4px;
            padding-left: 4px;
        }
        .error-message {
            font-size: 12px;
            color: #dc3545;
            margin-top: 4px;
        }

        @media (max-width: 768px) {
            .acomp-header-icon { display: none; }
            .acomp-title { font-size: 19px; }
            .btn-cta { width: 100%; justify-content: center; }
            .card-body-custom .d-flex { flex-direction: column; }
        }
    </style>

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

            function escapeHtml(str) {
                return str.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
            }

            // Mesmos limites do envio inicial (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 formatBytes(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.indexOf(ext) === -1) {
                    return 'O arquivo "' + file.name + '" tem uma extensão não permitida (.' + ext +
                        '). Envie apenas PDF, DOCX, JPG, JPEG ou PNG.';
                }
                if (file.size > RH_MAX_FILE_BYTES) {
                    return 'O arquivo "' + file.name + '" é muito grande (' + formatBytes(file.size) +
                        '). O tamanho máximo permitido é 15 MB.';
                }
                return null;
            }

            form.querySelectorAll('.file-upload-wrapper').forEach(wrapper => {
                const input     = wrapper.querySelector('input[type="file"]');
                const removeBtn = wrapper.querySelector('.file-remove-btn');
                const display   = wrapper.querySelector('.file-name-display');
                if (!input || !removeBtn || !display) return;

                const refresh = () => {
                    if (input.files && input.files.length > 0) {
                        wrapper.classList.add('has-file');
                        display.innerHTML = input.files.length === 1
                            ? `<i class="bi bi-file-earmark-check"></i> <strong>Arquivo:</strong> ${escapeHtml(input.files[0].name)}`
                            : `<i class="bi bi-files"></i> <strong>${input.files.length} arquivos selecionados</strong>`;
                    } else {
                        wrapper.classList.remove('has-file');
                        display.innerHTML = '';
                    }
                };

                input.addEventListener('change', function () {
                    for (const file of Array.from(input.files || [])) {
                        const erro = validarArquivo(file);
                        if (erro) {
                            alert(erro);
                            input.value = '';
                            break;
                        }
                    }
                    refresh();
                });
                removeBtn.addEventListener('click', e => { e.preventDefault(); input.value = ''; refresh(); });
            });

            form.addEventListener('submit', function (e) {
                for (const input of form.querySelectorAll('input[type="file"]')) {
                    for (const file of Array.from(input.files || [])) {
                        const erro = validarArquivo(file);
                        if (erro) {
                            e.preventDefault();
                            alert(erro);
                            input.focus();
                            return;
                        }
                    }
                }

                const btn = document.getElementById('submit-reenvio');
                if (btn) {
                    btn.disabled = true;
                    btn.innerHTML = '<i class="bi bi-hourglass-split me-1"></i> Enviando...';
                }
            });

            // Máscara de data dd/mm/aaaa
            document.querySelectorAll('.reenvio-date-br').forEach(function (input) {
                input.addEventListener('input', function () {
                    let v = this.value.replace(/\D/g, '');
                    if (v.length >= 2) v = v.substring(0, 2) + '/' + v.substring(2);
                    if (v.length >= 5) v = v.substring(0, 5) + '/' + v.substring(5, 9);
                    this.value = v;
                });
            });

            // Mostrar/ocultar campo de substituto
            const tipoContratacao = form.querySelector('[name="tipo_contratacao"]');
            if (tipoContratacao) {
                tipoContratacao.addEventListener('change', function () {
                    const bloco = document.getElementById('bloco-substituto-reenvio');
                    if (bloco) bloco.style.display = this.value === 'substituicao' ? '' : 'none';
                });
            }

            // Mostrar/ocultar campos de estrangeiro (chegada / país / RNM)
            const estrangeiroSelect = document.getElementById('reenvio_estrangeiro');
            if (estrangeiroSelect) {
                const camposEstr = form.querySelectorAll('.campo-estrangeiro-reenvio');
                const toggleEstr = function () {
                    const isEstr = estrangeiroSelect.value === 'sim';
                    camposEstr.forEach(function (bloco) {
                        bloco.style.display = isEstr ? '' : 'none';
                        const input = bloco.querySelector('input');
                        if (input) input.required = isEstr;
                    });
                };
                estrangeiroSelect.addEventListener('change', toggleEstr);
                toggleEstr();
            }

            // PIS: desabilitar quando primeiro emprego = sim
            const primeiroEmpSelect = document.getElementById('reenvio_primeiro_emprego');
            if (primeiroEmpSelect) {
                const pisInput = form.querySelector('input[name="pis_numero"]');
                const togglePis = function () {
                    const isPrimeiro = primeiroEmpSelect.value === 'sim';
                    if (pisInput) {
                        pisInput.disabled = isPrimeiro;
                        if (isPrimeiro) pisInput.value = '';
                    }
                };
                primeiroEmpSelect.addEventListener('change', togglePis);
                togglePis();
            }
        })();
    </script>

@endsection