@extends('layouts.master')

@section('content')
    <div class="container py-5">
        <h2 class="text-primary fw-bold mb-4">🔎 Resultado da Busca</h2>

        {{-- Resultados de Pessoas --}}
        <h4 class="mb-4">👥 Parlamentares</h4>
        @if ($pessoas->isEmpty())
            <div class="alert alert-info">Nenhuma pessoa encontrada com os critérios informados.</div>
        @else
            <div class="row row-cols-1 row-cols-md-3 g-4 mb-5">
                @foreach ($pessoas as $pessoa)
                    <div class="col">
                        <a href="{{ route('pessoas.show', $pessoa->id) }}" class="text-decoration-none">
                            <div class="card h-100 person-card border-0 p-3 text-center shadow-lg">
                                <div class="position-relative mx-auto mb-3" style="width: 120px; height: 120px;">
                                    <img src="{{ asset('assets/peoples/' . $pessoa->image) }}" class="rounded-circle shadow"
                                        style="width: 100%; height: 100%; object-fit: cover; border: 4px solid #0d6efd;"
                                        alt="{{ $pessoa->nome }}">
                                </div>
                                <div class="card-body">
                                    <h5 class="card-title text-dark mb-1">{{ $pessoa->nome }}</h5>
                                    <p class="mb-1">
                                        <span class="badge bg-secondary">{{ $pessoa->partido }}</span>
                                    </p>
                                    <p class="text-muted">Cargo: {{ $pessoa->cargo }}</p>
                                </div>
                            </div>
                        </a>
                    </div>
                @endforeach
            </div>
        @endif

        {{-- Resultados de Links --}}
        <h4 class="mb-4">🔗 Links Relacionados</h4>
        @if ($links->isEmpty())
            <div class="alert alert-info">Nenhum link encontrado com os critérios informados.</div>
        @else
            <div class="row row-cols-1 row-cols-md-2 g-4">
                @foreach ($links as $link)
                    <div class="col">
                        <a href="{{ $link->link }}" target="_blank" class="text-decoration-none">
                            <div class="card h-100 link-card border-0 p-3 text-center shadow-sm">
                                {{-- Ícone do link --}}
                                @if (!empty($link->icone))
                                    <i class="{{ $link->icone }} text-primary mb-3" style="font-size: 2rem;"></i>
                                @endif

                                <div class="card-body">
                                    <h5 class="card-title text-primary">{{ $link->titulo }}</h5>
                                    <p class="card-text text-muted">{{ $link->descricao }}</p>
                                </div>

                                <div class="card-footer d-flex justify-content-between border-0 bg-transparent">
                                    <small class="text-muted">Categoria ID: {{ $link->categoria_id }}</small>
                                    <span class="badge bg-primary">Acessar</span>
                                </div>
                            </div>
                        </a>
                    </div>
                @endforeach
            </div>
        @endif
    </div>
@endsection