@extends('web.layouts.template', compact('title'))

@section('content')
    @include('web.widgets.webBanner')

    @php
        $showcase = [
            'hotdeal' => [
                'title' => "Hot Deals",
                'condition' => 'label=hotdeal'
            ],
            'rekomendasi' => [
                'title' => "Rekomendasi",
                'condition' => 'label=rekomendasi',
            ],
            'baru' => [
                'title' => "Mobil Baru",
                'condition' => "kondisi=baru"
            ],
            'murah' => [
                'title' => "Mobil Murah",
                'condition' => "label=murah"
            ],
            'bekas' => [
                'title' => "Mobil Bekas",
                'condition' => "kondisi=bekas"
            ]
        ]
    @endphp
    @foreach ($showcase as $k => $v)
        @include('web.widgets.productSlider', [
            'urlMore' => route('v2.product.search').'?'.$v['condition'],
            'query' => $v['condition'],
            'title' => $v['title'],
            'id' => $k,
            ])

    @endforeach
    {{-- Hot Deal --}}

    {{-- Mobil Berita --}}
    @include('web.widgets.newsSlider')

@endsection


@section('script')
<noscript>Your browser does not support JavaScript!</noscript>
<script src="{{ asset('js/Ukyo.js') }}"></script>
<script src="{{ asset('js/CarshowFrontend.js') }}?v=1.0.220920"></script>
<script src="{{ asset('assetsV2/js/webBanner.js') }}" defer async></script>
<script>

$(document).ready(function () {
    Riode.slider('.owl-carousel')
    CF.ProductSliders( $('.owl-carousel.showcase'))
    let newsUrl = "{{route('v2.news.detail', '')}}"
    CF.NewsSlider( $(".owl-carousel#news-slider"), newsUrl );
})
</script>
@endsection