@extends('layouts.app')

@section('title', ($job->occupation->name ?? 'Vaga') . ' - Banco de Talentos')

@section('content')
    <section class="py-5 mt-5">
        <div class="container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('vagas') }}">Vagas</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Detalhe</li>
                </ol>
            </nav>

            <div class="row">
                <div class="col-lg-8">
                    <h1 class="tb-page-title h3 mb-2">{{ $job->occupation->name ?? 'Oportunidade' }}</h1>
                    <p class="text-muted small mb-4">
                        {{ $job->contractType->name ?? '—' }}
                        @if ($job->salaryRange)
                            · {{ $job->salaryRange->name }}
                        @endif
                        @if ($job->neighbourhood)
                            · {{ $job->neighbourhood->name }}
                        @endif
                    </p>

                    <div class="card tb-card mb-4">
                        <div class="card-body">
                            <h2 class="h6 text-uppercase text-muted">Descrição</h2>
                            <div class="job-description">{!! nl2br(e($job->description)) !!}</div>
                        </div>
                    </div>

                    @if ($job->requirements_mandatory)
                        <div class="mb-3">
                            <h3 class="h6">Requisitos obrigatórios</h3>
                            <p class="mb-0">{!! nl2br(e($job->requirements_mandatory)) !!}</p>
                        </div>
                    @endif
                    @if ($job->requirements_optional)
                        <div class="mb-3">
                            <h3 class="h6">Requisitos desejáveis</h3>
                            <p class="mb-0">{!! nl2br(e($job->requirements_optional)) !!}</p>
                        </div>
                    @endif
                    @if ($job->benefits)
                        <div class="mb-3">
                            <h3 class="h6">Benefícios</h3>
                            <p class="mb-0">{!! nl2br(e($job->benefits)) !!}</p>
                        </div>
                    @endif
                </div>
                <div class="col-lg-4">
                    <div class="card tb-card p-3 sticky-lg-top tb-sticky-sidebar">
                        <ul class="list-unstyled small mb-3">
                            <li><strong>Modalidade:</strong> {{ $job->modality->name ?? '—' }}</li>
                            <li><strong>Carga horária:</strong> {{ $job->workload->name ?? '—' }}</li>
                            <li><strong>Nível:</strong> {{ $job->expertiseLevel->name ?? '—' }}</li>
                            <li><strong>Vagas:</strong> {{ $job->spots_filled ?? 0 }} / {{ $job->spots_total ?? '—' }}</li>
                        </ul>

                        @if ($job->is_hiring)
                            @if (! \App\Support\SsoWebSession::hasToken())
                                <a href="{{ route('entrar') }}" class="btn btn-primary w-100 rounded-pill">Entrar para candidatar-se</a>
                            @elseif (! $isCandidate)
                                <p class="small text-muted mb-0">Apenas candidatos podem se candidatar a vagas.</p>
                            @elseif ($applied)
                                <form method="post" action="{{ route('vagas.withdraw', $job) }}" onsubmit="return confirm('Remover candidatura?');">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-outline-danger w-100 rounded-pill">Cancelar candidatura</button>
                                </form>
                            @else
                                <form method="post" action="{{ route('vagas.apply', $job) }}">
                                    @csrf
                                    <button type="submit" class="btn btn-primary w-100 rounded-pill">Candidatar-se</button>
                                </form>
                            @endif
                        @else
                            <p class="text-muted small mb-0">Esta vaga não está recebendo candidaturas no momento.</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection