@extends('front.v2.partials.master')
@section('content')
    {{-- Sliders --}}
    @include('front.v2.partials.sliders')
    {{-- Small Banners --}}
    @include('front.v2.partials.small-banners')
    {{-- Menu --}}
    {{-- @include('front.v2.partials.menu') --}}
    <!-- Menu Section Starts -->
    <section class="menu-section mt-5" style="width: auto">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="menu_tab_list">
                        <ul class="nav nav-pills nav-fill mb-3" style="display:block;" id="pills-tab" role="tablist">
                            <div id="testimonial-slider-desktop" style="text-align: justify">
                                @if (count($items) > 0)
                                    @php
                                    $i = 1;
                                    $is_mobile = isMobile();
                                    @endphp
                                    @foreach ($items as $category)
                                        <div class="testimonial category-inner mt-2">
                                            <li class="nav-item" role="presentation">
                                            <div class="category-links nav-link {{ $i == 1 ? 'active' : '' }}"
                                                id="step{!! $category['id'] !!}-tab" role="tab" data-bs-toggle="tab"
                                                data-bs-target='#{!! Str::slug($category['name']) !!}'
                                                aria-controls="step{!! $category['id'] !!}-tab-pane"
                                                aria-selected="true">
                                                <div class="menu_details">
                                                    @if(session('master_company_id') != 2)
                                                        <img src="{!! $category['photo'] !!}" class="img-fluid" alt="{!! $category['name'] !!}" />
                                                    @endif
                                                    <h3>{!! $category['name'] !!}</h3>
                                                </div>
                                            </div>
                                            </li>
                                        </div>
                                        @php
                                        $i++;
                                        $checkReward[] = in_array(1, array_column($category['result'], 'is_reward'));
                                        @endphp
                                    @endforeach
                                    @if (in_array(true, $checkReward))
                                        <div class="testimonial __reward_div category-inner">
                                            <li class="nav-item" role="presentation">
                                                <div class="category-links nav-link" id="stepreward-tab" role="tab"
                                                    data-bs-toggle="tab" data-bs-target='#reward'
                                                    aria-controls="stepreward-tab-pane" aria-selected="true">
                                                    <div class="menu_details">
                                                        @php
                                                        $rewardImg = getField('reward_logo') ?? 'assets/images/reward.png';
                                                        if($rewardImg == ""){
                                                        $rewardImg = 'assets/images/reward.png';
                                                        }
                                                        @endphp
                                                        @if(session('master_company_id') != 2)
                                                            <img src="{{ asset($rewardImg) }}" class="img-fluid" style="position: relative;bottom: 10px;height: auto;" alt="Rewards">
                                                        @endif
                                                        <h3>Reward</h3>
                                                    </div>
                                                </div>
                                            </li>
                                        </div>
                                    @endif
                                @endif
                            </div>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Menu Section Ends -->

    <!-- Inner Section Starts -->
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="product-information">
                    <div class="tab-content" id="formTabsContent">
                        @if (count($items) > 0)
                            @php
                                $i = 1;
                            @endphp
                            @if (in_array(true, $checkReward))
                                <div class="tab-pane fade" id="reward" role="tabpanel" aria-labelledby="stepreward-tab" tabindex="0">
                                    <h3>Reward</h3>
                                    <div class="row">
                                        @foreach ($items as $allItem)
                                            @foreach ($allItem['result'] as $item)
                                                @if (isset($item['is_reward']) && $item['is_reward'] == 1)
                                                    <div class="col-lg-3 col-sm-6 mb-4">
                                                        <div class="product-boxx">
                                                            <div class="list-view">
                                                                <div class="list-product">
                                                                    <a href="{!! getProductSlug($item['id'],$item['name'],true) !!}">
                                                                        <div class="list-product-img">
                                                                                <img src="{!! $item['featured_image'] !!}"
                                                                                     class="img-fluid" alt="{!! $item['name'] !!}" />
                                                                        </div>
                                                                    </a>
                                                                </div>
                                                                <div class="price_box_new">
                                                                    <div
                                                                        class="price-det d-flex flex-wrap justify-content-between flex-md-nowrap">
                                                                        <div class="product_name_list"><a
                                                                                href="{!! getProductSlug($item['id'] ,$item['name'],true ) !!}">{!! $item['name'] !!}</a>
                                                                        </div>
                                                                        <div class="price_list_new">
                                                                            <div class="priceee">
                                                                                <span>{!! $item['reward_points'] !!}
                                                                                    {!! __('v2/front_site.item_points') !!}</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <p>{!! $item['description'] !!}</p>

                                                                </div>
                                                                <ul>
                                                                    <li>
                                                                        <a href=" {!! getProductSlug($item['id'] ,$item['name'],true) !!}">{!! __('v2/front_site.select') !!}</a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                            @endforeach
                                        @endforeach
                                    </div>
                                </div>
                            @endif

                            @foreach ($items as $category)
                                <div class="tab-pane fade {{ $i == 1 ? 'active show' : '' }}"
                                    id="{!! Str::slug($category['name']) !!}" role="tabpanel"
                                    aria-labelledby="step{!! $category['id'] !!}-tab" tabindex="0">
                                    <h3>{!! $category['name'] !!}</h3>
                                    <div class="row">
                                        @if (count($category['result']) > 0)
                                            @foreach ($category['result'] as $item)
                                                <div class="col-lg-3 col-sm-6 mb-4">
                                                    <div class="product-boxx">
                                                        <div class="list-view position-relative">
                                                            @if (authCustomer())
                                                                @if (empty($item['is_half']) && $category['id'] != 19)
                                                                    <div class="heart-btn ">
                                                                        <a id="swapHeart "
                                                                            data-itemid="{!! $item['id'] !!}"
                                                                            data-url="{!! route('front.v2.toggle-fav-item') !!}"
                                                                            class="btn btn-default swap addFav">
                                                                            <i class="{!! isset($item['is_favorite']) && $item['is_favorite'] == 1 ? 'fa fa-heart favorite' : 'fa fa-heart-o' !!}"></i>
                                                                        </a>
                                                                    </div>
                                                                @endif
                                                            @endif
                                                            <div class="list-product">
                                                                <a href="@if ($item['is_half']) {!! getProductSlug('half-half') !!} @else {!! getProductSlug($item['id'] , $item['name']) !!} @endif">
                                                                    <div class="list-product-img">
                                                                        @if (isset($item['item_discount']) && $item['item_discount'] > 0)
                                                                            <div class="itm-discount">
                                                                                <span>{{ (int) $item['item_discount'] . '% OFF' }}</span>
                                                                                <img class="discount-tag" width="100" src="{{ $item['discount_image'] }}">
                                                                            </div>
                                                                        @endif

                                                                        <img @if ($item['is_half']) style="padding: 1px;" @endif
                                                                                src="{!! $item['featured_image'] !!}" class="img-fluid"
                                                                                alt="{!! $item['name'] !!}" />
                                                                    </div>
                                                                </a>
                                                            </div>
                                                            <div class="price_box_new">
                                                                <div
                                                                    class="price-det d-flex flex-wrap justify-content-between flex-md-nowrap">
                                                                    <div class="product_name_list"><a
                                                                            href="@if ($item['is_half']) {!! getProductSlug('half-half') !!} @else {!! getProductSlug($item['id'] , $item['name']) !!} @endif">{!! $item['name'] !!}</a>
                                                                    </div>
                                                                    <div class="price_list_new">
                                                                        <div class="priceee">
                                                                            <span>{!! $item['offer_price_comma'] !!}</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <p>{!! $item['description'] !!}</p>
                                                            </div>

                                                            <ul>
                                                                <li>
                                                                    <a
                                                                        href="@if ($item['is_half']) {!! getProductSlug('half-half') !!} @else {!! getProductSlug($item['id'] , $item['name']) !!} @endif">{!! __('v2/front_site.select') !!}</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach
                                        @endif
                                    </div>
                                </div>
                                @php
                                    $i++;
                                @endphp
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if(masterCompanyId() == 1)
        {{--<div class="image-container" style="position:absolute;top: -30%;z-index:1">
            @for($i=1;$i<=18;$i++)
                <img src="{!! asset('/assets/images/helloween/'.$i.'.png') !!}" class="christmas-image c-img{{ $i }}">
            @endfor
        </div>--}}
    @endif
@endsection