@php
if (!isset($groups)) {
    $staticStart = [
        ['url'=>'/slots/category/hot','img'=>'assets/svg/slots/hot.svg','name'=>'Hot'],
        ['url'=>'/slots/category/exclusive','img'=>'assets/svg/slots/exclusive.svg','name'=>'Exclusive'],
        ['url'=>'/slots/category/new','img'=>'assets/svg/slots/new.svg','name'=>'New'],
        ['url'=>'/sns','img'=>'assets/svg/slots/sns.svg','name'=>"Stream n'Spin",'class'=>"provider--live"],
    ];
    $staticEnd = [
        ['url'=>'/slots/category/buy-bonus','img'=>'assets/svg/slots/buy-bonus.svg','name'=>'Buy Bonus'],
        ['url'=>'/slots/category/table','img'=>'assets/svg/slots/table.svg','name'=>'Table'],
        ['url'=>'/slots/category/megaways','img'=>'assets/svg/slots/megaways.svg','name'=>'Megaways'],
        ['url'=>'/fishing','img'=>'assets/svg/slots/fishing.svg','name'=>'Fishing','id'=>'fishing-item'],
    ];
    try {
        $providers = \Illuminate\Support\Facades\DB::table('tb_provider')
            ->where('provider_type', 'SL')
            ->where('provider_status', 1)
            ->orderBy('id', 'ASC')
            ->get();
    } catch (\Throwable $e) {
        $providers = collect();
    }
    $items = [];
    foreach ($staticStart as $s) {
        $items[] = [
            'url'=>$s['url'],
            'img'=>asset($s['img']),
            'name'=>$s['name'],
            'class'=>$s['class'] ?? '',
            'id'=>$s['id'] ?? null
        ];
    }
    foreach ($providers as $p) {
        $items[] = [
            'url'=>'/slots/provider/'.strtolower($p->provider_slug),
            'img'=>$p->provider_image,
            'name'=>ucwords(strtolower($p->provider_name)),
            'class'=>$p->provider_flag,
            'id'=>null
        ];
    }
    foreach ($staticEnd as $s) {
        $items[] = [
            'url'=>$s['url'],
            'img'=>asset($s['img']),
            'name'=>$s['name'],
            'class'=>'',
            'id'=>$s['id'] ?? null
        ];
    }
    $groups = array_chunk($items, 8);
}
@endphp
<article class="card card--slot-carousel card--d card--inline card--light home--full-width">
    <div class="card__title">
        <a href="/slot/category/hot" class="">
            <img alt="Slots" src="https://cdn-proxy.globalcontentcloud.com/456/dist/img/slots-muted.a305ba0.svg" class="brand-icon brand-icon--md">
            <span>Slots</span>
        </a>
    </div>
    {{-- ================= CARD BODY ================= --}}
    <div class="card__body">
        <div class="carousel slot-carousel carousel--d slot-carousel--d">
            <div class="carousel__control carousel__prev carousel__control--disabled">
                <i class="icon-arrow-left icon--sm"></i>
            </div>
            <div class="carousel__inner">
                <div class="carousel__container transition">

                    @foreach ($groups as $group)
                    <div class="slot-carousel__group slot-carousel__group--ud">
                        @foreach ($group as $item)
                        <a href="{{ $item['url'] }}" class="slot-carousel__item 
								   {{ request()->is(ltrim($item['url'], '/')) ? 'app-link--exact-active app-link--active' : '' }}" @if(!empty($item['id'])) id="{{ $item['id'] }}" @endif>

                            <div class="slot-carousel__img-container {{ $item['class'] }}">
                                <img src="{{ $item['img'] }}" alt="{{ $item['name'] }}">
                            </div>

                            <span>{{ $item['name'] }}</span>
                        </a>
                        @endforeach
                    </div>
                    @endforeach

                </div>
            </div>
            <div class="carousel__control carousel__next">
                <i class="icon-arrow-right icon--sm"></i>
            </div>
        </div>
    </div>
    <a href="/slot/category/hot" class="btn--flex btn--sm card__see-all"> Lihat semua </a>
</article>