@extends('toko')
@section('content')
<!-- ***** Main Banner Area Start ***** -->
<div class="page-heading"id="top">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="inner-content">
                    <h2>Jelajahi produk kami</h2>
                    <h2>di era ekonomi di gital</h2>
                    <span>Lengkapi belanja anda dari koleksi di toko kami.</span>
                </div>
            </div> 
        </div>
    </div>
</div>
<!-- ***** Main Banner Area End ***** -->

<!-- ***** Products Area Starts ***** -->
<section class="section"id="products">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-heading">
                    <h2>{{ $kategoris_produk }}</h2>
                    <span>{{ $deskripsi_kategoris_produk }}</span>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
        @forelse ($posproduks as $posproduk)
            <div class="col-lg-4">
                <div class="item">
                    <div class="thumb">
                        <div class="hover-content">
                        <ul>
                            <li><a href="{{ route('barang.single', $posproduk->id) }}"><i class="fa fa-eye"></i></a></li>
                            <li><a href="{{ route('barang.liked', $posproduk->id) }}"><i class="fa fa-thumbs-up"></i></a></li>
                            <li><a href="{{ route('toko.beli', $posproduk->id) }}"><i class="fa fa-shopping-cart"></i></a></li>
                        </ul>
                        </div>
                        <img src="{{ URL::asset('gambar/'.$posproduk->gambar); }}"style="height:200px"alt="">
                    </div>
                    <div class="down-content">
                        <h4>{{ $posproduk->barang }}</h4>
                        <span>Rp. {{ number_format($posproduk->harga) }}</span>
                        <ul class="stars">
                            <li><i class="text-gray">{{ $posproduk->suka }}</i><i class="fa fa-thumbs-up text-warning"></i></li>
                        </ul>
                    </div>
                </div>
            </div>
        @empty
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-heading">
                        <span>Produk belum tersedia cek produk lebih lengkap.</span>
                    </div>
                </div>
            </div>
        </div>
        @endforelse
        </div>
    </div>
</section>
<!-- ***** Products Area Ends ***** -->

@endsection