@extends('v2-portal::app-layout', ['pageTitle' => 'Busca Global'])

@section('main-section-area')
    <div class="container py-5">
        <div class="row">
            <div class="col-12">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-4">
                        <li class="breadcrumb-item"><a href="{{ route('v2.portal.home') }}" class="text-muted text-decoration-none">Início</a></li>
                        <li class="breadcrumb-item active text-primary" aria-current="page">Busca</li>
                    </ol>
                </nav>

                <h1 class="h2 mb-4 fw-800">Resultados para: <span class="text-primary">"{{ $term }}"</span></h1>

                <div aria-live="polite" aria-atomic="true" class="visually-hidden">
                    {{ $results->count() }} resultado(s) encontrado(s).
                </div>

                @if($results->isEmpty())
                    <div class="card text-center border-0 shadow-sm p-5">
                        <div class="mb-4 text-muted">
                            <i class="bi bi-search display-3 d-block"></i>
                        </div>
                        <h3 class="h5 mb-2 fw-700">Nenhum resultado encontrado</h3>
                        <p class="text-secondary small">Tente utilizar palavras-chave diferentes ou verifique a grafia.</p>
                        <a href="{{ route('v2.portal.home') }}" class="btn btn-primary px-4 mt-3">Voltar para a Home</a>
                    </div>
                @else
                    <div class="row">
                        @foreach($results as $item)
                            <div class="col-12 mb-4">
                                <article class="card border-0 shadow-sm hover-shadow">
                                    <div class="card-body p-4">
                                        <div class="d-flex align-items-center justify-content-between mb-3">
                                            <span class="badge bg-primary text-uppercase px-3 py-1" style="background-color: var(--tenant-primary) !important;">
                                                {{ strtoupper($item->module) }}
                                            </span>
                                            <small class="text-muted">Relevância: {{ number_format($item->rank * 100, 1) }}%</small>
                                        </div>
                                        <h2 class="h5 mb-3 fw-800">
                                            <a href="{{ $item->result_url }}" class="text-dark hover-text-primary text-decoration-none">
                                                {{ $item->title }}
                                            </a>
                                        </h2>
                                        <div class="text-secondary small mb-3">
                                            {!! $item->headline !!}
                                        </div>
                                        <a href="{{ $item->result_url }}" class="btn btn-link p-0 fw-bold text-primary text-decoration-none d-inline-flex align-items-center gap-1 small fw-700">
                                            Ler mais <i class="bi bi-arrow-right"></i>
                                        </a>
                                    </div>
                                </article>
                            </div>
                        @endforeach
                    </div>

                    <div class="mt-4 pt-3 border-top text-muted small">
                        Exibindo {{ $results->count() }} resultados mais relevantes.
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection

@push('head-styles')
<style>
    .hover-shadow { 
        transition: transform 0.2s ease, box-shadow 0.2s ease; 
    }
    .hover-shadow:hover { 
        transform: translateY(-3px); 
        box-shadow: 0 8px 20px rgba(0,0,0,0.08) !important; 
    }
    .hover-text-primary:hover {
        color: var(--tenant-primary) !important;
    }
</style>
@endpush