@extends('frontend::layouts.master')
@section('title')

@section('style')

@endsection

@section('content')
    <main>
        @includeIf('frontend::banner')
        {{-- <div class="blog-highlight-banner" style="background-image:url({{ Module::asset('frontend:img/blog-banner.png') }})">
        </div> --}}
        <div class="the-container">
            <div class="sm:-mx-6 flex flex-wrap relative">
                <div class="p-4 w-full">
                    <div class="text-center py-8">
                        <h2 class="uppercase th-6 fs-24">{{ !empty($data['product_url']['name']) ? $data['product_url']['name'] : "" }}</h2>
                    </div>
                    @if (!empty($data['products']['res']))
                        <div class="flex flex-wrap -mx-6">
                            @foreach ($data['products']['res'] as $products)
                                <div class="w-full xs:w-1/2 xl:w-4/12 p-3 the-c-lessor">
                                    <div class="the-c anim-slide-in-bck">
                                        <div class="the-c-wrapper">
                                            <div class="the-c-img-wrapper full-url">
                                                {{-- <div class="discount-badge">
                                                    <div class="badge-icon-wrapper">
                                                        <p class="text-whiten dis-text">รับส่วนลดพิเศษวันนี้</p>
                                                    </div>
                                                </div> --}}
                                                @if (!empty($products['image']))
                                                    <div class="the-c-img">
                                                        <img src="{{ asset($products['image']) }}" />
                                                    </div>
                                                @endif
                                                @if (!empty($products['url']))
                                                    <a class="z-20" href="{{ $products['url'] }}"></a>
                                                @endif
                                            </div>
                                            <div class="the-c-detail full-url">
                                                <p class="the-c-title">{{ !empty($products['name'])  ? $products['name'] : ""}}</p>
                                                {{-- detail  --}}
                                                    {!! !empty($products['desc']) ? $products['desc'] : "" !!}
                                                {{-- end detail  --}}
                                                @if (!empty($products['url']))
                                                    <a href="{{ $products['url'] }}"></a>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    @endif
                    @if (!empty($data['products']['page']))
                        @if ($data['products']['page']->count() > 12 )
                            <div class="py-6">
                                <button class="butn-loadm butn-w-2h mx-auto">@lang("frontend::lang.index_msg_6")</button>
                            </div>
                        @endif
                    @endif
                </div>
            </div>
        </div>
    </main>
@endsection

@section('script')


@endsection