{{-- @dd('/search?'.$query) --}}
<product-slider
    src="/api/v2/products?per_page=10&{{ $query }}"
    name="{{ $title }}"
    title ="{{ $title }}"
    id="{{$id}}"
    more="/search?{{ $query }}"
></product-slider>
{{-- <section class="pb-3 mt-10 container" id="">
    <h2 class="title justify-content-between">
        <span>{{ $title }}</span>
        @isset($query)
        @else
                    @endisset
        @if ($query != "no")
            <span>
                <a href="{{route('v2.product.search')}}" class="nav-link text-secondary link-more">Lihat semua >></a>
            </span>
        @endif
    </h2>

    <div class="showcase owl-carousel owl-theme owl-nav-full row cols-1 cols-sm-2 cols-md-3 cols-lg-4"
    data-owl-options="{
    'items': 5,
    'nav': false,
    'loop': false,
    'dots': false,
    'margin': 20,
    'responsive': {
        '0': {
            'items': 1
        },
        '587': {
            'items' : 2
        },
        '768': {
            'items': 3
        },
        '992': {
            'items': 4,
            'dots': false,
            'nav': true
        }
    }
}" id="{{ $id }}"
    @if ($query != "no")
        data-carshow-query="{{$query}}"
    @endif
    data-url="{{ $url ?? '' }}" data-url-more="{{ $urlMore ?? '' }}">
    </div>
</section> --}}