@extends('front.layout.app')
@section('title', 'Specials')
@section('content')
    <div class="innerBanner">
        <img src="{{asset('front')}}/images/aboutBanner.jpg" alt="First slide" class="w-100">
        <h2>Specials</h2>
    </div>

    <section class="popularProduct">
        <div class="container-fluid">
            <div class="row productstop">
                <div class="col-md-6">

                </div>
                <div class="col-md-6">
                    <div class="searchbar-mn">
                        <form class="form-inline" action="">
                            <input class="form-control" type="search" name="query" placeholder="Search..."
                                   aria-label="Search" value="{{request()->get('query')}}">
                            <button type="submit"><i class="fa fa-search"></i></button>
                        </form>
                    </div>
                </div>
            </div>
            <div class="row">
                @if(isset($collection) && !empty($collection))
                    @forelse($collection as $cp)
                        <div class="col-md-3 col-sm-6">
                            <div class="proThumb @if($cp->price > $cp->current_price) frst-mn @endif">
                                <div class="img">
                                    <img src="{{@productImage($cp->product_image)}}" alt="" class="w-100">
                                    <div class="overlay">
                                        <div class="btn-rev">
                                            <a href="javascript:;"  class="buttonCart prodPromote" data-id="{{$cp->id}}"><i class="fal fa-shopping-bag"></i><i class="fa fa-plus-circle"></i></a>
                                            <a href="javascript:void(0);" class="whistlist-btn buttonWishList" data-id="{{$cp->id}}"><i class="fas fa-heart"></i></a>
                                        </div>
                                        <p>{!! $cp->description ?? '' !!}</p>
                                    </div>
                                    @if($cp->price > $cp->current_price)
                                        <span class="saleTag">Sale</span>
                                    @endif
                                    <div class="iconsImg">
                                        <img src="{{@getLineageIcon($cp->lineage) ?? asset('front/images/io1.png')}}" alt="">
                                    </div>
                                </div>
                                <a href="{{url('shop/'.$cp->slug??'')}}">{{$cp->product_name ?? ''}}</a>
                                <strong>${{$cp->current_price}}/<small>{{$cp->weight??'0.00'}}G</small>
                                    @if($cp->price > $cp->current_price)
                                        <span>${{$cp->price}}</span>
                                    @endif
                                </strong>
                            </div>
                        </div>
                    @empty
                    @endforelse
                @endif
            </div>
        </div>
    </section>

@endsection