@extends('layouts.app')

@section('title', 'Candidatos da vaga - Banco de Talentos')
@section('meta_description', 'Visualize os candidatos inscritos na vaga.')

@section('content')

<section class="page-perfil-layout py-5 pt-5">
    <div class="container mt-4">

        @include('pages.partials.perfil-empresa-topbar', ['empresa' => $empresa ?? []])

        <div class="card border page-perfil-layout__card-content">
            <div class="card-body p-5 mt-4">
                <header class="candidatos-vaga-toolbar d-flex flex-wrap align-items-center justify-content-between gap-3">
                    <div class="candidatos-vaga-toolbar__intro">
                        <a href="{{ isset($job) ? route('talent-bank.company.dashboard') : route('home') }}"
                            class="candidatos-vaga-back link-purple d-inline-flex align-items-center gap-1 text-decoration-none">
                            <i class="bi bi-arrow-left" aria-hidden="true"></i>
                            <span>Painel da empresa</span>
                        </a>
                        <h5 class="fw-bold mb-0 mt-2 page-perfil-layout__section-title candidatos-vaga-titulo">
                            Candidatos
                            <span class="candidatos-vaga-toolbar__count text-muted fw-normal">({{ $totalCandidatos }})</span>
                        </h5>
                    </div>
                    @isset($job)
                        <a href="{{ route('talent-bank.company.jobs.applicants', ['job' => $job->id, 'export' => 'csv']) }}"
                            class="btn btn-outline-primary btn-sm flex-shrink-0">
                            Exportar CSV
                        </a>
                    @endisset
                </header>

                @php
                    use App\Support\TalentBank\JobApplicationStatus;
                    $statusBadgeStyles = [
                        JobApplicationStatus::ENROLLED => 'bg-manus-light-purple text-manus-dark-purple',
                        JobApplicationStatus::PENDING => 'bg-warning text-dark',
                        JobApplicationStatus::VIEWED => 'bg-info text-dark',
                        JobApplicationStatus::INTERVIEW => 'bg-primary',
                        JobApplicationStatus::APPROVED => 'bg-success',
                        JobApplicationStatus::REJECTED => 'bg-secondary',
                        JobApplicationStatus::CANCELLED => 'bg-dark',
                        JobApplicationStatus::CLOSED => 'bg-secondary',
                    ];
                    $statusLabels = [];
                    foreach (JobApplicationStatus::labels() as $val => $label) {
                        $statusLabels[$val] = [
                            'label' => $label,
                            'badge' => $statusBadgeStyles[$val] ?? 'bg-secondary',
                        ];
                    }
                @endphp

                @forelse(($candidatos ?? collect()) as $candidato)
                    @php
                        $pivotStatus = $candidato->pivot->status ?? JobApplicationStatus::ENROLLED;
                        $badgeInfo   = $statusLabels[$pivotStatus] ?? $statusLabels[JobApplicationStatus::ENROLLED];
                        $modalId     = 'curriculo-modal-' . $candidato->id;
                        $statusUrl   = route('talent-bank.company.jobs.applicants.status', ['job' => $job->id, 'candidate' => $candidato->id]);
                    @endphp
                    <div class="candidatos-vaga-item d-flex align-items-start justify-content-between flex-wrap gap-3 border-bottom pb-3 mb-3">
                        <div class="d-flex align-items-center gap-3 flex-grow-1">
                            <div class="rounded-circle d-flex align-items-center justify-content-center flex-shrink-0 page-perfil-layout__icon-circle--sm page-perfil-layout__icon-circle--purple">
                                <i class="bi bi-person"></i>
                            </div>
                            <div>
                                <div class="d-flex align-items-center gap-2 flex-wrap">
                                    <strong class="text-dark candidatos-vaga-name">{{ $candidato->name }}</strong>
                                    <button type="button"
                                        class="curriculo-trigger curriculo-btn d-inline-flex align-items-center gap-1"
                                        data-bs-toggle="modal"
                                        data-bs-target="#{{ $modalId }}"
                                        data-status-url="{{ $statusUrl }}"
                                        data-current-status="{{ $pivotStatus }}"
                                        data-csrf="{{ csrf_token() }}"
                                        title="Ver currículo completo">
                                        <i class="bi bi-eye" aria-hidden="true"></i>
                                        <span>Ver currículo</span>
                                    </button>
                                </div>
                                <span class="text-muted d-block small">{{ $candidato->email ?: '-' }}</span>
                                <span class="text-muted d-block small">{{ $candidato->cellphone ?? $candidato->telephone ?? '-' }}</span>
                                <span class="text-muted d-block small">
                                    {{ optional($candidato->occupation)->name ?? 'Sem ocupação' }}
                                    · {{ optional($candidato->neighbourhood)->name ?? 'Sem bairro' }}
                                </span>
                                @if (!empty($candidato->cv_summary))
                                    <span class="text-muted d-block small">
                                        {{ \Illuminate\Support\Str::limit(strip_tags($candidato->cv_summary), 130) }}
                                    </span>
                                @endif
                                <span class="text-muted candidatos-vaga-date">
                                    Candidatura em {{ !empty(data_get($candidato, 'pivot.created_at')) ? \Illuminate\Support\Carbon::parse(data_get($candidato, 'pivot.created_at'))->format('d/m/Y') : '-' }}
                                </span>
                                <span class="badge {{ $badgeInfo['badge'] }} mt-1" id="badge-{{ $candidato->id }}">{{ $badgeInfo['label'] }}</span>
                            </div>
                        </div>

                        <div class="d-flex flex-column align-items-end gap-2 flex-shrink-0">
                            <a href="mailto:{{ $candidato->email }}" class="text-decoration-none fw-semibold link-purple small">
                                <i class="bi bi-envelope me-1"></i>Contatar
                            </a>
                            <form method="POST"
                                  action="{{ $statusUrl }}"
                                  class="d-flex align-items-center gap-1">
                                @csrf
                                @method('PATCH')
                                <select name="status" class="form-select form-select-sm candidatos-vaga-status-select"
                                        onchange="this.form.submit()">
                                    @foreach($statusLabels as $val => $info)
                                        <option value="{{ $val }}" @selected($pivotStatus === $val)>{{ $info['label'] }}</option>
                                    @endforeach
                                </select>
                            </form>
                        </div>
                    </div>

                    {{-- Modal currículo do candidato --}}
                    <div class="modal fade" id="{{ $modalId }}" tabindex="-1" aria-labelledby="{{ $modalId }}-label" aria-hidden="true">
                        <div class="modal-dialog modal-lg modal-dialog-scrollable">
                            <div class="modal-content">
                                <div class="modal-header border-0 pb-0">
                                    <div>
                                        <h5 class="modal-title fw-bold" id="{{ $modalId }}-label">{{ $candidato->name }}</h5>
                                        <p class="text-muted small mb-0">
                                            {{ $candidato->email }}
                                            @if($candidato->cellphone ?? $candidato->telephone)
                                                · {{ $candidato->cellphone ?? $candidato->telephone }}
                                            @endif
                                        </p>
                                    </div>
                                    <button type="button" class="btn-close ms-auto" data-bs-dismiss="modal" aria-label="Fechar"></button>
                                </div>
                                <div class="modal-body pt-2">

                                    {{-- Dados pessoais --}}
                                    <section class="curriculo-section mb-4">
                                        <h6 class="curriculo-section__title">
                                            <i class="bi bi-person-badge me-1" aria-hidden="true"></i>Dados pessoais
                                        </h6>
                                        <div class="row g-2 small text-muted">
                                            @if($candidato->birth_date)
                                                <div class="col-6 col-md-4">
                                                    <span class="fw-semibold text-dark">Nascimento</span><br>
                                                    {{ $candidato->birth_date->format('d/m/Y') }}
                                                </div>
                                            @endif
                                            @if(optional($candidato->gender)->name)
                                                <div class="col-6 col-md-4">
                                                    <span class="fw-semibold text-dark">Gênero</span><br>
                                                    {{ $candidato->gender->name }}
                                                </div>
                                            @endif
                                            @if(optional($candidato->maritalStatus)->name)
                                                <div class="col-6 col-md-4">
                                                    <span class="fw-semibold text-dark">Estado civil</span><br>
                                                    {{ $candidato->maritalStatus->name }}
                                                </div>
                                            @endif
                                            @if(optional($candidato->neighbourhood)->name)
                                                <div class="col-6 col-md-4">
                                                    <span class="fw-semibold text-dark">Bairro</span><br>
                                                    {{ $candidato->neighbourhood->name }}
                                                </div>
                                            @endif
                                            @if($candidato->address)
                                                <div class="col-6 col-md-4">
                                                    <span class="fw-semibold text-dark">Endereço</span><br>
                                                    {{ $candidato->address }}
                                                    @if($candidato->zip_code)
                                                        ({{ $candidato->zip_code }})
                                                    @endif
                                                </div>
                                            @endif
                                            @if($candidato->special_needs)
                                                <div class="col-6 col-md-4">
                                                    <span class="badge bg-info text-dark">PCD</span>
                                                </div>
                                            @endif
                                        </div>
                                    </section>

                                    {{-- Pretensão salarial --}}
                                    @if($candidato->min_payment || $candidato->desired_payment)
                                        <section class="curriculo-section mb-4">
                                            <h6 class="curriculo-section__title">
                                                <i class="bi bi-cash-coin me-1" aria-hidden="true"></i>Pretensão salarial
                                            </h6>
                                            <div class="row g-2 small text-muted">
                                                @if($candidato->min_payment)
                                                    <div class="col-6">
                                                        <span class="fw-semibold text-dark">Salário mínimo</span><br>
                                                        R$ {{ number_format($candidato->min_payment, 2, ',', '.') }}
                                                    </div>
                                                @endif
                                                @if($candidato->desired_payment)
                                                    <div class="col-6">
                                                        <span class="fw-semibold text-dark">Salário desejado</span><br>
                                                        R$ {{ number_format($candidato->desired_payment, 2, ',', '.') }}
                                                    </div>
                                                @endif
                                            </div>
                                        </section>
                                    @endif

                                    {{-- Resumo --}}
                                    @if($candidato->cv_summary)
                                        <section class="curriculo-section mb-4">
                                            <h6 class="curriculo-section__title">
                                                <i class="bi bi-file-text me-1" aria-hidden="true"></i>Sobre o candidato
                                            </h6>
                                            <p class="small mb-0" style="white-space:pre-line;">{{ $candidato->cv_summary }}</p>
                                        </section>
                                    @endif

                                    {{-- Áreas de interesse --}}
                                    @if($candidato->wantedOccupations->isNotEmpty())
                                        <section class="curriculo-section mb-4">
                                            <h6 class="curriculo-section__title">
                                                <i class="bi bi-star me-1" aria-hidden="true"></i>Áreas de interesse
                                            </h6>
                                            <div class="d-flex flex-wrap gap-2">
                                                @foreach($candidato->wantedOccupations as $wo)
                                                    <span class="badge bg-manus-light-purple text-manus-dark-purple">{{ $wo->name }}</span>
                                                @endforeach
                                            </div>
                                        </section>
                                    @endif

                                    {{-- Experiência profissional --}}
                                    @if($candidato->experiences->isNotEmpty())
                                        <section class="curriculo-section mb-4">
                                            <h6 class="curriculo-section__title">
                                                <i class="bi bi-briefcase me-1" aria-hidden="true"></i>Experiência profissional
                                            </h6>
                                            @foreach($candidato->experiences->sortByDesc('date_start') as $exp)
                                                <div class="curriculo-item mb-3">
                                                    <div class="d-flex justify-content-between align-items-start flex-wrap gap-1">
                                                        <div>
                                                            <strong class="text-dark d-block">{{ optional($exp->occupation)->name ?? 'Cargo não informado' }}</strong>
                                                            <span class="text-muted small">{{ $exp->company ?? 'Empresa não informada' }}</span>
                                                            @if(optional($exp->businessLine)->name)
                                                                <span class="text-muted small"> · {{ $exp->businessLine->name }}</span>
                                                            @endif
                                                        </div>
                                                        <span class="text-muted small text-end">
                                                            {{ $exp->date_start ? $exp->date_start->format('m/Y') : '' }}
                                                            @if($exp->is_current)
                                                                — atual
                                                            @elseif($exp->date_end)
                                                                — {{ $exp->date_end->format('m/Y') }}
                                                            @endif
                                                        </span>
                                                    </div>
                                                    @if($exp->description)
                                                        <p class="small text-muted mt-1 mb-0" style="white-space:pre-line;">{{ $exp->description }}</p>
                                                    @endif
                                                </div>
                                            @endforeach
                                        </section>
                                    @endif

                                    {{-- Formação acadêmica --}}
                                    @if($candidato->educations->isNotEmpty())
                                        <section class="curriculo-section mb-4">
                                            <h6 class="curriculo-section__title">
                                                <i class="bi bi-mortarboard me-1" aria-hidden="true"></i>Formação acadêmica
                                            </h6>
                                            @foreach($candidato->educations->sortByDesc('date_start') as $edu)
                                                <div class="curriculo-item mb-3">
                                                    <div class="d-flex justify-content-between align-items-start flex-wrap gap-1">
                                                        <div>
                                                            <strong class="text-dark d-block">{{ optional($edu->educationLevel)->name ?? 'Nível não informado' }}</strong>
                                                            @if(optional($edu->academicDiscipline)->name)
                                                                <span class="text-muted small">{{ $edu->academicDiscipline->name }}</span>
                                                            @endif
                                                            @if($edu->specialization)
                                                                <span class="text-muted small"> · {{ $edu->specialization }}</span>
                                                            @endif
                                                            @if($edu->institution)
                                                                <span class="text-muted small d-block">{{ $edu->institution }}</span>
                                                            @endif
                                                        </div>
                                                        <span class="text-muted small text-end">
                                                            {{ $edu->date_start ? $edu->date_start->format('m/Y') : '' }}
                                                            @if($edu->date_end)
                                                                — {{ $edu->date_end->format('m/Y') }}
                                                            @endif
                                                        </span>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </section>
                                    @endif

                                    {{-- Cursos e certificações --}}
                                    @if($candidato->courses->isNotEmpty())
                                        <section class="curriculo-section mb-4">
                                            <h6 class="curriculo-section__title">
                                                <i class="bi bi-award me-1" aria-hidden="true"></i>Cursos e certificações
                                            </h6>
                                            @foreach($candidato->courses->sortByDesc('date_start') as $course)
                                                <div class="curriculo-item mb-2">
                                                    <div class="d-flex justify-content-between align-items-start flex-wrap gap-1">
                                                        <div>
                                                            <strong class="text-dark d-block">{{ $course->name }}</strong>
                                                            @if($course->institution)
                                                                <span class="text-muted small">{{ $course->institution }}</span>
                                                            @endif
                                                            @if($course->duration)
                                                                <span class="text-muted small"> · {{ $course->duration }}h</span>
                                                            @endif
                                                        </div>
                                                        @if($course->date_start || $course->date_end)
                                                            <span class="text-muted small text-end">
                                                                {{ $course->date_start ? $course->date_start->format('m/Y') : '' }}
                                                                @if($course->date_end && $course->date_end != $course->date_start)
                                                                    — {{ $course->date_end->format('m/Y') }}
                                                                @endif
                                                            </span>
                                                        @endif
                                                    </div>
                                                </div>
                                            @endforeach
                                        </section>
                                    @endif

                                    {{-- Idiomas --}}
                                    @if($candidato->languages->isNotEmpty())
                                        <section class="curriculo-section mb-2">
                                            <h6 class="curriculo-section__title">
                                                <i class="bi bi-translate me-1" aria-hidden="true"></i>Idiomas
                                            </h6>
                                            <div class="d-flex flex-wrap gap-2">
                                                @foreach($candidato->languages as $lang)
                                                    <span class="badge bg-light text-dark border">{{ $lang->name }}</span>
                                                @endforeach
                                            </div>
                                        </section>
                                    @endif

                                </div>
                                <div class="modal-footer border-0 pt-0">
                                    <a href="mailto:{{ $candidato->email }}" class="btn btn-manus-purple btn-sm">
                                        <i class="bi bi-envelope me-1"></i>Contatar
                                    </a>
                                    <a href="{{ route('talent-bank.company.jobs.applicants.curriculum-pdf-stream', ['job' => $job->id, 'candidate' => $candidato->id]) }}"
                                       class="btn btn-outline-manus-purple btn-sm"
                                       target="_blank">
                                        <i class="bi bi-printer me-1"></i>Imprimir
                                    </a>
                                    <button type="button" class="btn btn-outline-secondary btn-sm" data-bs-dismiss="modal">Fechar</button>
                                </div>
                            </div>
                        </div>
                    </div>
                @empty
                    <p class="text-muted mb-0 candidatos-vaga-vazio">Sem candidatos</p>
                @endforelse
            </div>
        </div>

        <div class="mt-4 ms-2">
            @include('components.botao-sair-sessao')
        </div>

    </div>
