@extends('layouts.app')

@section('title', 'Banco de Talentos - Angra dos Reis')
@section('meta_description', 'Acesse o Banco de Talentos de Angra dos Reis. Encontre vagas de emprego e oportunidades profissionais.')

@section('content')
    <section class="py-5 bg-fundo" style="padding-top: calc(var(--tb-nav-offset) + 1.5rem) !important">
        <div class="container">
            <div class="row align-items-center mb-5" data-aos="fade-up">
                <div class="col-lg-7">
                    <h1 class="tb-page-title display-6 mb-3">Banco de Talentos</h1>
                    <p class="lead text-muted mb-4">
                        Conectamos talentos e empresas em Angra dos Reis. Consulte vagas abertas, cadastre-se e acompanhe oportunidades.
                    </p>
                    <a href="{{ route('vagas') }}" class="btn btn-primary btn-lg rounded-pill px-4 me-2">Ver vagas</a>
                    <a href="{{ route('cadastre-se') }}" class="btn btn-outline-primary btn-lg rounded-pill px-4">Cadastre-se</a>
                </div>
                <div class="col-lg-5 mt-4 mt-lg-0" data-aos="fade-left" data-aos-delay="150">
                    <img src="{{ asset('images/images/home_image.png') }}" class="img-fluid rounded-3 shadow-sm" alt="">
                </div>
            </div>

            <div class="row g-3 mb-5">
                <div class="col-6 col-md-3" data-aos="fade-up" data-aos-delay="0">
                    <div class="tb-stat h-100">
                        <div class="text-muted small">Candidatos ativos</div>
                        <div class="fs-3 fw-semibold">{{ $counters['candidates'] ?? 0 }}</div>
                    </div>
                </div>
                <div class="col-6 col-md-3" data-aos="fade-up" data-aos-delay="80">
                    <div class="tb-stat h-100">
                        <div class="text-muted small">Vagas (total)</div>
                        <div class="fs-3 fw-semibold">{{ $counters['jobs'] ?? 0 }}</div>
                    </div>
                </div>
                <div class="col-6 col-md-3" data-aos="fade-up" data-aos-delay="160">
                    <div class="tb-stat h-100">
                        <div class="text-muted small">Empresas ativas</div>
                        <div class="fs-3 fw-semibold">{{ $counters['companies_active'] ?? 0 }}</div>
                    </div>
                </div>
                <div class="col-6 col-md-3" data-aos="fade-up" data-aos-delay="240">
                    <div class="tb-stat h-100">
                        <div class="text-muted small">Vagas abertas</div>
                        <div class="fs-3 fw-semibold">{{ $dashJobs['open'] ?? 0 }}</div>
                    </div>
                </div>
            </div>

            @if ($noticias->isNotEmpty())
                <h2 class="h5 mb-3" data-aos="fade-up">Notícias</h2>
                <div class="row g-3">
                    @foreach ($noticias->take(4) as $n)
                        <div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="{{ $loop->index * 80 }}">
                            <div class="card tb-card h-100">
                                <div class="card-body">
                                    <h3 class="h6 card-title">{{ \Illuminate\Support\Str::limit($n->title ?? 'Notícia', 80) }}</h3>
                                    <p class="card-text small text-muted">{{ \Illuminate\Support\Str::limit(strip_tags($n->summary ?? $n->description ?? ''), 120) }}</p>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            @endif
        </div>
    </section>
@endsection