@extends('layouts.app')

@php
    $jobTitle = optional($job->occupation)->name ?? 'Vaga';
    $hasText = fn($val) => trim(strip_tags((string) ($val ?? ''))) !== '';
@endphp

@section('title', $jobTitle.' — Banco de Talentos')
@section('meta_description', 'Detalhes da vaga '.$jobTitle.' no Banco de Talentos de Angra dos Reis.')

@section('content')

<section id="detalhes-vagas" class="detalhes-vaga-page">
    <div class="container detalhes-vaga-container py-4 py-md-5">
        <div class="detalhes-vaga-shell">

            {{-- Hero --}}
            <header class="detalhes-vaga-hero">
                <a href="{{ route('vagas') }}" class="detalhes-vaga-back mb-3" aria-label="Voltar para a listagem de vagas">
                    <i class="bi bi-arrow-left" aria-hidden="true"></i>
                    <span>Voltar para vagas</span>
                </a>

                <h1 class="detalhes-vaga-hero__title">{{ $jobTitle }}</h1>

                <p class="detalhes-vaga-hero__company mt-1 mb-0">
                    <i class="bi bi-building me-1" aria-hidden="true"></i>
                    @if($job->hide_company)
                        Empresa confidencial
                    @else
                        {{ optional($job->company)->trading_name ?? optional($job->company)->corporate_name ?? 'Empresa não informada' }}
                    @endif
                </p>

                <div class="detalhes-vaga-hero__meta mt-3">
                    @if(optional($job->contractType)->name)
                        <span class="detalhes-vaga-chip">
                            <i class="bi bi-briefcase-fill" aria-hidden="true"></i>
                            {{ $job->contractType->name }}
                        </span>
                    @endif
                    @if(optional($job->neighbourhood)->name)
                        <span class="detalhes-vaga-chip detalhes-vaga-chip--muted">
                            <i class="bi bi-geo-alt" aria-hidden="true"></i>
                            {{ $job->neighbourhood->name }}
                        </span>
                    @endif
                    @if(optional($job->modality)->name)
                        <span class="detalhes-vaga-chip detalhes-vaga-chip--muted">
                            <i class="bi bi-display" aria-hidden="true"></i>
                            {{ $job->modality->name }}
                        </span>
                    @endif
                    @if(optional($job->expertiseLevel)->name)
                        <span class="detalhes-vaga-chip detalhes-vaga-chip--muted">
                            <i class="bi bi-bar-chart-steps" aria-hidden="true"></i>
                            {{ $job->expertiseLevel->name }}
                        </span>
                    @endif
                    @if(! empty($applicationStatusLabel))
                        @php($enrolledStatus = \App\Support\TalentBank\JobApplicationStatus::ENROLLED)
                        <span class="job-application-status {{ ($applicationStatus ?? '') === $enrolledStatus ? 'job-application-status--enrolled' : 'job-application-status--pipeline' }} job-application-status--compact" role="status">
                            <i class="bi {{ ($applicationStatus ?? '') === $enrolledStatus ? 'bi-check2-circle' : 'bi-clipboard2-pulse' }} job-application-status__icon" aria-hidden="true"></i>
                            <span class="job-application-status__label">{{ $applicationStatusLabel }}</span>
                        </span>
                    @endif
                </div>

                {{-- Linha de resumo rápido abaixo do título --}}
                <div class="detalhes-vaga-hero__summary">
                    <span class="detalhes-vaga-summary-item">
                        <i class="bi bi-people-fill" aria-hidden="true"></i>
                        {{ (int) $job->spots_total }} {{ (int) $job->spots_total === 1 ? 'vaga' : 'vagas' }}
                        @if((int) $job->spots_filled > 0)
                            <span class="text-muted">({{ (int) $job->spots_filled }} preenchida{{ (int) $job->spots_filled > 1 ? 's' : '' }})</span>
                        @endif
                    </span>
                    <span class="detalhes-vaga-summary-sep" aria-hidden="true">·</span>
                    <span class="detalhes-vaga-summary-item">
                        <i class="bi bi-cash-coin" aria-hidden="true"></i>
                        {{ optional($job->salaryRange)->name ?? 'Salário a combinar' }}
                    </span>
                    @if(optional($job->workload)->name)
                        <span class="detalhes-vaga-summary-sep" aria-hidden="true">·</span>
                        <span class="detalhes-vaga-summary-item">
                            <i class="bi bi-clock" aria-hidden="true"></i>
                            {{ $job->workload->name }}
                        </span>
                    @endif
                </div>
            </header>

            {{-- Conteúdo principal + sidebar --}}
            <div class="detalhes-vaga-grid">
                <div class="detalhes-vaga-main">

                    <article class="detalhes-vaga-card">
                        <h2 class="detalhes-vaga-card__title">
                            <i class="bi bi-file-text me-1" aria-hidden="true"></i>Sobre a vaga
                        </h2>
                        <div class="detalhes-vaga-card__body">
                            @if ($hasText($job->description))
                                <p class="detalhes-vaga-prose mb-0">{{ $job->description }}</p>
                            @else
                                <p class="detalhes-vaga-empty mb-0">Nenhuma descrição foi cadastrada para esta vaga.</p>
                            @endif
                        </div>
                    </article>

                    <div class="detalhes-vaga-two">
                        <article class="detalhes-vaga-card">
                            <h2 class="detalhes-vaga-card__title">
                                <i class="bi bi-check-circle me-1" aria-hidden="true"></i>Requisitos obrigatórios
                            </h2>
                            <div class="detalhes-vaga-card__body">
                                @if ($hasText($job->requirements_mandatory))
                                    <p class="detalhes-vaga-prose mb-0">{{ $job->requirements_mandatory }}</p>
                                @else
                                    <p class="detalhes-vaga-empty mb-0">Não informado.</p>
                                @endif
                            </div>
                        </article>
                        <article class="detalhes-vaga-card">
                            <h2 class="detalhes-vaga-card__title">
                                <i class="bi bi-plus-circle me-1" aria-hidden="true"></i>Requisitos opcionais
                            </h2>
                            <div class="detalhes-vaga-card__body">
                                @if ($hasText($job->requirements_optional))
                                    <p class="detalhes-vaga-prose mb-0">{{ $job->requirements_optional }}</p>
                                @else
                                    <p class="detalhes-vaga-empty mb-0">Não informado.</p>
                                @endif
                            </div>
                        </article>
                    </div>

                    <article class="detalhes-vaga-card">
                        <h2 class="detalhes-vaga-card__title">
                            <i class="bi bi-gift me-1" aria-hidden="true"></i>Benefícios
                        </h2>
                        <div class="detalhes-vaga-card__body">
                            @if ($hasText($job->benefits))
                                <p class="detalhes-vaga-prose mb-0">{{ $job->benefits }}</p>
                            @else
                                <p class="detalhes-vaga-empty mb-0">Não informado.</p>
                            @endif
                        </div>
                    </article>

                    @if ($hasText($job->misc_info))
                        <article class="detalhes-vaga-card">
                            <h2 class="detalhes-vaga-card__title">
                                <i class="bi bi-info-circle me-1" aria-hidden="true"></i>Outras informações
                            </h2>
                            <div class="detalhes-vaga-card__body">
                                <p class="detalhes-vaga-prose mb-0">{{ $job->misc_info }}</p>
                            </div>
                        </article>
                    @endif
                </div>

                <aside class="detalhes-vaga-aside" aria-label="Resumo da vaga">
                    <div class="detalhes-vaga-stat">
                        <span class="detalhes-vaga-stat__label">
                            <i class="bi bi-people me-1" aria-hidden="true"></i>Vagas disponíveis
                        </span>
                        <p class="detalhes-vaga-stat__value">{{ (int) $job->spots_total }}</p>
                        <p class="detalhes-vaga-stat__hint">Preenchidas: {{ (int) $job->spots_filled }}</p>
                    </div>

                    <div class="detalhes-vaga-stat">
                        <span class="detalhes-vaga-stat__label">
                            <i class="bi bi-cash-coin me-1" aria-hidden="true"></i>Salário
                        </span>
                        <p class="detalhes-vaga-stat__value detalhes-vaga-stat__value--sm">
                            {{ optional($job->salaryRange)->name ?? 'A combinar' }}
                        </p>
                    </div>

                    @if(optional($job->modality)->name)
                        <div class="detalhes-vaga-stat">
                            <span class="detalhes-vaga-stat__label">
                                <i class="bi bi-display me-1" aria-hidden="true"></i>Modalidade
                            </span>
                            <p class="detalhes-vaga-stat__value detalhes-vaga-stat__value--sm">{{ $job->modality->name }}</p>
                        </div>
                    @endif

                    @if(optional($job->expertiseLevel)->name)
                        <div class="detalhes-vaga-stat">
                            <span class="detalhes-vaga-stat__label">
                                <i class="bi bi-bar-chart-steps me-1" aria-hidden="true"></i>Nível
                            </span>
                            <p class="detalhes-vaga-stat__value detalhes-vaga-stat__value--sm">{{ $job->expertiseLevel->name }}</p>
                        </div>
                    @endif

                    @if(optional($job->workload)->name)
                        <div class="detalhes-vaga-stat">
                            <span class="detalhes-vaga-stat__label">
                                <i class="bi bi-clock me-1" aria-hidden="true"></i>Jornada
                            </span>
                            <p class="detalhes-vaga-stat__value detalhes-vaga-stat__value--sm">{{ $job->workload->name }}</p>
                        </div>
                    @endif
                </aside>
            </div>

            {{-- Ação de candidatura --}}
            <footer class="detalhes-vaga-actions">
                @if($applied)
                    <div class="detalhes-vaga-actions__info">
                        <i class="bi bi-check-circle-fill text-success fs-5" aria-hidden="true"></i>
                        <span>Você já se candidatou a esta vaga.</span>
                    </div>
                    <form method="POST" action="{{ route('vagas.withdraw', $job->id) }}" class="candidatura-form detalhes-vaga-actions__form">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-outline-manus-purple btn-lg px-4 px-md-5 py-3 rounded-pill candidatura-btn">
                            <span class="btn-label">
                                <i class="bi bi-x-circle me-2" aria-hidden="true"></i>Cancelar candidatura
                            </span>
                            <span class="btn-loading d-none">
                                <span class="spinner-border spinner-border-sm me-2" role="status"></span>Aguarde...
                            </span>
                        </button>
                    </form>
                @elseif($isCandidate)
                    <div class="detalhes-vaga-actions__info">
                        <i class="bi bi-send fs-5" style="color:var(--manus-purple)" aria-hidden="true"></i>
                        <span>Pronto para dar o próximo passo na sua carreira?</span>
                    </div>
                    <form method="POST" action="{{ route('vagas.apply', $job->id) }}" class="candidatura-form detalhes-vaga-actions__form">
                        @csrf
                        <button type="submit" class="btn btn-manus-purple btn-lg px-4 px-md-5 py-3 rounded-pill candidatura-btn">
                            <span class="btn-label">
                                <i class="bi bi-send me-2" aria-hidden="true"></i>Candidatar-se à vaga
                            </span>
                            <span class="btn-loading d-none">
                                <span class="spinner-border spinner-border-sm me-2" role="status"></span>Aguarde...
                            </span>
                        </button>
                    </form>
                @else
                    <div class="detalhes-vaga-actions__info">
                        <i class="bi bi-box-arrow-in-right fs-5" style="color:var(--manus-purple)" aria-hidden="true"></i>
                        <span>Faça login para se candidatar a esta vaga.</span>
                    </div>
                    <a href="{{ route('entrar') }}" class="btn btn-manus-purple btn-lg px-4 px-md-5 py-3 rounded-pill">
                        <i class="bi bi-box-arrow-in-right me-2" aria-hidden="true"></i>Entrar para candidatar-se
                    </a>
                @endif
            </footer>

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

@push('scripts')
    <script src="{{ asset('js/talent-bank/candidatura-form.js') }}"></script>
@endpush

@endsection