@extends('v2-cms::layouts.app', ['title' => 'Busca Global'])

@section('content')
<div class="row">
    <div class="col-md-12">
        @component('v2-cms::components.box', [
            'title' => 'Resultados para: "' . $term . '"',
            'class' => 'box-primary'
        ])
            @if($results->isEmpty())
                <div class="alert alert-warning d-flex align-items-center gap-2 border-0" role="alert">
                    <i class="bi bi-exclamation-triangle-fill"></i>
                    <div>Nenhum registro ou link administrativo encontrado para este termo.</div>
                </div>
            @else
                <div class="table-responsive">
                    <table class="table table-hover table-striped align-middle mb-0" aria-label="Resultados da busca">
                        <thead>
                            <tr>
                                <th>Módulo</th>
                                <th>Rótulo / Título</th>
                                <th>Contexto / Destaque</th>
                                <th style="width: 100px;">Ação</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($results as $item)
                                <tr>
                                    <td>
                                        <span class="badge bg-secondary">{{ strtoupper($item->module) }}</span>
                                    </td>
                                    <td>
                                        <strong>{{ $item->label }}</strong>
                                    </td>
                                    <td>
                                        <small class="text-muted">{{ strip_tags($item->highlight, '<b><i><em><strong><br>') }}</small>
                                    </td>
                                    <td>
                                        <a href="{{ $item->edit_url }}" class="btn btn-sm btn-primary d-inline-flex align-items-center gap-1">
                                            <i class="bi bi-pencil-square"></i> Editar
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif

            @slot('footer')
                Total de {{ $results->count() }} resultados encontrados.
            @endslot
        @endcomponent
    </div>
</div>
@endsection