@extends('admin.base-admin')

@section('page_title', 'Pré-Contratação | Admin RH')

@section('nav')
    @include('admin.partials.nav-rh')
@endsection

@section('page-header')
    <h1>
        <i class="bi bi-person-badge mr-2" style="font-size:1.1rem;color:#f7b731;"></i>
        Contratação #{{ $registro->id }}
    </h1>
@endsection

@section('content')
    <div style="max-width:1100px; margin:0 auto;">

        {{-- ── Barra de ações ── --}}
        <div class="show-action-bar mb-3">

            <a href="{{ route('admin.rh.pre_contratacoes.index') }}" class="saas-btn">
                <i class="bi bi-arrow-left"></i> Voltar
            </a>

            {{-- Status badge --}}
            @php
                $status = $registro->status;
                $badgeClass = match ($status) {
                    'aprovado', 'assinatura_recebida', 'finalizado' => 'open',
                    'pendente', 'aguardando_documento_rh' => 'progress',
                    'pendente_reenvio', 'reprovado' => 'closed',
                    'aguardando_assinatura_usuario', 'aguardando_malote' => 'analysis',
                    'cancelado' => 'internal',
                    default => 'internal',
                };
                $statusLabel = match ($status) {
                    'pendente' => 'Aguardando Análise',
                    'aprovado' => 'Aprovado',
                    'reprovado' => 'Reprovado',
                    'pendente_reenvio' => 'Aguardando Reenvio',
                    'aguardando_assinatura_usuario' => 'Assinatura Pendente',
                    'aguardando_documento_rh' => 'RH Preparando Doc.',
                    'assinatura_recebida' => 'Assinatura Recebida',
                    'aguardando_malote' => 'Aguardando Malote',
                    'finalizado' => 'Finalizado',
                    'cancelado' => 'Cancelado',
                    default => ucfirst($status),
                };
            @endphp
            <span class="saas-badge {{ $badgeClass }}" style="cursor:default;">{{ $statusLabel }}</span>

            <div class="show-action-spacer"></div>

            {{-- Aprovar / Reprovar --}}
            @if (in_array($status, ['pendente', 'pendente_reenvio']))
                <form id="formAprovar" action="{{ route('admin.rh.pre_contratacoes.aprovar', $registro->id) }}"
                    method="POST" class="d-inline">
                    @csrf
                </form>
                <button type="button" class="saas-btn" style="border-color:#86efac;color:#15803d;" data-bs-toggle="modal"
                    data-bs-target="#modalAprovar" data-toggle="modal" data-target="#modalAprovar">
                    <i class="bi bi-check-circle-fill"></i> <span class="btn-label">Aprovar</span>
                </button>
                <button type="button" class="saas-btn" style="border-color:#fca5a5;color:#b91c1c;" data-bs-toggle="modal"
                    data-bs-target="#modalReprovar" data-toggle="modal" data-target="#modalReprovar">
                    <i class="bi bi-x-circle-fill"></i> <span class="btn-label">Reprovar</span>
                </button>
            @endif

            {{-- Solicitar Assinatura --}}
            @if ($status === 'aprovado')
                <form id="formSolicitarAssinatura"
                    action="{{ route('admin.rh.pre_contratacoes.solicitar_assinatura', $registro->id) }}" method="POST"
                    class="d-inline">
                    @csrf
                </form>
                <button type="button" class="saas-btn" style="border-color:#fde047;color:#a16207;" data-bs-toggle="modal"
                    data-bs-target="#modalSolicitarAssinatura" data-toggle="modal" data-target="#modalSolicitarAssinatura">
                    <i class="bi bi-file-earmark-text"></i> <span class="btn-label">Solicitar Assinatura</span>
                </button>
            @endif

            {{-- Confirmar Malote --}}
            @if ($status === 'aguardando_malote')
                <form id="formConfirmarMalote"
                    action="{{ route('admin.rh.pre_contratacoes.confirmar_malote', $registro->id) }}" method="POST"
                    class="d-inline">
                    @csrf
                </form>
                <button type="button" class="saas-btn" style="border-color:#86efac;color:#15803d;" data-bs-toggle="modal"
                    data-bs-target="#modalConfirmarMalote" data-toggle="modal" data-target="#modalConfirmarMalote">
                    <i class="bi bi-box-seam"></i> <span class="btn-label">Confirmar Malote</span>
                </button>
            @endif

            {{-- Cancelar --}}
            @if (!in_array($status, ['finalizado', 'cancelado']))
                <button type="button" class="saas-btn" data-bs-toggle="modal" data-bs-target="#modalCancelar"
                    data-toggle="modal" data-target="#modalCancelar">
                    <i class="bi bi-slash-circle"></i> <span class="btn-label">Cancelar</span>
                </button>
            @endif
        </div>

        {{-- ── Info strip ── --}}
        <div class="conteudo-info-strip mb-3">
            <div class="conteudo-info-chip">
                <span class="conteudo-info-chip-label">Candidato</span>
                <span class="conteudo-info-chip-value">{{ $registro->nome_candidato }}</span>
            </div>
            <div class="conteudo-info-chip">
                <span class="conteudo-info-chip-label">Cargo</span>
                <span class="conteudo-info-chip-value">{{ $registro->cargo_formatado }}</span>
            </div>
            <div class="conteudo-info-chip">
                <span class="conteudo-info-chip-label">Filial</span>
                <span class="conteudo-info-chip-value">{{ optional($registro->filial)->comment ?? '-' }}</span>
            </div>
            <div class="conteudo-info-chip">
                <span class="conteudo-info-chip-label">Admissão Prevista</span>
                <span class="conteudo-info-chip-value">{{ $registro->data_admissao_prevista->format('d/m/Y') }}</span>
            </div>
            <div class="conteudo-info-chip">
                <span class="conteudo-info-chip-label">Enviado em</span>
                <span class="conteudo-info-chip-value">{{ $registro->created_at->format('d/m/Y H:i') }}</span>
            </div>
        </div>

        {{-- ── Grid principal: Candidato + Vaga ── --}}
        <div class="row mb-3">
            {{-- Dados do Candidato --}}
            <div class="col-md-6 mb-3">
                <div class="show-section">
                    <div class="show-section-header collapsible-trigger" data-target="section-candidato">
                        <span class="show-section-title"><i class="bi bi-person-circle"></i> Dados do Candidato</span>
                        <button class="collapse-toggle" type="button" aria-label="Recolher"><i
                                class="bi bi-chevron-down"></i></button>
                    </div>
                    <div class="show-section-body collapsible" id="section-candidato">
                        @php
                            $foto3x4 = $registro->arquivos->where('tipo_documento', 'foto_3x4')->first();
                            $fotoExt = $foto3x4 ? strtolower(pathinfo($foto3x4->original_name, PATHINFO_EXTENSION)) : null;
                            $fotoEhImagem = in_array($fotoExt, ['jpg', 'jpeg', 'png', 'webp', 'gif']);
                        @endphp
                        @if ($foto3x4)
                            <div class="candidato-foto">
                                <button type="button" class="btn-visualizar candidato-foto-btn"
                                    data-arquivo-nome="{{ $foto3x4->original_name }}"
                                    data-arquivo-url="{{ route('admin.rh.pre_contratacoes.visualizar_arquivo', [$registro->id, $foto3x4->id]) }}"
                                    title="{{ $fotoEhImagem ? 'Ampliar foto' : 'Abrir arquivo' }}">
                                    @if ($fotoEhImagem)
                                        <img src="{{ route('admin.rh.pre_contratacoes.visualizar_arquivo', [$registro->id, $foto3x4->id]) }}"
                                            alt="Foto 3x4" class="candidato-foto-img">
                                    @else
                                        <span class="candidato-foto-placeholder">
                                            <i class="bi bi-file-earmark-image"></i>
                                            <small>Pré-visualização<br>indisponível</small>
                                        </span>
                                    @endif
                                </button>
                            </div>
                        @endif
                        <div class="field-row">
                            <span class="field-label">Nome completo</span>
                            <span class="field-value">{{ $registro->nome_candidato }}</span>
                        </div>
                        <div class="field-row">
                            <span class="field-label">CPF</span>
                            <span class="field-value">{{ $registro->cpf_candidato }}</span>
                        </div>
                        <div class="field-row">
                            <span class="field-label">Nascimento</span>
                            <span class="field-value">{{ $registro->data_nascimento->format('d/m/Y') }}</span>
                        </div>
                        <div class="field-row">
                            <span class="field-label">Sexo</span>
                            <span class="field-value">{{ $registro->sexo === 'M' ? 'Masculino' : 'Feminino' }}</span>
                        </div>
                        <div class="field-row">
                            <span class="field-label">Estado civil</span>
                            <span class="field-value">
                                @switch($registro->estado_civil)
                                    @case('solteiro')
                                        Solteiro(a)
                                    @break

                                    @case('casado')
                                        Casado(a)
                                    @break

                                    @case('uniao_estavel')
                                        União estável
                                    @break

                                    @case('divorciado')
                                        Divorciado(a)
                                    @break

                                    @default
                                        {{ $registro->estado_civil }}
                                @endswitch
                            </span>
                        </div>
                        <div class="field-row">
                            <span class="field-label">Filhos</span>
                            <span class="field-value">
                                @if ($registro->dependentes->isNotEmpty())
                                    Sim ({{ $registro->dependentes->count() }})
                                @else
                                    Não
                                @endif
                            </span>
                        </div>
                        @php
                            $isPrimeiroEmprego = ($registro->payload['primeiro_emprego'] ?? 'nao') === 'sim';
                            $isEstrangeiro     = ($registro->payload['estrangeiro'] ?? 'nao') === 'sim';
                            $isPcd             = ($registro->payload['pcd'] ?? 'nao') === 'sim';
                        @endphp
                        <div class="field-row">
                            <span class="field-label">PCD</span>
                            <span class="field-value">{{ $isPcd ? 'Sim' : 'Não' }}</span>
                        </div>
                        <div class="field-row">
                            <span class="field-label">Primeiro emprego</span>
                            <span class="field-value">{{ $isPrimeiroEmprego ? 'Sim' : 'Não' }}</span>
                        </div>
                        <div class="field-row">
                            <span class="field-label">PIS</span>
                            <span class="field-value">
                                @if ($isPrimeiroEmprego)
                                    Será gerado pelo RH
                                @else
                                    {{ $registro->pis ?: '-' }}
                                @endif
                            </span>
                        </div>
                        <div class="field-row">
                            <span class="field-label">Estrangeiro</span>
                            <span class="field-value">{{ $isEstrangeiro ? 'Sim' : 'Não' }}</span>
                        </div>
                        @if ($isEstrangeiro)
                            <div class="field-row">
                                <span class="field-label">País de nascimento</span>
                                <span class="field-value">{{ $registro->payload['pais_nascimento'] ?: '-' }}</span>
                            </div>
                            <div class="field-row">
                                <span class="field-label">Chegada ao Brasil</span>
                                <span class="field-value">{{ $registro->payload['data_chegada_brasil'] ?: '-' }}</span>
                            </div>
                            <div class="field-row">
                                <span class="field-label">RNM</span>
                                <span class="field-value">{{ $registro->payload['rnm'] ?: '-' }}</span>
                            </div>
                        @endif
                        @if (filled($registro->observacoes))
                            <div class="field-row">
                                <span class="field-label">Observações</span>
                                <span class="field-value" style="white-space:pre-line;">{{ $registro->observacoes }}</span>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            {{-- Dados da Vaga --}}
            <div class="col-md-6 mb-3">
                <div class="show-section">
                    <div class="show-section-header collapsible-trigger" data-target="section-vaga">
                        <span class="show-section-title"><i class="bi bi-briefcase"></i> Dados da Vaga</span>
                        <button class="collapse-toggle" type="button" aria-label="Recolher"><i
                                class="bi bi-chevron-down"></i></button>
                    </div>
                    <div class="show-section-body collapsible" id="section-vaga">
                        <div class="field-row">
                            <span class="field-label">Filial</span>
                            <span
                                class="field-value">{{ optional($registro->filial)->comment ?? '-' }}</span>
                        </div>
                        <div class="field-row">
                            <span class="field-label">Setor</span>
                            <span class="field-value">{{ optional($registro->ticket?->setor)->name ?? '-' }}</span>
                        </div>
                        <div class="field-row">
                            <span class="field-label">Cargo</span>
                            <span class="field-value">{{ $registro->cargo_formatado }}</span>
                        </div>
                        <div class="field-row">
                            <span class="field-label">Admissão prevista</span>
                            <span class="field-value">{{ $registro->data_admissao_prevista->format('d/m/Y') }}</span>
                        </div>
                        <div class="field-row">
                            <span class="field-label">Registrado por</span>
                            <span class="field-value">
                                @php $criador = $registro->workflow->where('acao', 'criado')->first()?->user; @endphp
                                @if ($criador && $criador->info)
                                    {{ $criador->info->name }}
                                    @if ($criador->info->registration)
                                        <span style="color:var(--dm-text-muted);font-size:.8em;">(Mat:
                                            {{ $criador->info->registration }})</span>
                                    @endif
                                @else
                                    -
                                @endif
                            </span>
                        </div>
                        <div class="field-row">
                            <span class="field-label">Enviado em</span>
                            <span class="field-value">{{ $registro->created_at->format('d/m/Y H:i') }}</span>
                        </div>
                        @php $dc = $registro->payload['dados_contratacao'] ?? []; @endphp
                        @if (!empty($dc))
                            {{-- Campos que o formulário não pede para certos cargos ficam
                                 de fora, em vez de aparecer como "-". --}}
                            @unless ($registro->eh_comissionado)
                                <div class="field-row">
                                    <span class="field-label">Salário de Admissão</span>
                                    <span class="field-value">{{ $dc['salario_admissao'] ?? '-' }}</span>
                                </div>
                            @endunless
                            @unless ($registro->eh_comissionado || $registro->eh_jovem_aprendiz)
                                <div class="field-row">
                                    <span class="field-label">Salário Após Experiência</span>
                                    <span class="field-value">{{ $dc['salario_apos_experiencia'] ?? '-' }}</span>
                                </div>
                            @endunless
                            <div class="field-row">
                                <span class="field-label">Tipo de Contratação</span>
                                <span class="field-value">
                                    @if (($dc['tipo_contratacao'] ?? '') === 'substituicao')
                                        Substituição
                                        @if (!empty($dc['substituto_nome']))
                                            <span
                                                style="color:var(--dm-text-muted);font-size:.85em;">({{ $dc['substituto_nome'] }})</span>
                                        @endif
                                    @elseif(($dc['tipo_contratacao'] ?? '') === 'aumento_quadro')
                                        Aumento de Quadro
                                    @else
                                        -
                                    @endif
                                </span>
                            </div>
                            <div class="field-row">
                                <span class="field-label">Horário Seg–Sex</span>
                                <span class="field-value">{{ $dc['horario_seg_sex'] ?? '-' }}</span>
                            </div>
                            @unless ($registro->eh_jovem_aprendiz)
                                <div class="field-row">
                                    <span class="field-label">Horário Sábados</span>
                                    <span class="field-value">{{ $dc['horario_sabado'] ?? '-' }}</span>
                                </div>
                                <div class="field-row">
                                    <span class="field-label">Vale</span>
                                    <span class="field-value">
                                        @switch($dc['vale'] ?? '')
                                            @case('alimentacao') Alimentação @break
                                            @case('refeicao') Refeição @break
                                            @default -
                                        @endswitch
                                    </span>
                                </div>
                            @endunless
                        @endif

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

        {{-- ── Dependentes ── --}}
        @if ($registro->dependentes->isNotEmpty())
            <div class="show-section mb-3">
                <div class="show-section-header collapsible-trigger" data-target="section-dependentes">
                    <span class="show-section-title">
                        <i class="bi bi-people-fill"></i>
                        Dependentes ({{ $registro->dependentes->count() }})
                    </span>
                    <button class="collapse-toggle" type="button" aria-label="Recolher"><i
                            class="bi bi-chevron-down"></i></button>
                </div>
                <div class="show-section-body collapsible p-0" id="section-dependentes">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0" style="font-size:.83rem;">
                            <thead>
                                <tr>
                                    <th width="50">#</th>
                                    <th>Nome</th>
                                    <th>CPF</th>
                                    <th>Nascimento</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($registro->dependentes as $i => $dep)
                                    <tr>
                                        <td>{{ $i + 1 }}</td>
                                        <td>{{ $dep->nome ?? 'Não informado' }}</td>
                                        <td>{{ $dep->cpf ?? '-' }}</td>
                                        <td>{{ $dep->data_nascimento ? $dep->data_nascimento->format('d/m/Y') : '-' }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        @endif

        {{-- ── Histórico e Situação ── --}}
        <div class="show-section mb-3">
            <div class="show-section-header collapsible-trigger is-collapsed" data-target="section-historico">
                <span class="show-section-title"><i class="bi bi-clock-history"></i> Histórico e Situação</span>
                <button class="collapse-toggle is-collapsed" type="button" aria-label="Recolher"><i
                        class="bi bi-chevron-down"></i></button>
            </div>
            <div class="show-section-body collapsible is-collapsed" id="section-historico">

                {{-- Motivo reprovação atual --}}
                @if ($status === 'reprovado' && $registro->motivo_reprovacao)
                    <div class="alert alert-danger mb-3">
                        <strong><i class="bi bi-x-circle"></i> Motivo da reprovação:</strong><br>
                        <span>{{ $registro->motivo_reprovacao }}</span>
                    </div>
                @endif

                {{-- Timeline de reprovações --}}
                @if (!empty($registro->historico_reprovacoes))
                    <div style="margin-bottom:1.25rem;">
                        <div
                            style="font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--dm-text-muted);margin-bottom:.75rem;">
                            <i class="bi bi-list-ul"></i> Histórico de Reprovações
                        </div>
                        <div
                            style="padding-left:1rem;border-left:2px solid var(--dm-nav-border);display:flex;flex-direction:column;gap:.75rem;">
                            @foreach ($registro->historico_reprovacoes as $item)
                                <div>
                                    <div style="font-size:.7rem;color:var(--dm-text-muted);">
                                        {{ $item['at'] ?? 'Data N/D' }}</div>
                                    <div style="font-size:.83rem;color:var(--dm-text);margin:.15rem 0;">
                                        {{ $item['motivo'] ?? '' }}</div>
                                    @if (!empty($item['user_name']))
                                        <div style="font-size:.7rem;color:var(--dm-text-muted);"><i
                                                class="bi bi-person"></i> {{ $item['user_name'] }}</div>
                                    @endif
                                </div>
                            @endforeach
                        </div>
                    </div>
                @endif

                {{-- Formulário de reenvio (quando reprovado) --}}
                @if ($status === 'reprovado')
                    <hr style="border-color:var(--dm-nav-border);">
                    <div
                        style="font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--dm-text-muted);margin-bottom:.75rem;">
                        <i class="bi bi-arrow-counterclockwise"></i> Solicitar Reenvio de Documentos
                    </div>
                    <p style="font-size:.82rem;color:var(--dm-text-muted);margin-bottom:1rem;">
                        Selecione os documentos que precisam ser reenviados pelo candidato.
                    </p>

                    <form method="POST" action="{{ route('admin.rh.pre_contratacoes.restaurar', $registro->id) }}">
                        @csrf
                        <div class="mb-3">
                            <label
                                style="font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dm-text-muted);">
                                Motivo da solicitação de reenvio <span class="text-danger">*</span>
                            </label>
                            <textarea name="motivo_reprovacao" class="form-control @error('motivo_reprovacao') is-invalid @enderror"
                                rows="3" required placeholder="Descreva o motivo...">{{ old('motivo_reprovacao', $registro->payload['motivo_reprovacao'] ?? '') }}</textarea>
                            @error('motivo_reprovacao')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <div style="font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--dm-text-muted);margin-bottom:.5rem;">
                                <i class="bi bi-file-earmark-text"></i> Documentos
                            </div>
                            <div class="docs-grid mb-3">
                            @php
                                $allDocs = [
                                    'curriculo' => 'Currículo',
                                    'analise_processual' => 'Validação Cadastral',
                                    'ctps' => 'CTPS',
                                    'identidade_cnh' => 'Identidade/CNH',
                                    'foto_3x4' => 'Foto 3x4',
                                    'comprovante_residencia' => 'Comprovante Residência',
                                    'conta_bancaria' => 'Conta Bancária',
                                    'exame_admissional' => 'Exame Admissional',
                                    'titulo_eleitor' => 'Título de Eleitor',
                                    'reservista' => 'Reservista',
                                    'certidao_nascimento' => 'Certidão Nascimento',
                                    'certidao_casamento' => 'Certidão Casamento',
                                    'uniao_estavel' => 'Declaração União Estável',
                                    'certidoes_filhos' => 'Certidões dos Filhos',
                                    'carteira_vacinacao_filhos' => 'Carteira Vacinação Filhos',
                                    'comprovante_escolaridade_filhos' => 'Comprovante Escolaridade Filhos',
                                    'comprovante_escolaridade' => 'Comprovante Escolaridade',
                                    'exame_audiometria' => 'Exame Audiometria',
                                    'exame_toxicologico' => 'Exame Toxicológico',
                                    'curso_empilhadeira' => 'Certificado Empilhadeira',
                                ];
                                if (in_array($registro->cargo, ['jovem_aprendiz', 'estagiario'])) {
                                    $allDocs['contrato_instituicao_ensino'] = 'Contrato Instituição Ensino';
                                }
                                if ($registro->cargo === 'jovem_aprendiz') {
                                    $allDocs['identidade_responsavel'] = 'Identidade do Responsável';
                                }
                                if (($registro->payload['pcd'] ?? 'nao') === 'sim') {
                                    $allDocs['laudo_pcd'] = 'Laudo PCD';
                                }
                                $allDocs['outros_documentos'] = 'Outros Documentos';
                            @endphp
                            @foreach ($allDocs as $val => $label)
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="docs_pendentes[]"
                                        value="{{ $val }}" id="doc_{{ $val }}">
                                    <label class="form-check-label" for="doc_{{ $val }}"
                                        style="font-size:.83rem;">
                                        {{ $label }}
                                    </label>
                                </div>
                            @endforeach
                            </div>{{-- /docs-grid --}}
                        </div>{{-- /documentos --}}

                        <div class="mb-3">
                            <div style="font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--dm-text-muted);margin-bottom:.5rem;">
                                <i class="bi bi-pencil-square"></i> Dados a corrigir
                            </div>
                            <div class="docs-grid">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="campos_pendentes[]"
                                        value="setor_cargo" id="campo_setor_cargo">
                                    <label class="form-check-label" for="campo_setor_cargo" style="font-size:.83rem;">
                                        Setor / Cargo
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="campos_pendentes[]"
                                        value="data_admissao" id="campo_data_admissao">
                                    <label class="form-check-label" for="campo_data_admissao" style="font-size:.83rem;">
                                        Data de Admissão
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="campos_pendentes[]"
                                        value="dados_contratacao" id="campo_dados_contratacao">
                                    <label class="form-check-label" for="campo_dados_contratacao" style="font-size:.83rem;">
                                        Dados da Contratação (salário / horário)
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="campos_pendentes[]"
                                        value="substituicao" id="campo_substituicao">
                                    <label class="form-check-label" for="campo_substituicao" style="font-size:.83rem;">
                                        Substituição (tipo de contratação / quem está sendo substituído)
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="campos_pendentes[]"
                                        value="dados_estrangeiro" id="campo_dados_estrangeiro">
                                    <label class="form-check-label" for="campo_dados_estrangeiro" style="font-size:.83rem;">
                                        Dados de Estrangeiro (chegada / RNM / país)
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="campos_pendentes[]"
                                        value="dados_pessoais" id="campo_dados_pessoais">
                                    <label class="form-check-label" for="campo_dados_pessoais" style="font-size:.83rem;">
                                        Dados Pessoais (nome / CPF / nascimento / sexo / estado civil)
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="campos_pendentes[]"
                                        value="pis" id="campo_pis">
                                    <label class="form-check-label" for="campo_pis" style="font-size:.83rem;">
                                        PIS / Primeiro emprego
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="campos_pendentes[]"
                                        value="pcd" id="campo_pcd">
                                    <label class="form-check-label" for="campo_pcd" style="font-size:.83rem;">
                                        PCD (pessoa com deficiência)
                                    </label>
                                </div>
                            </div>
                        </div>

                        <button type="submit" class="saas-btn" style="border-color:#fde047;color:#a16207;">
                            <i class="bi bi-arrow-counterclockwise"></i> Solicitar Reenvio
                        </button>
                    </form>
                @endif

                {{-- Info quando já em reenvio --}}
                @if ($status === 'pendente_reenvio')
                    @php
                        $docsPend    = $registro->payload['docs_pendentes'] ?? [];
                        $camposPend  = $registro->payload['campos_pendentes'] ?? [];
                        $camposLabel = ['setor_cargo' => 'Setor/Cargo', 'data_admissao' => 'Data de Admissão', 'dados_contratacao' => 'Dados da Contratação', 'substituicao' => 'Substituição', 'dados_estrangeiro' => 'Dados de Estrangeiro', 'dados_pessoais' => 'Dados Pessoais', 'pis' => 'PIS / Primeiro emprego', 'pcd' => 'PCD'];
                    @endphp
                    <div class="alert alert-info">
                        <strong><i class="bi bi-info-circle"></i> Aguardando reenvio de informações</strong>
                        @if (!empty($docsPend))
                            <div style="font-size:.78rem;font-weight:700;margin-top:.5rem;margin-bottom:.2rem;">Documentos:</div>
                            <ul class="mb-0" style="font-size:.83rem;">
                                @foreach ($docsPend as $doc)
                                    <li>{{ ucfirst(str_replace('_', ' ', $doc)) }}</li>
                                @endforeach
                            </ul>
                        @endif
                        @if (!empty($camposPend))
                            <div style="font-size:.78rem;font-weight:700;margin-top:.5rem;margin-bottom:.2rem;">Dados a corrigir:</div>
                            <ul class="mb-0" style="font-size:.83rem;">
                                @foreach ($camposPend as $campo)
                                    <li>{{ $camposLabel[$campo] ?? ucfirst(str_replace('_', ' ', $campo)) }}</li>
                                @endforeach
                            </ul>
                        @endif
                    </div>
                @endif

                {{-- Info status cancelado --}}
                @if ($status === 'cancelado' && !empty($registro->payload['motivo_cancelamento']))
                    <div class="alert alert-secondary" style="font-size:.83rem;">
                        <strong><i class="bi bi-slash-circle"></i> Motivo do cancelamento:</strong><br>
                        {{ $registro->payload['motivo_cancelamento'] }}
                    </div>
                @endif

            </div>
        </div>

        {{-- ── Enviar documento RH ── --}}
        @if ($status === 'aguardando_documento_rh')
            <div class="show-section mb-3">
                <div class="show-section-header collapsible-trigger" data-target="section-upload">
                    <span class="show-section-title"><i class="bi bi-cloud-upload"></i> Enviar Documento para
                        Assinatura</span>
                    <button class="collapse-toggle" type="button" aria-label="Recolher"><i
                            class="bi bi-chevron-down"></i></button>
                </div>
                <div class="show-section-body collapsible" id="section-upload">
                    <form action="{{ route('admin.rh.pre_contratacoes.anexar_documento', $registro->id) }}"
                        method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="form-group mb-3">
                            <label
                                style="font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dm-text-muted);">
                                Documentos (PDF, DOC, DOCX – máx. 15 MB cada)
                            </label>
                            <input type="file" name="documento[]" accept=".pdf,.doc,.docx" multiple required
                                class="form-control">
                            <small class="text-muted" style="font-size:.78rem;">
                                Selecione um ou mais arquivos. Todos serão enviados ao solicitante.
                            </small>
                        </div>
                        <button type="submit" class="saas-btn primary">
                            <i class="bi bi-send"></i> Enviar ao Solicitante
                        </button>
                    </form>
                </div>
            </div>
        @endif

        {{-- ── Documento Assinado ── --}}
        @if ($status === 'assinatura_recebida')
            @php
                $documentoAssinado = $registro
                    ->arquivos()
                    ->where('description', 'documento_assinado')
                    ->latest()
                    ->first();
            @endphp
            @if ($documentoAssinado)
                <div class="show-section mb-3">
                    <div class="show-section-header collapsible-trigger" data-target="section-assinado">
                        <span class="show-section-title"><i class="bi bi-file-earmark-check"></i> Documento Assinado
                            Recebido</span>
                        <button class="collapse-toggle" type="button" aria-label="Recolher"><i
                                class="bi bi-chevron-down"></i></button>
                    </div>
                    <div class="show-section-body collapsible" id="section-assinado">
                        <div
                            style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;">
                            <div style="display:flex;align-items:center;gap:.6rem;">
                                <i class="bi bi-file-pdf text-danger" style="font-size:1.4rem;"></i>
                                <div>
                                    <div style="font-size:.85rem;font-weight:600;color:var(--dm-text);">
                                        {{ $documentoAssinado->original_name }}</div>
                                    <div style="font-size:.72rem;color:var(--dm-text-muted);">Enviado em:
                                        {{ $documentoAssinado->created_at->format('d/m/Y H:i') }}</div>
                                </div>
                            </div>
                            <div style="display:flex;gap:.5rem;flex-wrap:wrap;">
                                <a href="{{ route('admin.rh.pre_contratacoes.visualizar_arquivo', [$registro->id, $documentoAssinado->id]) }}"
                                    target="_blank" class="saas-btn"><i class="bi bi-eye"></i> Visualizar</a>
                                <a href="{{ route('admin.rh.pre_contratacoes.download_arquivo', [$registro->id, $documentoAssinado->id]) }}"
                                    class="saas-btn"><i class="bi bi-download"></i> Baixar</a>
                            </div>
                        </div>

                        <div class="alert alert-warning mb-3" style="font-size:.83rem;">
                            <i class="bi bi-info-circle"></i>
                            Verifique se o documento foi assinado corretamente antes de aprovar.
                        </div>

                        <div style="display:flex;gap:.5rem;flex-wrap:wrap;">
                            <form action="{{ route('admin.rh.pre_contratacoes.aprovar_assinatura', $registro->id) }}"
                                method="POST" class="d-inline"
                                onsubmit="return confirm('Confirma a aprovação?')">
                                @csrf
                                <button type="submit" class="saas-btn" style="border-color:#86efac;color:#15803d;">
                                    <i class="bi bi-check-circle-fill"></i> Aprovar Assinatura
                                </button>
                            </form>
                            <button type="button" class="saas-btn" style="border-color:#fca5a5;color:#b91c1c;"
                                data-bs-toggle="modal" data-bs-target="#modalReprovarAssinatura" data-toggle="modal"
                                data-target="#modalReprovarAssinatura">
                                <i class="bi bi-x-circle"></i> Reprovar Assinatura
                            </button>
                        </div>
                    </div>
                </div>
            @endif
        @endif

        {{-- ── Reverter chamado ── --}}
        @if (in_array($status, ['finalizado', 'cancelado']) && $podeReverter)
            <div class="show-section mb-3">
                <div class="show-section-header collapsible-trigger" data-target="section-reverter">
                    <span class="show-section-title"><i class="bi bi-arrow-counterclockwise"></i> Reverter Chamado</span>
                    <button class="collapse-toggle" type="button" aria-label="Recolher"><i
                            class="bi bi-chevron-down"></i></button>
                </div>
                <div class="show-section-body collapsible" id="section-reverter">
                    <form action="{{ route('admin.rh.pre_contratacoes.reverter', $registro->id) }}" method="POST">
                        @csrf
                        <div class="mb-3">
                            <label
                                style="font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dm-text-muted);">
                                O que deseja fazer?
                            </label>
                            <div style="display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;">
                                <div class="form-check">
                                    <input type="radio" name="tipo_reversao" value="reenviar_assinatura"
                                        id="opt_reenviar" class="form-check-input" required>
                                    <label class="form-check-label" for="opt_reenviar" style="font-size:.83rem;">
                                        <strong>Reenviar assinatura</strong>
                                        <span style="display:block;font-size:.75rem;color:var(--dm-text-muted);">Retorna
                                            para Pré-finalizados. Candidato deverá assinar novamente.</span>
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input type="radio" name="tipo_reversao" value="retornar_contratacoes"
                                        id="opt_retornar" class="form-check-input">
                                    <label class="form-check-label" for="opt_retornar" style="font-size:.83rem;">
                                        <strong>Retornar para Contratações</strong>
                                        <span style="display:block;font-size:.75rem;color:var(--dm-text-muted);">
                                            @if ($status === 'cancelado')
                                                Volta ao status Pendente.
                                            @else
                                                Volta ao status Aprovado.
                                            @endif
                                        </span>
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input type="radio" name="tipo_reversao" value="cancelar_contratacao"
                                        id="opt_cancelar" class="form-check-input">
                                    <label class="form-check-label" for="opt_cancelar" style="font-size:.83rem;">
                                        <strong>Cancelar Contratação</strong>
                                        <span style="display:block;font-size:.75rem;color:var(--dm-text-muted);">Encerra
                                            como cancelado (permanece em Finalizados).</span>
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="mb-3">
                            <label
                                style="font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dm-text-muted);">
                                Motivo <span class="text-danger">*</span>
                            </label>
                            <textarea name="motivo" class="form-control" rows="3" required placeholder="Informe o motivo..."></textarea>
                        </div>
                        <button type="submit" class="saas-btn" style="border-color:#fde047;color:#a16207;"
                            onclick="return confirm('Tem certeza que deseja reverter este chamado?')">
                            <i class="bi bi-arrow-counterclockwise"></i> Confirmar Reversão
                        </button>
                    </form>
                </div>
            </div>
        @endif

        {{-- ── Documentos ── --}}
        @php
            $dataUltimaReprovacao = null;
            if (!empty($registro->historico_reprovacoes)) {
                $ultimaReprovacao = collect($registro->historico_reprovacoes)->last();
                if (!empty($ultimaReprovacao['timestamp'])) {
                    $dataUltimaReprovacao = \Carbon\Carbon::parse($ultimaReprovacao['timestamp']);
                }
            }
            $docsOriginais = collect();
            $docsReenviados = collect();
            if ($dataUltimaReprovacao) {
                foreach ($registro->arquivos as $arq) {
                    if ($arq->created_at->gt($dataUltimaReprovacao)) {
                        $docsReenviados->push($arq);
                    } else {
                        $docsOriginais->push($arq);
                    }
                }
            } else {
                $docsOriginais = $registro->arquivos ?? collect();
            }
        @endphp

        {{-- Documentos Reenviados --}}
        @if ($docsReenviados->isNotEmpty())
            <div class="show-section mb-3">
                <div class="show-section-header collapsible-trigger is-collapsed" data-target="section-docs-reenviados">
                    <span class="show-section-title"><i class="bi bi-arrow-repeat"></i> Documentos Reenviados
                        ({{ $docsReenviados->count() }})</span>
                    <div style="display:flex;align-items:center;gap:.5rem;">
                        <button type="button" class="saas-btn" id="btn-baixar-reenviados"
                            style="font-size:.75rem;padding:4px 10px;">
                            <i class="bi bi-download"></i> <span class="btn-label">Baixar todos</span>
                        </button>
                        <button class="collapse-toggle is-collapsed" type="button" aria-label="Recolher"><i
                                class="bi bi-chevron-down"></i></button>
                    </div>
                </div>
                <div class="show-section-body collapsible is-collapsed p-0" id="section-docs-reenviados">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0 table-docs" style="font-size:.82rem;">
                            <thead>
                                <tr>
                                    <th width="40">#</th>
                                    <th>Tipo</th>
                                    <th class="col-arquivo">Arquivo</th>
                                    <th width="90" class="col-tamanho">Tamanho</th>
                                    <th width="130" class="col-data">Enviado em</th>
                                    <th width="100" class="text-center">Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($docsReenviados as $i => $arq)
                                    <tr>
                                        <td>{{ $i + 1 }}</td>
                                        <td>{{ ucfirst(str_replace('_', ' ', $arq->tipo_documento)) }}</td>
                                        <td class="col-arquivo">{{ $arq->original_name }}</td>
                                        <td class="col-tamanho">
                                            {{ $arq->size ? number_format($arq->size / 1024, 1) . ' KB' : '-' }}</td>
                                        <td class="col-data">{{ $arq->created_at->format('d/m/Y H:i') }}</td>
                                        <td class="text-center">
                                            <div class="doc-actions">
                                                <button type="button" class="btn-doc-action view btn-visualizar"
                                                    data-arquivo-nome="{{ $arq->original_name }}"
                                                    data-arquivo-url="{{ route('admin.rh.pre_contratacoes.visualizar_arquivo', [$registro->id, $arq->id]) }}"
                                                    title="Visualizar">
                                                    <i class="bi bi-eye"></i>
                                                </button>
                                                <a href="{{ route('admin.rh.pre_contratacoes.download_arquivo', [$registro->id, $arq->id]) }}"
                                                    class="btn-doc-action download" data-download-reenvio="1"
                                                    title="Baixar">
                                                    <i class="bi bi-download"></i>
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        @endif

        {{-- Documentos Originais --}}
        @if ($docsOriginais->isNotEmpty())
            <div class="show-section mb-3">
                <div class="show-section-header collapsible-trigger is-collapsed" data-target="section-docs-originais">
                    <span class="show-section-title"><i class="bi bi-file-earmark-text"></i> Documentos Enviados
                        ({{ $docsOriginais->count() }})</span>
                    <div style="display:flex;align-items:center;gap:.5rem;">
                        <button type="button" class="saas-btn" id="btn-baixar-todos"
                            style="font-size:.75rem;padding:4px 10px;">
                            <i class="bi bi-download"></i> <span class="btn-label">Baixar todos</span>
                        </button>
                        <button class="collapse-toggle is-collapsed" type="button" aria-label="Recolher"><i
                                class="bi bi-chevron-down"></i></button>
                    </div>
                </div>
                <div class="show-section-body collapsible is-collapsed p-0" id="section-docs-originais">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0 table-docs" style="font-size:.82rem;">
                            <thead>
                                <tr>
                                    <th>Tipo</th>
                                    <th class="col-arquivo">Arquivo</th>
                                    <th width="90" class="col-tamanho">Tamanho</th>
                                    <th width="130" class="col-data">Enviado em</th>
                                    <th width="100" class="text-center">Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($docsOriginais as $arq)
                                    <tr>
                                        <td>{{ ucfirst(str_replace('_', ' ', $arq->tipo_documento)) }}</td>
                                        <td class="col-arquivo">{{ $arq->original_name }}</td>
                                        <td class="col-tamanho">
                                            {{ $arq->size ? number_format($arq->size / 1024, 1) . ' KB' : '-' }}</td>
                                        <td class="col-data">{{ $arq->created_at->format('d/m/Y H:i') }}</td>
                                        <td class="text-center">
                                            <div class="doc-actions">
                                                <button type="button" class="btn-doc-action view btn-visualizar"
                                                    data-arquivo-nome="{{ $arq->original_name }}"
                                                    data-arquivo-url="{{ route('admin.rh.pre_contratacoes.visualizar_arquivo', [$registro->id, $arq->id]) }}"
                                                    title="Visualizar">
                                                    <i class="bi bi-eye"></i>
                                                </button>
                                                <a href="{{ route('admin.rh.pre_contratacoes.download_arquivo', [$registro->id, $arq->id]) }}"
                                                    class="btn-doc-action download" data-download-arquivo="1"
                                                    title="Baixar">
                                                    <i class="bi bi-download"></i>
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        @endif

        @if ($docsOriginais->isEmpty() && $docsReenviados->isEmpty())
            <div class="show-section mb-3">
                <div class="show-section-header">
                    <span class="show-section-title"><i class="bi bi-file-earmark-text"></i> Documentos Enviados</span>
                </div>
                <div class="show-section-body text-center text-muted py-4">
                    <i class="bi bi-inbox" style="font-size:2rem;display:block;margin-bottom:.5rem;"></i>
                    Nenhum documento enviado
                </div>
            </div>
        @endif

    </div>

    {{-- ════════════════════════════════
     MODAIS
════════════════════════════════ --}}

    {{-- Modal Confirmar Malote --}}
    @if ($status === 'aguardando_malote')
        <div class="modal fade" id="modalConfirmarMalote" tabindex="-1">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" style="font-size:.85rem;font-weight:700;">
                            <i class="bi bi-box-seam" style="color:#15803d;"></i> Confirmar Chegada pelo Malote
                        </h5>
                        <button type="button" class="close" data-bs-dismiss="modal" data-dismiss="modal">
                            <span>&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="alert alert-success"
                            style="font-size:.82rem;background:rgba(22,163,74,.08);border-color:#86efac;color:#15803d;">
                            <i class="bi bi-box-seam"></i>
                            Confirme que a documentação de <strong>{{ $registro->nome_candidato }}</strong>
                            chegou pelo malote físico.
                        </div>
                        <p style="font-size:.83rem;color:var(--dm-text-muted);margin:0;">
                            Ao confirmar, o chamado será finalizado e o processo de contratação encerrado.
                        </p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="saas-btn" data-bs-dismiss="modal"
                            data-dismiss="modal">Cancelar</button>
                        <button type="button" class="saas-btn" style="border-color:#86efac;color:#15803d;"
                            onclick="document.getElementById('formConfirmarMalote').submit()">
                            <i class="bi bi-check-circle-fill"></i> Confirmar Chegada
                        </button>
                    </div>
                </div>
            </div>
        </div>
    @endif

    {{-- Modal Aprovar --}}
    @if (in_array($status, ['pendente', 'pendente_reenvio']))
        <div class="modal fade" id="modalAprovar" tabindex="-1">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" style="font-size:.85rem;font-weight:700;">
                            <i class="bi bi-check-circle-fill" style="color:#16a34a;"></i> Aprovar Contratação
                        </h5>
                        <button type="button" class="close" data-bs-dismiss="modal" data-dismiss="modal">
                            <span>&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="alert alert-success"
                            style="font-size:.82rem;background:rgba(22,163,74,.08);border-color:#86efac;color:#15803d;">
                            <i class="bi bi-person-check-fill"></i>
                            Você está aprovando a contratação de <strong>{{ $registro->nome_candidato }}</strong>.
                        </div>
                        <p style="font-size:.83rem;color:var(--dm-text-muted);margin:0;">
                            Após a aprovação, o RH poderá solicitar a assinatura dos documentos ao candidato.
                        </p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="saas-btn" data-bs-dismiss="modal"
                            data-dismiss="modal">Cancelar</button>
                        <button type="button" class="saas-btn" style="border-color:#86efac;color:#15803d;"
                            onclick="document.getElementById('formAprovar').submit()">
                            <i class="bi bi-check-circle-fill"></i> Confirmar Aprovação
                        </button>
                    </div>
                </div>
            </div>
        </div>
    @endif

    {{-- Modal Solicitar Assinatura --}}
    @if ($status === 'aprovado')
        <div class="modal fade" id="modalSolicitarAssinatura" tabindex="-1">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" style="font-size:.85rem;font-weight:700;">
                            <i class="bi bi-file-earmark-text" style="color:#a16207;"></i> Solicitar Assinatura
                        </h5>
                        <button type="button" class="close" data-bs-dismiss="modal" data-dismiss="modal">
                            <span>&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="alert alert-warning" style="font-size:.82rem;">
                            <i class="bi bi-envelope-fill"></i>
                            Um e-mail será enviado a <strong>{{ $registro->nome_candidato }}</strong> solicitando a
                            assinatura dos documentos.
                        </div>
                        <p style="font-size:.83rem;color:var(--dm-text-muted);margin:0;">
                            O candidato receberá as instruções e deverá retornar o documento assinado.
                        </p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="saas-btn" data-bs-dismiss="modal"
                            data-dismiss="modal">Cancelar</button>
                        <button type="button" class="saas-btn" style="border-color:#fde047;color:#a16207;"
                            onclick="document.getElementById('formSolicitarAssinatura').submit()">
                            <i class="bi bi-send"></i> Enviar Solicitação
                        </button>
                    </div>
                </div>
            </div>
        </div>
    @endif

    {{-- Modal Reprovar --}}
    <div class="modal fade" id="modalReprovar" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <form method="POST" action="{{ route('admin.rh.pre_contratacoes.reprovar', $registro->id) }}">
                @csrf
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" style="font-size:.85rem;font-weight:700;">
                            <i class="bi bi-x-circle-fill" style="color:#b91c1c;"></i> Reprovar Contratação
                        </h5>
                        <button type="button" class="close" data-bs-dismiss="modal" data-dismiss="modal">
                            <span>&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="alert"
                            style="font-size:.82rem;background:rgba(185,28,28,.08);border-color:#fca5a5;color:#b91c1c;">
                            <i class="bi bi-person-x-fill"></i>
                            Você está reprovando a contratação de <strong>{{ $registro->nome_candidato }}</strong>.
                        </div>
                        <div class="mb-0">
                            <label
                                style="font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dm-text-muted);">
                                Motivo da reprovação <span class="text-danger">*</span>
                            </label>
                            <textarea name="motivo_reprovacao" class="form-control" rows="4" required placeholder="Descreva o motivo..."></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="saas-btn" data-bs-dismiss="modal"
                            data-dismiss="modal">Cancelar</button>
                        <button type="submit" class="saas-btn" style="border-color:#fca5a5;color:#b91c1c;">
                            <i class="bi bi-x-circle-fill"></i> Confirmar Reprovação
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    {{-- Modal Cancelar --}}
    @if (!in_array($status, ['finalizado', 'cancelado']))
        <div class="modal fade" id="modalCancelar" tabindex="-1">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <form action="{{ route('admin.rh.pre_contratacoes.cancelar', $registro->id) }}" method="POST">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title" style="font-size:.85rem;font-weight:700;">
                                <i class="bi bi-slash-circle-fill" style="color:var(--dm-text-muted);"></i> Cancelar
                                Contratação
                            </h5>
                            <button type="button" class="close" data-dismiss="modal" data-bs-dismiss="modal">
                                <span>&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="alert"
                                style="font-size:.82rem;background:rgba(100,100,120,.08);border-color:var(--dm-nav-border);color:var(--dm-text-muted);">
                                <i class="bi bi-exclamation-circle-fill"></i>
                                Esta ação irá encerrar definitivamente o chamado de
                                <strong>{{ $registro->nome_candidato }}</strong>.
                            </div>
                            <div class="mb-0">
                                <label
                                    style="font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dm-text-muted);">
                                    Motivo do cancelamento <span class="text-danger">*</span>
                                </label>
                                <textarea name="motivo" class="form-control" rows="3" required
                                    placeholder="Ex: Candidato desistiu, vaga suspensa..."></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="saas-btn" data-dismiss="modal"
                                data-bs-dismiss="modal">Voltar</button>
                            <button type="submit" class="saas-btn"
                                style="border-color:var(--dm-nav-border);color:var(--dm-text-muted);">
                                <i class="bi bi-slash-circle-fill"></i> Confirmar Cancelamento
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif

    {{-- Modal Reprovar Assinatura --}}
    @if ($status === 'assinatura_recebida')
        <div class="modal fade" id="modalReprovarAssinatura" tabindex="-1">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <form action="{{ route('admin.rh.pre_contratacoes.reprovar_assinatura', $registro->id) }}"
                        method="POST">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title" style="font-size:.85rem;font-weight:700;">
                                <i class="bi bi-file-earmark-x-fill" style="color:#b91c1c;"></i> Reprovar Assinatura
                            </h5>
                            <button type="button" class="close" data-dismiss="modal" data-bs-dismiss="modal">
                                <span>&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="alert"
                                style="font-size:.82rem;background:rgba(185,28,28,.08);border-color:#fca5a5;color:#b91c1c;">
                                <i class="bi bi-file-earmark-x-fill"></i>
                                O candidato receberá o motivo e deverá enviar o documento assinado novamente.
                            </div>
                            <div class="mb-0">
                                <label
                                    style="font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dm-text-muted);">
                                    Motivo da reprovação <span class="text-danger">*</span>
                                </label>
                                <textarea name="motivo" class="form-control" rows="4" required
                                    placeholder="Ex: Assinatura não está legível, documento não foi assinado, etc."></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="saas-btn" data-dismiss="modal"
                                data-bs-dismiss="modal">Cancelar</button>
                            <button type="submit" class="saas-btn" style="border-color:#fca5a5;color:#b91c1c;">
                                <i class="bi bi-x-circle-fill"></i> Confirmar Reprovação
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif

    {{-- Modal Visualizador de Arquivo --}}
    <div class="modal fade" id="modalVisualizarArquivo" tabindex="-1">
        <div class="modal-dialog modal-visualizador">
            <div class="modal-content">
                <div class="modal-header" style="padding:.6rem 1rem;">
                    <h5 class="modal-title"
                        style="font-size:.82rem;font-weight:700;display:flex;align-items:center;gap:.4rem;">
                        <i class="bi bi-file-earmark-text"></i>
                        <span id="modal-arquivo-nome">Visualizar Arquivo</span>
                    </h5>
                    <div style="display:flex;align-items:center;gap:.4rem;">
                        <button type="button" class="saas-btn" id="btn-zoom-toggle"
                            style="font-size:.75rem;padding:4px 10px;">
                            <i class="bi bi-zoom-in"></i>
                            <span class="zoom-label">100%</span>
                        </button>
                        <button type="button" class="saas-btn" data-bs-dismiss="modal" data-dismiss="modal"
                            style="padding:4px 8px;">
                            <i class="bi bi-x-lg"></i>
                        </button>
                    </div>
                </div>
                <div class="modal-body p-0">
                    <div id="visualizador-wrapper">
                        <div class="zoom-indicator"><i class="bi bi-zoom-in"></i> <span class="zoom-level">100%</span>
                        </div>
                        <div id="visualizador-container"></div>
                    </div>
                </div>
                <div class="modal-footer" style="padding:.5rem 1rem;">
                    <a href="#" id="btn-download-modal" class="saas-btn primary">
                        <i class="bi bi-download"></i> Baixar
                    </a>
                    <button type="button" class="saas-btn" data-bs-dismiss="modal" data-dismiss="modal">Fechar</button>
                </div>
            </div>
        </div>
    </div>

    {{-- ════════════════════════════════
     ESTILOS DA PÁGINA
════════════════════════════════ --}}
    <style>
        /* ── Barra de ações ── */
        .show-action-bar {
            display: flex;
            align-items: center;
            gap: .5rem;
            flex-wrap: wrap;
        }

        .show-action-spacer {
            flex: 1;
        }

        /* ── Seções SaaS ── */
        .show-section {
            background: var(--dm-surface);
            border: 1px solid var(--dm-nav-border);
            border-radius: 10px;
            overflow: hidden;
            box-shadow: var(--dm-card-shadow);
        }

        .show-section-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: .6rem 1rem;
            border-bottom: 1px solid var(--dm-nav-border);
            background: var(--dm-surface-2);
        }

        .show-section-header.collapsible-trigger {
            cursor: pointer;
            user-select: none;
        }

        .show-section-title {
            font-size: .72rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .8px;
            color: var(--dm-text-muted);
            display: flex;
            align-items: center;
            gap: .4rem;
        }

        .show-section-body {
            padding: 1rem;
        }

        /* ── Collapse ── */
        .collapse-toggle {
            background: none;
            border: none;
            padding: 0 2px;
            color: var(--dm-text-muted);
            cursor: pointer;
            line-height: 1;
            transition: transform .2s ease;
            flex-shrink: 0;
        }

        .collapse-toggle.is-collapsed {
            transform: rotate(-90deg);
        }

        .show-section-body.collapsible {
            overflow: hidden;
            transition: max-height .28s ease, padding-top .28s ease, padding-bottom .28s ease, opacity .2s ease;
            max-height: 3000px;
            opacity: 1;
        }

        .show-section-body.collapsible.is-collapsed {
            max-height: 0;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            opacity: 0;
        }

        /* remove border-bottom on header when body is collapsed */
        .show-section-header.collapsible-trigger.is-collapsed {
            border-bottom-color: transparent;
        }

        /* ── Foto do candidato (canto superior direito, não empurra os dados) ── */
        .candidato-foto {
            float: left;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 0 1rem .5rem 0;
        }

        .candidato-foto-btn {
            background: none;
            border: none;
            padding: 0;
            cursor: zoom-in;
            line-height: 0;
        }

        .candidato-foto-img,
        .candidato-foto-placeholder {
            width: 96px;
            height: 128px;
            border-radius: 6px;
            border: 2px solid var(--dm-nav-border);
        }

        .candidato-foto-img {
            object-fit: cover;
            display: block;
        }

        .candidato-foto-placeholder {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: .3rem;
            padding: .25rem;
            background: var(--dm-nav-border);
            color: var(--dm-text-muted);
            text-align: center;
        }

        .candidato-foto-placeholder i {
            font-size: 1.5rem;
        }

        .candidato-foto-placeholder small {
            font-size: .56rem;
            line-height: 1.15;
            text-transform: uppercase;
            letter-spacing: .3px;
        }

        /* ── Campos ── */
        .field-row {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            gap: 1rem;
            padding: .45rem 0;
            border-bottom: 1px solid var(--dm-nav-border);
        }

        .field-row:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

        .field-label {
            font-size: .72rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: .5px;
            color: var(--dm-text-muted);
            white-space: nowrap;
            flex-shrink: 0;
        }

        .field-value {
            font-size: .85rem;
            font-weight: 500;
            color: var(--dm-text);
            text-align: right;
        }

        /* ── Docs grid ── */
        .docs-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            gap: .5rem;
        }

        /* ── Visualizador fullscreen ── */
        .modal-dialog.modal-visualizador {
            max-width: 100%;
            width: 100%;
            height: 100%;
            margin: 0;
        }

        .modal-dialog.modal-visualizador .modal-content {
            height: 100%;
            border: none;
            border-radius: 0;
        }

        .modal-dialog.modal-visualizador .modal-body {
            flex: 1;
            overflow: hidden;
        }

        #visualizador-wrapper {
            position: relative;
            overflow: auto;
            height: calc(100vh - 110px);
            background: var(--dm-bg);
            cursor: default;
        }

        #visualizador-container {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 100%;
            transition: transform .15s ease-out;
            transform-origin: top left;
        }

        #visualizador-wrapper.zoom-active {
            cursor: grab;
        }

        #visualizador-wrapper.zoom-active:active {
            cursor: grabbing;
        }

        #visualizador-container img {
            max-width: 100%;
            max-height: 500px;
            width: auto;
            height: auto;
            object-fit: contain;
            border: none;
            display: block;
            margin: 0 auto;
            transition: all .15s ease-out;
            user-select: none;
            -webkit-user-drag: none;
        }

        #visualizador-wrapper.zoom-active #visualizador-container img {
            max-width: none;
            max-height: none;
        }

        #visualizador-container iframe,
        #visualizador-container embed {
            width: 100%;
            height: calc(100vh - 110px);
            border: none;
            display: block;
        }

        .zoom-indicator {
            position: absolute;
            top: 10px;
            left: 10px;
            background: rgba(77, 124, 245, .9);
            color: white;
            padding: 4px 10px;
            border-radius: 6px;
            font-size: .72rem;
            font-weight: 600;
            z-index: 10;
            display: none;
            align-items: center;
            gap: .4rem;
        }

        #visualizador-wrapper.zoom-active .zoom-indicator {
            display: flex;
        }

        /* ── Botões de ação em tabelas de documentos ── */
        .doc-actions {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: .3rem;
        }

        .btn-doc-action {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 30px;
            height: 30px;
            border-radius: 7px;
            border: 1px solid var(--dm-nav-border);
            background: var(--dm-surface);
            color: var(--dm-text-muted);
            font-size: .8rem;
            cursor: pointer;
            transition: border-color .15s ease, color .15s ease, background .15s ease;
            text-decoration: none;
            flex-shrink: 0;
        }

        .btn-doc-action.view:hover {
            border-color: rgba(96, 165, 250, .6);
            color: #60a5fa;
            background: rgba(59, 130, 246, .07);
        }

        .btn-doc-action.download:hover {
            border-color: rgba(74, 222, 128, .6);
            color: #4ade80;
            background: rgba(34, 197, 94, .07);
        }

        /* ── Tabelas SaaS ── */
        .show-section .table thead th {
            font-size: .68rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .6px;
            color: var(--dm-text-muted);
            background: var(--dm-surface-2);
            border-color: var(--dm-nav-border);
        }

        .show-section .table td {
            color: var(--dm-text);
            border-color: var(--dm-nav-border);
        }

        .show-section .table-hover tbody tr:hover {
            background: var(--dm-surface-2);
        }

        /* ── Responsivo ── */
        @media (max-width: 767px) {

            /* Esconde colunas secundárias nas tabelas de docs */
            .table-docs .col-arquivo,
            .table-docs .col-tamanho {
                display: none;
            }

            /* Barra de ações: badges e botões menores */
            .show-action-bar .saas-btn {
                font-size: .75rem;
                padding: 5px 9px;
            }

            .show-action-spacer {
                display: none;
            }

            /* Campos empilhados */
            .field-row {
                flex-direction: column;
                gap: .1rem;
            }

            .field-value {
                text-align: left;
            }

            /* Info strip: scrollável horizontal */
            .conteudo-info-strip {
                flex-wrap: nowrap;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                padding-bottom: .25rem;
            }

            .conteudo-info-chip {
                flex-shrink: 0;
            }

            /* Docs grid 2 colunas */
            .docs-grid {
                grid-template-columns: 1fr 1fr;
            }
        }

        @media (max-width: 480px) {

            /* Tabelas de docs: oculta também a data */
            .table-docs .col-data {
                display: none;
            }

            /* Barra de ações: oculta labels de texto nos botões */
            .show-action-bar .btn-label {
                display: none;
            }

            /* Docs grid 1 coluna */
            .docs-grid {
                grid-template-columns: 1fr;
            }
        }
    </style>

    <script>
        document.addEventListener('DOMContentLoaded', function() {

            // ── Collapse de seções ──
            document.querySelectorAll('.collapsible-trigger').forEach(function(header) {
                header.addEventListener('click', function(e) {
                    if (e.target.closest('#btn-baixar-todos') || e.target.closest(
                            '#btn-baixar-reenviados')) return;

                    const targetId = header.dataset.target;
                    const body = targetId ? document.getElementById(targetId) : null;
                    const btn = header.querySelector('.collapse-toggle');
                    if (!body) return;

                    const collapsed = body.classList.toggle('is-collapsed');
                    if (btn) btn.classList.toggle('is-collapsed', collapsed);
                    header.classList.toggle('is-collapsed', collapsed);
                });
            });

            // ── Download em lote ──
            document.getElementById('btn-baixar-todos')?.addEventListener('click', function() {
                document.querySelectorAll('a[data-download-arquivo="1"]').forEach((link, i) => {
                    setTimeout(() => link.click(), i * 400);
                });
            });
            document.getElementById('btn-baixar-reenviados')?.addEventListener('click', function() {
                document.querySelectorAll('a[data-download-reenvio="1"]').forEach((link, i) => {
                    setTimeout(() => link.click(), i * 400);
                });
            });

            // ── Visualizador com zoom ──
            const modal = document.getElementById('modalVisualizarArquivo');
            const modalNome = document.getElementById('modal-arquivo-nome');
            const wrapper = document.getElementById('visualizador-wrapper');
            const container = document.getElementById('visualizador-container');
            const btnDownload = document.getElementById('btn-download-modal');
            const btnZoom = document.getElementById('btn-zoom-toggle');
            const zoomLabel = btnZoom?.querySelector('.zoom-label');
            const zoomIcon = btnZoom?.querySelector('i');

            const ZOOM_MIN = 100,
                ZOOM_MAX = 300,
                ZOOM_STEP = 25;
            let currentZoom = 100,
                isDragging = false,
                startX, startY, scrollLeft, scrollTop;

            function updateZoomUI() {
                if (zoomLabel) zoomLabel.textContent = currentZoom + '%';
                if (currentZoom > 100) {
                    wrapper?.classList.add('zoom-active');
                    if (zoomIcon) {
                        zoomIcon.className = 'bi bi-zoom-out';
                    }
                } else {
                    wrapper?.classList.remove('zoom-active');
                    if (zoomIcon) {
                        zoomIcon.className = 'bi bi-zoom-in';
                    }
                }
                if (container) container.style.transform = `scale(${currentZoom / 100})`;
            }

            function setZoom(v) {
                currentZoom = Math.min(ZOOM_MAX, Math.max(ZOOM_MIN, v));
                updateZoomUI();
            }

            function zoomIn() {
                setZoom(currentZoom + ZOOM_STEP);
            }

            function zoomOut() {
                setZoom(currentZoom - ZOOM_STEP);
            }

            function resetZoom() {
                currentZoom = 100;
                updateZoomUI();
                if (wrapper) {
                    wrapper.scrollLeft = 0;
                    wrapper.scrollTop = 0;
                }
            }

            function toggleZoom() {
                if (currentZoom === 100) {
                    setZoom(200);
                } else {
                    setZoom(100);
                    if (wrapper) {
                        wrapper.scrollLeft = 0;
                        wrapper.scrollTop = 0;
                    }
                }
            }

            btnZoom?.addEventListener('click', toggleZoom);

            wrapper?.addEventListener('wheel', function(e) {
                e.preventDefault();
                const rect = wrapper.getBoundingClientRect();
                const ratioX = (wrapper.scrollLeft + e.clientX - rect.left) / (wrapper.scrollWidth || 1);
                const ratioY = (wrapper.scrollTop + e.clientY - rect.top) / (wrapper.scrollHeight || 1);
                const prev = currentZoom;
                e.deltaY < 0 ? zoomIn() : zoomOut();
                if (currentZoom !== prev) {
                    requestAnimationFrame(() => {
                        wrapper.scrollLeft = Math.max(0, ratioX * wrapper.scrollWidth - (e.clientX -
                            rect.left));
                        wrapper.scrollTop = Math.max(0, ratioY * wrapper.scrollHeight - (e.clientY -
                            rect.top));
                    });
                }
            }, {
                passive: false
            });

            wrapper?.addEventListener('mousedown', function(e) {
                if (currentZoom <= 100) return;
                isDragging = true;
                wrapper.style.cursor = 'grabbing';
                startX = e.pageX - wrapper.offsetLeft;
                startY = e.pageY - wrapper.offsetTop;
                scrollLeft = wrapper.scrollLeft;
                scrollTop = wrapper.scrollTop;
            });
            wrapper?.addEventListener('mouseleave', () => {
                isDragging = false;
                if (currentZoom > 100) wrapper.style.cursor = 'grab';
            });
            wrapper?.addEventListener('mouseup', () => {
                isDragging = false;
                if (currentZoom > 100) wrapper.style.cursor = 'grab';
            });
            wrapper?.addEventListener('mousemove', function(e) {
                if (!isDragging || currentZoom <= 100) return;
                e.preventDefault();
                wrapper.scrollLeft = scrollLeft - (e.pageX - wrapper.offsetLeft - startX) * 1.5;
                wrapper.scrollTop = scrollTop - (e.pageY - wrapper.offsetTop - startY) * 1.5;
            });
            wrapper?.addEventListener('dblclick', toggleZoom);

            document.addEventListener('keydown', function(e) {
                if (!modal?.classList.contains('show')) return;
                if (e.key === '+' || e.key === '=') {
                    e.preventDefault();
                    zoomIn();
                } else if (e.key === '-') {
                    e.preventDefault();
                    zoomOut();
                } else if (e.key === '0') {
                    e.preventDefault();
                    resetZoom();
                }
            });

            // ── Abrir visualizador ──
            document.querySelectorAll('.btn-visualizar').forEach(function(btn) {
                btn.addEventListener('click', function() {
                    const nome = btn.dataset.arquivoNome;
                    const url = btn.dataset.arquivoUrl;
                    if (modalNome) modalNome.textContent = nome;
                    if (btnDownload) btnDownload.href = url;
                    resetZoom();

                    const ext = nome.split('.').pop().toLowerCase();
                    if (['jpg', 'jpeg', 'png', 'gif', 'webp'].includes(ext)) {
                        container.innerHTML = `<img src="${url}" alt="${nome}">`;
                        if (btnZoom) btnZoom.style.display = 'flex';
                    } else if (ext === 'pdf') {
                        container.innerHTML = `<iframe src="${url}"></iframe>`;
                        if (btnZoom) btnZoom.style.display = 'none';
                    } else if (['doc', 'docx'].includes(ext)) {
                        container.innerHTML =
                            `<iframe src="https://docs.google.com/gview?url=${encodeURIComponent(url)}&embedded=true"></iframe>`;
                        if (btnZoom) btnZoom.style.display = 'flex';
                    } else {
                        container.innerHTML =
                            `<div class="alert alert-info m-4" style="font-size:.83rem;"><i class="bi bi-info-circle"></i> Visualização não disponível. <a href="${url}" class="btn btn-sm btn-primary ml-2"><i class="bi bi-download"></i> Baixar</a></div>`;
                        if (btnZoom) btnZoom.style.display = 'none';
                    }

                    if (typeof bootstrap !== 'undefined' && bootstrap.Modal) {
                        new bootstrap.Modal(modal).show();
                    } else if (typeof $ !== 'undefined') {
                        $(modal).modal('show');
                    }
                });
            });

            if (modal) {
                modal.addEventListener('hidden.bs.modal', resetZoom);
                if (typeof $ !== 'undefined') $(modal).on('hidden.bs.modal', resetZoom);
            }
        });
    </script>
@endsection