@extends('layouts.master')

@section('content')
    @include('modules.carousel')

    @include('modules.category')
    <div class="row">
        <div class="col-12">
            @foreach ($categories as $category)
                @if($category->products->count() > 0)
                <div class="shadow-sm pl-1">
                    <blockquote class="quote-success bg-gray-light">
                        <h5 class="text-dark">{{ $category->title }}</h5>
                    </blockquote>
                </div>
                <div class="row">
                    @foreach ($category->products->shuffle()->take(config('setting.cat_limit')) as $row)
                        @if($row->active == 1)
                        <div class="col-6">
                            <div class="info-box rounded-0 p-0">
                                <div class="info-box-content px-1">
                                    <div class="img-wrapper">
                                        <img src="{{ $row->thumb != '' ? asset(config('setting.product').'/thumbs/'.$row->thumb) : asset(config('setting.product').'/thumbs/no-thumb.jpg') }}" class="img-fluid border rounded-0" alt="...">
                                        <div class="img-overlay">
                                            <h2 class="text-success"><span class="fa fa-play-circle"></span></h2>
                                        </div>
                                    </div>
                                    <span><a href="{{ route('product.view', [app()->getLocale(), $row->id]) }}" class="stretched-link text-dark">{{ Str::limit($row->title, 10) }}</a></span>
                                </div>
                            </div>
                        </div>
                        @endif
                    @endforeach
                </div>
                @endif
            @endforeach
        </div>
    </div>
@endsection