@extends('layouts.app')
@section('title', $q ? 'Cercare: '.$q : 'Cercare prodotti')

@section('content')
    <div class="container py-4">
        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3">
            <form class="d-flex gap-2 flex-grow-1" method="get" action="{{ route('search') }}">
                <input type="search" name="q" value="{{ $q }}" class="form-control" placeholder="Cercare prodotti..." required>
                <button class="btn btn-primary">Cercare</button>
            </form>

            @if($q)
                <div class="text-secondary small ms-auto">
                    @if(method_exists($products,'total'))
                        @if($products->total() > 0)
                            {{ $products->firstItem() }}–{{ $products->lastItem() }} su {{ $products->total() }} risultato
                        @else
                            0 risultato
                        @endif
                    @endif
                </div>
            @endif
        </div>

        @if(!$q)
            <div class="alert alert-info">Inserisci un termine per cercare i prodotti.</div>
        @elseif(method_exists($products,'count') && $products->count())
            <div class="row g-3">
                @foreach($products as $p)
                    <div class="col-6 col-md-4 col-lg-3">
                        @include('partials.product-card',['p'=>$p])
                    </div>
                @endforeach
            </div>

            <div class="d-flex justify-content-between align-items-center mt-4">
                <small class="text-secondary">
                    Mostrato {{ $products->firstItem() }}–{{ $products->lastItem() }} su {{ $products->total() }}
                </small>
                {{ $products->withQueryString()->links('pagination::bootstrap-5') }}
            </div>
        @else
            <div class="alert alert-warning">
                Nessun prodotto trovato per „<strong>{{ e($q) }}</strong>”.
            </div>
        @endif
    </div>
@endsection