@extends('front.layouts.main')

@section('content')

<!--<h1>CAFEJAVA's DEALS</h1>-->
@if(count($data) > 0)
<section class="pt-40">
    <div class="container">
        <h2 class="col mt-0">CJ'S DEALS</h2>
        <div class="d-flex flex-wrap">
            @foreach($data as $deal)
            <div class="col xs4">
                <div class="mb-40">
                    <div class="text-blue fs-20 mb-10"><strong>{{ $deal['dealName'] }}</strong></div>
                    <div class="deal-thumbnail">
                        <!-- <a href="{{url('user/productDetails/'.base64_encode($deal['productID']).'?d='.base64_encode($deal['dealID']).'&cat='.$deal['categoryName'].'&subcat='.$deal['subCategoryName'])}}"> -->
                            <img src="{{ $deal['bannerImage'] }}" alt="Deal Image" />
                        <!-- </a> -->
                    </div>
                    <!-- <div class="mt-15">
                        <a href="{{url('user/productDetails/'.base64_encode($deal['productID']).'?d='.base64_encode($deal['dealID']).'&cat='.$deal['categoryName'].'&subcat='.$deal['subCategoryName'])}}" class="btn btn-green">ORDER</a>
                    </div> -->
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
<div style="float:right;">
    <a href="{{url('user/'.$url.'/'.$previous)}}">Previous</a>
    <a href="{{url('user/'.$url.'/'.$next)}}">Next</a>
</div>
@else
<center>
    <h3>PRODUCTS NOT FOUND</h3>
</center>
@endif
@endsection
@section('js')

@endsection