@foreach ($products as $product)
<div class="col-md-4 col-sm-12 mb-4">
    <div class="card">
        @foreach ($product->images as $image)
            @if($image->main_image)
                <img class="img-fluid card-img reward-voucher-img" src="{{ $image->image }}" alt="{{ $product->name }}">
            @endif
        @endforeach
        <div class="card-container">
            <p>
                @if($product->type == 1)
                Voucher
                @else
                Product
                @endif
            </p>
            <h5><b>{{ $product->name }}</b></h5> 
            <p class="fa-xs grey-text min-height-30">{{ $product->full_description }}</p> 
            <div class="row">
                <div class="col-md-6">
                    <div class="fa-xs grey-text">Available From:</div>
                    <div class="fa-xs grey-text mb-2">{{ $product->start_date }}</div>
                </div>
                <div class="col-md-6">
                    <div class="fa-xs grey-text">End From:</div>
                    <div class="fa-xs grey-text mb-2">{{ $product->end_date }}</div>
                </div>
                <div class="col-md-6">
                    <div class="fa-md m-auto">{{ $product->unit_price }} Points</div>
                </div>
                <div class="col-md-6 pl-0">
                    <a class="btn btn-sm btn-reward mb-2" onclick="addCart({{ $product->variations->first()->id }})">USE POINTS</a>
                </div>
            </div>
        </div>
    </div>
</div>
@endforeach
{{ $products->links() }}