@extends('admin.base-chamados')

@section('page_title', 'Pré-Contratações | Admin RH')

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

@section('page-header')
    <h1>
        <i class="bi bi-clipboard-check-fill mr-2" style="font-size:1.1rem;color:#f7b731;"></i>
        Contratações
    </h1>
@endsection

@section('stat-cards') @endsection

@section('toolbar-filters') @endsection

@section('table-rows')
    @php
        $statusAtual      = request('status', '');
        $filialAtual      = request('filial', '');
        $cargoAtual       = request('cargo', '');
        $periodoInicio    = request('data_inicio', '');
        $periodoFim       = request('data_fim', '');
        $busca            = request('busca', '');
        $periodoInicioDisplay = $periodoInicio ? \Carbon\Carbon::parse($periodoInicio)->format('d/m/Y') : '';
        $periodoFimDisplay    = $periodoFim    ? \Carbon\Carbon::parse($periodoFim)->format('d/m/Y')    : '';
    @endphp

    <div class="pagina-contratacoes">

        <p class="text-muted small mb-3">Total: {{ $registros->total() }} registro(s)</p>

        {{-- Abas de Navegação --}}
        <div class="tabs-navigation mb-4">
            <a href="{{ route('admin.rh.pre_contratacoes.index') }}"
               class="tab-item {{ request()->routeIs('admin.rh.pre_contratacoes.index') ? 'active' : '' }}">
                <i class="bi bi-clipboard-check"></i>
                Contratações
                <span class="badge">{{ $countPreContratacoes ?? $registros->total() }}</span>
            </a>
            <a href="{{ route('admin.rh.pre_contratacoes.pre_finalizados') }}"
               class="tab-item {{ request()->routeIs('admin.rh.pre_contratacoes.pre_finalizados') ? 'active' : '' }}">
                <i class="bi bi-file-earmark-text"></i>
                Pré-finalizados
                <span class="badge">{{ $countPreFinalizados ?? 0 }}</span>
            </a>
            <a href="{{ route('admin.rh.pre_contratacoes.finalizados') }}"
               class="tab-item {{ request()->routeIs('admin.rh.pre_contratacoes.finalizados') ? 'active' : '' }}">
                <i class="bi bi-trophy"></i>
                Finalizados
                <span class="badge">{{ $countFinalizados ?? 0 }}</span>
            </a>
        </div>

        {{-- Busca + Filtros --}}
        <div class="search-filter-section mb-4">
            <form method="GET" action="{{ route('admin.rh.pre_contratacoes.index') }}" id="filtrosForm">

                <div class="search-bar">
                    <div class="search-input-wrapper">
                        <i class="bi bi-search search-icon"></i>
                        <input type="text" name="busca" class="form-control search-input"
                            placeholder="Buscar por nome do candidato..." value="{{ $busca }}">
                        @if ($busca)
                            <a href="{{ route('admin.rh.pre_contratacoes.index', request()->except(['busca', 'page'])) }}"
                               class="btn-clear-search" title="Limpar busca">
                                <i class="bi bi-x-circle-fill"></i>
                            </a>
                        @endif
                    </div>
                    <button type="submit" class="btn btn-search">
                        <i class="bi bi-search"></i> 
                    </button>
                </div>

                <div class="filters-container">
                    <div class="filters-header" onclick="toggleFilters()">
                        <span><i class="bi bi-funnel"></i> Filtros Avançados</span>
                        <i class="bi bi-chevron-down toggle-icon"></i>
                    </div>

                    <div class="filters-body" id="filtersBody"
                        style="{{ request()->hasAny(['status', 'filial', 'cargo', 'data_inicio', 'data_fim']) ? '' : 'display:none;' }}">

                        <div class="row mb-3">
                            <div class="col-lg-4 col-md-6 mb-3 mb-lg-0">
                                <label class="form-label filter-label">
                                    <i class="bi bi-circle-fill"></i> Status
                                </label>
                                <select name="status" class="form-control filter-select">
                                    <option value="">Todos os status</option>
                                    <option value="pendentes"  {{ $statusAtual === 'pendentes'  ? 'selected' : '' }}>Pendentes</option>
                                    <option value="aprovados"  {{ $statusAtual === 'aprovados'  ? 'selected' : '' }}>Aprovados</option>
                                    <option value="reprovados" {{ $statusAtual === 'reprovados' ? 'selected' : '' }}>Reprovados</option>
                                </select>
                            </div>
                            <div class="col-lg-4 col-md-6 mb-3 mb-lg-0">
                                <label class="form-label filter-label">
                                    <i class="bi bi-building"></i> Filial
                                </label>
                                <select name="filial" class="form-control filter-select">
                                    <option value="">Todas as filiais</option>
                                    @foreach ($filiais as $fid => $nome)
                                        <option value="{{ $fid }}" {{ $filialAtual == $fid ? 'selected' : '' }}>
                                            {{ $nome }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-lg-4 col-md-6">
                                <label class="form-label filter-label">
                                    <i class="bi bi-briefcase"></i> Cargo
                                </label>
                                <select name="cargo" class="form-control filter-select">
                                    <option value="">Todos os cargos</option>
                                    <option value="ajudante_motorista"    {{ $cargoAtual === 'ajudante_motorista'    ? 'selected' : '' }}>Ajudante Motorista</option>
                                    <option value="auxiliar_deposito"     {{ $cargoAtual === 'auxiliar_deposito'     ? 'selected' : '' }}>Auxiliar Depósito</option>
                                    <option value="motorista_c"           {{ $cargoAtual === 'motorista_c'           ? 'selected' : '' }}>Motorista C</option>
                                    <option value="operador_empilhadeira" {{ $cargoAtual === 'operador_empilhadeira' ? 'selected' : '' }}>Operador Empilhadeira</option>
                                </select>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-12">
                                <label class="form-label filter-label">
                                    <i class="bi bi-calendar-range"></i> Período de Envio
                                </label>
                                <div class="periodo-wrapper">
                                    <input type="text"   name="data_inicio_display" id="periodo_inicio_display"
                                           class="form-control filter-date date-input-br"
                                           value="{{ $periodoInicioDisplay }}" placeholder="dd/mm/aaaa" autocomplete="off" maxlength="10">
                                    <input type="hidden" name="data_inicio" id="periodo_inicio" value="{{ $periodoInicio }}">
                                    <span class="periodo-separator">até</span>
                                    <input type="text"   name="data_fim_display" id="periodo_fim_display"
                                           class="form-control filter-date date-input-br"
                                           value="{{ $periodoFimDisplay }}" placeholder="dd/mm/aaaa" autocomplete="off" maxlength="10">
                                    <input type="hidden" name="data_fim" id="periodo_fim" value="{{ $periodoFim }}">
                                </div>
                                <div class="periodo-erros">
                                    <span class="date-feedback" id="erro-periodo-inicio"></span>
                                    <span class="date-feedback" id="erro-periodo-fim"></span>
                                </div>
                            </div>
                        </div>

                        <div class="filters-actions mt-3">
                            <button type="submit" class="saas-btn">
                                <i class="bi bi-check-circle"></i> Aplicar Filtros
                            </button>
                            @if (request()->hasAny(['status', 'filial', 'cargo', 'data_inicio', 'data_fim', 'busca']))
                                <a href="{{ route('admin.rh.pre_contratacoes.index') }}" class="btn btn-clear-filters">
                                    <i class="bi bi-x-circle"></i> Limpar Filtros
                                </a>
                            @endif
                        </div>
                    </div>
                </div>
            </form>
        </div>

        {{-- Filtros Ativos --}}
        @if (request()->hasAny(['status', 'filial', 'cargo', 'data_inicio', 'data_fim', 'busca']))
            <div class="active-filters mb-3">
                <span class="active-filters-label">Filtros ativos:</span>

                @if ($busca)
                    <span class="filter-tag">
                        Busca: "{{ $busca }}"
                        <a href="{{ route('admin.rh.pre_contratacoes.index', request()->except(['busca', 'page'])) }}"><i class="bi bi-x"></i></a>
                    </span>
                @endif
                @if ($statusAtual)
                    <span class="filter-tag">
                        Status: {{ ucfirst($statusAtual) }}
                        <a href="{{ route('admin.rh.pre_contratacoes.index', request()->except(['status', 'page'])) }}"><i class="bi bi-x"></i></a>
                    </span>
                @endif
                @if ($filialAtual)
                    @if ($filiais->has($filialAtual))
                        <span class="filter-tag">
                            Filial: {{ $filiais->get($filialAtual) }}
                            <a href="{{ route('admin.rh.pre_contratacoes.index', request()->except(['filial', 'page'])) }}"><i class="bi bi-x"></i></a>
                        </span>
                    @endif
                @endif
                @if ($cargoAtual)
                    <span class="filter-tag">
                        Cargo: {{ str_replace('_', ' ', ucwords($cargoAtual, '_')) }}
                        <a href="{{ route('admin.rh.pre_contratacoes.index', request()->except(['cargo', 'page'])) }}"><i class="bi bi-x"></i></a>
                    </span>
                @endif
                @if ($periodoInicio || $periodoFim)
                    <span class="filter-tag">
                        Período: {{ $periodoInicioDisplay ?: '...' }} até {{ $periodoFimDisplay ?: '...' }}
                        <a href="{{ route('admin.rh.pre_contratacoes.index', request()->except(['data_inicio', 'data_fim', 'page'])) }}"><i class="bi bi-x"></i></a>
                    </span>
                @endif
            </div>
        @endif

        @if ($registros->isEmpty())
            <div class="empty-state">
                <i class="bi bi-inbox"></i>
                <h3>Nenhum resultado encontrado</h3>
                <p>Tente ajustar os filtros ou <a href="{{ route('admin.rh.pre_contratacoes.index') }}">limpar todos os filtros</a>.</p>
            </div>
        @else
            @foreach ($registros as $registro)
                @php
                    $status       = $registro->status ?? ($registro->payload['status'] ?? 'pendente');
                    $isNovo       = $registro->created_at->diffInHours(now()) < 24 && in_array($status, ['pendente', 'pendente_reenvio']);
                    $docsRenviados = $registro->payload['docs_reenviados'] ?? [];
                    $qtdRenviados  = count($docsRenviados);
                @endphp

                <div class="precontratacao-card {{ $isNovo ? 'card-novo' : '' }} mb-3"
                     data-href="{{ route('admin.rh.pre_contratacoes.show', $registro->id) }}"
                     style="cursor:pointer;">
                    <div class="card-col card-id">
                        <span class="id-badge">#{{ $registro->id }}</span>
                        @if ($isNovo)
                            <span class="badge-novo">NOVO</span>
                        @endif
                    </div>

                    <div class="card-col card-info">
                        <a href="{{ route('admin.rh.pre_contratacoes.show', $registro->id) }}" class="card-title">
                            {{ $registro->nome_candidato }}
                        </a>
                        <div class="card-meta">
                            <span><i class="bi bi-briefcase"></i> {{ $registro->cargo_formatado }}</span>
                            <span><i class="bi bi-building"></i> {{ optional($registro->filial)->comment ?? '-' }}</span>
                        </div>
                    </div>

                    <div class="card-col card-doc-reenviado">
                        @if ($qtdRenviados > 0 && $status === 'pendente')
                            <span class="badge-doc-reenviado">
                                <i class="bi bi-file-earmark-check"></i> Documento reenviado ({{ $qtdRenviados }})
                            </span>
                        @endif
                    </div>

                    <div class="card-col card-status">
                        @if ($status === 'pendente')
                            <span class="status-badge status-pendente"><i class="bi bi-clock"></i> Pendente</span>
                        @elseif ($status === 'pendente_reenvio')
                            <span class="status-badge status-pendente-reenvio"><i class="bi bi-arrow-clockwise"></i> Aguardando Retorno</span>
                        @elseif ($status === 'aprovado')
                            <span class="status-badge status-aprovado"><i class="bi bi-check-circle"></i> Aprovado</span>
                        @elseif ($status === 'reprovado')
                            <span class="status-badge status-reprovado"><i class="bi bi-x-circle"></i> Reprovado</span>
                        @elseif ($status === 'aguardando_assinatura_usuario')
                            <span class="status-badge status-aguardando-assinatura"><i class="bi bi-pen"></i> Assinatura Pendente</span>
                        @elseif ($status === 'aguardando_documento_rh')
                            <span class="status-badge status-aguardando-doc-rh"><i class="bi bi-hourglass-split"></i> RH Preparando Doc.</span>
                        @elseif ($status === 'assinatura_recebida')
                            <span class="status-badge status-assinatura-recebida"><i class="bi bi-check-circle-fill"></i> Assinatura Enviada</span>
                        @elseif ($status === 'aguardando_malote')
                            <span class="status-badge status-aguardando-assinatura"><i class="bi bi-box-seam"></i> Aguardando Malote</span>
                        @elseif ($status === 'cancelado')
                            <span class="status-badge status-cancelado"><i class="bi bi-slash-circle-fill"></i> Cancelado</span>
                        @endif
                    </div>

                    <div class="card-col card-date">
                        <div class="date-info">
                            <strong>{{ optional($registro->data_admissao_prevista)->format('d/m/Y') ?? '-' }}</strong>
                            <small>Admissão</small>
                        </div>
                    </div>

                </div>
            @endforeach

            <div class="mt-4">
                {{ $registros->appends(request()->query())->links() }}
            </div>
        @endif

    </div>
@endsection

@section('scripts-extra')
    document.getElementById('filtro-main-drop').style.display = 'none';

    window.toggleFilters = function() {
        const body = document.getElementById('filtersBody');
        const icon = document.querySelector('.toggle-icon');
        if (body.style.display === 'none') {
            body.style.display = 'block';
            icon.style.transform = 'rotate(180deg)';
        } else {
            body.style.display = 'none';
            icon.style.transform = 'rotate(0deg)';
        }
    };

    function validarDataBR(valor) {
        if (!valor || valor.trim() === '') return { valido: true, motivo: '' };
        if (valor.length !== 10)           return { valido: false, motivo: 'Formato inválido. Use dd/mm/aaaa.' };
        const p = valor.split('/');
        if (p.length !== 3) return { valido: false, motivo: 'Formato inválido. Use dd/mm/aaaa.' };
        const dia = +p[0], mes = +p[1], ano = +p[2], anoAtual = new Date().getFullYear();
        if (isNaN(dia) || isNaN(mes) || isNaN(ano)) return { valido: false, motivo: 'Data inválida.' };
        if (mes < 1 || mes > 12)  return { valido: false, motivo: 'Mês inválido (01 a 12).' };
        if (dia < 1 || dia > 31)  return { valido: false, motivo: 'Dia inválido (01 a 31).' };
        if (ano < 2000 || ano > anoAtual) return { valido: false, motivo: 'Ano inválido (2000 a ' + anoAtual + ').' };
        const d = new Date(ano, mes - 1, dia);
        if (d.getFullYear() !== ano || d.getMonth() !== mes - 1 || d.getDate() !== dia)
            return { valido: false, motivo: 'Esta data não existe.' };
        return { valido: true, motivo: '' };
    }

    function aplicarValidacaoData(input) {
        const feedbackId = input.id === 'periodo_inicio_display' ? 'erro-periodo-inicio' : 'erro-periodo-fim';
        const fb = document.getElementById(feedbackId);
        const r  = validarDataBR(input.value);
        if (!r.valido) {
            input.classList.add('erro-validacao');
            if (fb) { fb.textContent = r.motivo; fb.style.display = 'block'; }
            return false;
        }
        input.classList.remove('erro-validacao');
        if (fb) { fb.textContent = ''; fb.style.display = 'none'; }
        return true;
    }

    document.addEventListener('DOMContentLoaded', function () {
        document.querySelectorAll('.precontratacao-card[data-href]').forEach(function (card) {
            card.addEventListener('click', function (e) {
                if (e.target.closest('a, button')) return;
                window.location.href = card.dataset.href;
            });
        });

        const searchInput = document.querySelector('input[name="busca"]');
        if (searchInput) {
            let searchTimer = null;
            searchInput.addEventListener('input', function () {
                clearTimeout(searchTimer);
                const len = this.value.trim().length;
                if (len >= 3 || len === 0) {
                    searchTimer = setTimeout(function () {
                        document.getElementById('filtrosForm').submit();
                    }, 400);
                }
            });
        }

        document.querySelectorAll('.date-input-br').forEach(function (input) {
            input.addEventListener('input', function () {
                let v = this.value.replace(/\D/g, '');
                if (v.length >= 2) v = v.substring(0, 2) + '/' + v.substring(2);
                if (v.length >= 5) v = v.substring(0, 5) + '/' + v.substring(5, 9);
                this.value = v;
            });
            input.addEventListener('blur', function () { aplicarValidacaoData(this); });
        });

        const form = document.getElementById('filtrosForm');
        if (form) {
            form.addEventListener('submit', function (e) {
                const ini = document.getElementById('periodo_inicio_display');
                const fim = document.getElementById('periodo_fim_display');
                if (!aplicarValidacaoData(ini) || !aplicarValidacaoData(fim)) {
                    e.preventDefault(); e.stopPropagation();
                    alert('Por favor, corrija as datas inválidas.');
                    return false;
                }
                const parse = (v, id) => {
                    if (v && v.length === 10) {
                        const p = v.split('/');
                        document.getElementById(id).value = `${p[2]}-${p[1]}-${p[0]}`;
                    }
                };
                parse(ini.value.trim(), 'periodo_inicio');
                parse(fim.value.trim(), 'periodo_fim');
            });
        }
    });
@endsection