@extends('frontend.layouts.mobile')

@section('title', $data['page']->meta_title)
@section('meta_keywords', $data['page']->meta_keywords)
@section('meta_description', $data['page']->meta_description)

@section('content')

    @if(isset($data['special_header_img_mobile']))
    <!-- ...:::Start Hero Slider Section:::... -->
    <div class="hero-section
                                            section-gap-top-25">
        <div class="container">
            <!-- Start Hero Area -->
            <div class="hero-area
                                                    hero-area--style-1
                                                    hero-slider-active">
                <!-- Slider main container -->
                <div class="swiper">
                    <!-- Additional required wrapper -->
                    <div class="swiper-wrapper">
                        <img class="img-full" alt="{{ $data['page']->heading }}" data-cfsrc="vsi/image/{{ $data['special_header_img_mobile'] }}" src="vsi/image/{{ $data['special_header_img_mobile'] }}">
                    </div>
                </div>

            </div>
            <!-- End Hero Area -->
        </div>
    </div>
    <!-- ...:::End Hero Slider Section:::... -->
    @endif

    <!-- ...:::Start Catagories - 1 Section:::... -->
        <div class="catagories-section">
            <div class="container">
                <div class="title-content mb-5">
                    <h2 class="title">
                        {{ $data['page']->heading }}
                    </h2>
                </div>

                <div class="mb-15">
                    @if(trim(strip_tags($data['page']->content)) != null)
                        <div class="mb-15">
                            {!! $data['page']->content !!}
                        </div>
                    @endif
                </div>


                @foreach($data['show_products'] as $key => $products)
                    <!-- BLOCK -->
{{--                    <div class="title-content">--}}
{{--                        <h2 class="title">{{ $key }}</h2>--}}
{{--                    </div>--}}



                    <div class="catagories-wrapper">
                        <div class="catagories-wrapper-content">
                            @foreach($products as $sku)
                                @php
                                    $link = null;
                                    if(strstr($sku, '^'))
                                    {
                                        $exp = explode('^', $sku);
                                        $sku = $exp[0];
                                        $link = $exp[1];
                                    }
                                    $product = \App\Models\Product::getProductBySKU($sku);

                                    $path = 'up_data/products/images/thumbnails/' . $product->image;
                                @endphp
                                @if($product)


                                @push('head-area')
                                    <link rel="preload" href="{{ $path }}" as="image">
                                @endpush
                                {!! \App\Models\Product::productBlock($product, 'mobile') !!}


                                @endif
                            @endforeach
                        </div>
                    </div>

                    <!-- END BLOCK -->
                @endforeach


            </div>
        </div>
        <!-- ...:::Start Catagories - 1 Section:::... -->
@endsection