</section>

@push('scripts')
<script>
(function () {
    const ENROLLED = 'enrolled';
    const VIEWED   = 'viewed';
    const VIEWED_LABEL = 'Currículo visualizado';
    const VIEWED_BADGE = 'bg-info text-dark';

    document.querySelectorAll('.curriculo-trigger').forEach(function (btn) {
        btn.addEventListener('click', function () {
            const currentStatus = btn.dataset.currentStatus;
            if (currentStatus !== ENROLLED) return;

            const url  = btn.dataset.statusUrl;
            const csrf = btn.dataset.csrf;
            const candidateId = url.match(/\/candidatos\/(\d+)\/status/)?.[1];

            fetch(url, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded',
                    'X-CSRF-TOKEN': csrf,
                    'Accept': 'application/json',
                },
                body: '_method=PATCH&status=' + VIEWED,
            }).then(function () {
                btn.dataset.currentStatus = VIEWED;
                if (candidateId) {
                    const badge = document.getElementById('badge-' + candidateId);
                    if (badge) {
                        badge.className = 'badge ' + VIEWED_BADGE + ' mt-1';
                        badge.textContent = VIEWED_LABEL;
                    }
                    // Update select
                    const selects = document.querySelectorAll(
                        'form[action*="/candidatos/' + candidateId + '/status"] select[name="status"]'
                    );
                    selects.forEach(function (sel) {
                        sel.value = VIEWED;
                    });
                }
            }).catch(function () {});
        });
    });
}());
</script>
@endpush

@endsection