@extends('layouts.site')

@section('title', 'Resultados da busca')

@section('content')
    <h2>Resultados da busca por: "{{ $query }}"</h2>

    @if($produtos->isEmpty())
        <p>Nenhum produto encontrado.</p>
    @else
        <div class="row">
            @foreach($produtos as $produto)
                <div class="col-md-3 mb-4">
                    <div class="card product-card h-100">
                        <div class="card-body text-center">
                            <h5 class="card-title">{{ $produto->nome }}</h5>

                            {{-- Exibir imagem se houver --}}
                            @if($produto->imagem)
                                <img src="{{ asset('storage/'.$produto->imagem) }}" class="img-fluid mb-2" alt="{{ $produto->nome }}">
                            @endif

                            <a href="{{ route('site.produtos.show', $produto->id) }}" class="btn btn-danger btn-sm">
                                Ver produto
                            </a>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    @endif
@endsection