@extends('frontend.layouts.app')
<style type="text/css">
   .discount {background: #50250d; width: 35px; height: 35px;   font-size: 11px; font-weight: 600; border-radius: 100%; position: absolute; right: 5px; top: 5px; color: #fff; line-height: 11px; padding:7px 5px; text-align: center;}

    .media-height { height: 295px; }

   @media (max-width: 576px){
    .media-height { height: 180px;
    }
   }

</style>
@section('content')
@php

    $coupon  = \App\Coupon::where('code', $code)->first();
    if(!empty($coupon)){
        foreach (json_decode(@$coupon->details) as $key => $val) {
            $product_id[] = $val->product_id;
        }

        if(count($product_id) > 0){

             $products = \App\Product::whereIn('id', $product_id)->where('published', 1)->paginate(24);
        }
    }
    $actual_link = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
    $url = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]";
    $finalUrl = $url.'/offer/product/'.$coupon->code;
    $offerBanner = \App\Slider::where('link', $finalUrl)->where('published', 1)->first();
    $mobileBanner = \App\MobileWebSlider::where('link', $finalUrl)->where('published', 1)->first();
@endphp
    <div class="media-height d-none d-md-block">
        <a href="javascript:void(0);" target="" tabindex="-1">
            @if(!empty($offerBanner))
                <img class="d-block w-100 h-100 lazyload" src="{{Storage::disk('s3')->url('frontend/images/placeholder-rect.jpg')}}" data-src="{{Storage::disk('s3')->url($offerBanner->photo)}}" alt="{{ env('APP_NAME')}} promo">
            @endif
        </a>
    </div>
    <div class="media-height d-block d-md-none">
        <a href="javascript:void(0);" target="" tabindex="-1">
            @if(!empty($mobileBanner))
                <img class="d-block w-100 h-100 lazyload" src="{{Storage::disk('s3')->url('frontend/images/placeholder-rect.jpg')}}" data-src="{{Storage::disk('s3')->url($mobileBanner->photo)}}" alt="{{ env('APP_NAME')}} promo">
            @endif
        </a>
    </div>
    @if(count($data) > 0)
    <section class="gry-bg pt-5">
        <div class="container">
            <h4 class="heading-5 strong-600 border-bottom pb-3 mb-4"></h4>
                <div class="product-list row gutters-5 sm-no-gutters">
                    @foreach ($data as $key => $row)
                    @php
                        $product = \App\Product::where('id', $row)->first();
                    @endphp
                        <div class="col-xl-2 col-lg-3 col-md-4 col-6">
                            <div class="card product-box-1 mb-3">
                                <div class="card-image">
                                    @if(!empty($product->discount))
                                        <span class="discount">{{$product->discount}}% off</span>
                                    @endif
                                    <a href="{{ route('product', $product->slug) }}" class="d-block text-center">
                                        <img class="img-fit lazyload" src="{{ asset('frontend/images/placeholder.jpg') }}" data-src="{{ my_asset($product->thumbnail_img) }}" alt="{{  __($product->name) }}">
                                    </a>
                                </div>
                                <div class="card-body p-0">
                                    <div class="px-3 py-2">
                                         @if (\App\Addon::where('unique_identifier', 'club_point')->first() != null && \App\Addon::where('unique_identifier', 'club_point')->first()->activated)
                                            <div class="club-point mb-2 bg-soft-base-1 border-light-base-1 border">
                                                {{  translate('Club Point') }}:
                                                <span class="strong-700 float-right">{{ $product->earn_point }}</span>
                                            </div>
                                        @endif
                                        <h2 class="title text-truncate-2 mb-0">
                                            <a href="{{ route('product', $product->slug) }}">{{  __($product->name) }}</a>
                                        </h2>
                                    </div>
                                    <div class="price-bar row no-gutters">
                                        <div class="price col-md-7">
                                            @if(home_price($product->id) != home_discounted_price($product->id))
                                                <del class="old-product-price strong-600">{{ home_base_price($product->id) }}</del>
                                                <span class="product-price strong-600">{{ home_discounted_base_price($product->id) }}</span>
                                            @else
                                                <span class="product-price strong-600">{{ home_discounted_base_price($product->id) }}</span>
                                            @endif
                                        </div>
                                        <div class="col-md-5">
                                            <div class="star-rating star-rating-sm float-md-right">
                                                {{ renderStarRating($product->rating) }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="cart-add d-flex">
                                        <button class="btn add-wishlist border-right" title="Add to Wishlist" onclick="addToWishList({{ $product->id }})">
                                            <i class="la la-heart-o"></i>
                                        </button>
                                        <button class="btn add-compare border-right" title="Add to Compare" onclick="addToCompare({{ $product->id }})">
                                            <i class="la la-refresh"></i>
                                        </button>
                                        <button type="button" class="btn btn-block btn-icon-left" onclick="showAddToCartModal({{ $product->id }})">
                                            <span class="d-none d-sm-inline-block">{{ translate('Add to cart')}}</span><i class="la la-shopping-cart ml-2"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                <div class="row">
                    <div class="col">
                        <div class="products-pagination my-5">
                            <nav aria-label="Center aligned pagination">
                                <ul class="pagination justify-content-center">
                                    {{ $data }}
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
    </section>
    @endif

<style type="text/css">
    .gry-bg {  min-height: 25vh; }
</style>
@endsection