@extends('layouts.front-layout')
@section('title') Merchandise @endsection
@section('content')
    <section class="innerBanner">
        <img src="upload/images/inerbg1.png" class="w-100" alt="img">
        <div class="overlay">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-6">
                        <h2>Check Out Our Merchandise!</h2>
                    </div>
                    <div class="col-md-6">
                        <img src="{{ pagesSingleImage('Product', 'product_top_banner_image') }}" class="img-fluid heroGirl" alt="img">
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="productMain">
        <div class="container">
            <div class="row">
                @forelse($get_merchandise as $merchandise)

                <div class="col-md-3">
                    <a href="{{route('product.detail',['slug'=>$merchandise->slug]) ? : ''}}" class="product-card">
                        <figure>
                            <img src="{{$merchandise->productImage('product_image') ? : ''}}" class="img-fluid" alt="">
                            <span class="badge">SALE</span>
                        </figure>
                        <div class="card-body">
                            <h5>{{$merchandise->product_name ? : ''}}</h5>
                            <p>&dollar; {{number_format($merchandise->price ? : '')}}</p>
                        </div>
                    </a>
                </div>

                @empty
                    <h3 class="mx-auto text-white">Merchandise Not Found</h3>
                @endforelse
            </div>
            <span class="text-center">

                {{$get_merchandise->links()}}
            </span>
        </div>
    </section>

@endsection