general products page and small rewrite of search and category controllers etc

resources/views/search/index.blade.php

@@ -0,0 +1,36 @@
+@extends('layouts.app')
+
+@php
+    // $heading = __('storefront.search.results_for') . ' "' . $query . '"';
+    $heading = '"' . $query . '"';
+@endphp
+
+@section('title', $query . ' — ' . config('app.name'))
+
+@push('seo')
+    <meta name="robots" content="noindex,follow">
+@endpush
+
+@section('content')
+    <div class="max-w-5xl mx-auto pt-26 pb-12">
+
+        <div class="flex items-end justify-between gap-6 flex-wrap mb-16">
+            <h1 class="font-medium text-h2">{{ $heading }}</h1>
+
+            <x-breadcrumb :items="[
+                ['label' => __('storefront.nav.home'), 'href' => route('home')],
+                ['label' =>  __('storefront.search.results_for') . $heading],
+            ]" />
+        </div>
+
+        <turbo-frame
+            id="search-listing"
+            data-turbo-action="advance"
+            data-controller="frame-scroll"
+            class="scroll-mt-28"
+        >
+            @include('search.partials.results')
+        </turbo-frame>
+
+    </div>
+@endsection

resources/views/search/partials/results.blade.php

@@ -0,0 +1,22 @@
+{{--
+    Reloadable body of the search results page — result count + sort, product
+    grid, pagination. Re-rendered on full load and on every
+    <turbo-frame id="search-listing"> navigation, straight from ?q= and ?sort=.
+
+    Vars: $query (non-empty string), $products (LengthAwarePaginator), $sortOptions (array)
+--}}
+
+@if ($products->isEmpty())
+    <p class="text-neutral-500">{{ __('storefront.shop.no_products') }}</p>
+@else
+    <div class="flex items-center justify-between gap-6 flex-wrap mb-7">
+        <x-shop.result-count :paginator="$products" />
+        <x-shop.sort :options="$sortOptions" id="search-sort" />
+    </div>
+
+    <x-product-grid :products="$products->items()" cols="4" />
+
+    <div class="mt-12">
+        <x-ui.pagination :paginator="$products" />
+    </div>
+@endif