@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="max-w-7xl mx-auto px-4 sm:px-8 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