@extends('front.layouts.main')

@section('content')

@if(count($data) > 0)
<section class="pt-40">
    <div class="container">
        <h2 class="col mt-0">FEATURED PRODUCTS</h2>
        <div class="product-list-wrapper d-flex flex-wrap">
            @foreach($data as $product)
            <div class="col xs6 m4 lg3 mb-40">
                <div class="product-card d-flex flex-column flex-align-start">
                    <div class="product-thumbnail">
                        @if($product['isNewProduct'])
                        @endif
                        <a href="{{url('user/productDetails/'.base64_encode($product['productId']).'?cat='.$product['categoryName'].'&subcat='.$product['subCategoryName'])}}"><img src="{{$product['image']}}" alt="{{$product['productName']}}" /></a>

                    </div>
                    <div class="product-name "><a href="{{url('user/productDetails/'.base64_encode($product['productId']))}}" class="text-blue">{{strtoupper($product['productName'])}}</a></div>
                    <div class="product-price mt-auto">{{number_format($product['price'])}}</div>
                    <a href="{{url('user/productDetails/'.base64_encode($product['productId']).'?cat='.$product['categoryName'].'&subcat='.$product['subCategoryName'])}}" class="btn btn-green">ORDER</a>
                </div>
            </div>
            @endforeach
        </div>
        <div class="custom-pagination col d-flex flex-end mb-30">
            <a class="page-link" href="{{url('user/'.$url.'/'.$previous)}}">Previous</a>
            <a class="page-link" href="{{url('user/'.$url.'/'.$next)}}">Next</a>
        </div>
    </div>
</section>
@else
<center>
    <h3>PRODUCTS NOT FOUND</h3>
    <center>
        @endif
        @endsection
        @section('js')

        @endsection