@extends('toko')
    @section('content')
    <!-- ***** Main Banner Area Start ***** -->
    <div class="main-banner" id="top">
        <div class="container-fluid">
            <h4>Era Ekonomi Digital Nusantara Baru</h4>
            <h4>Indonesia Maju</h4>
            <div class="row">
                <div class="col-lg-6">
                    <div class="left-content">
                        <div class="thumb">
                            <div class="inner-content">    
                            <span>Banyak Produk Menarik Di Toko Eddi</span>
                            <div class="main-border-button">
                            <a href="#">Belanja sekarang</a>
                            </div>
                            </div>
                            <img src="{{URL::asset('toko/images/image(1).png');}}" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="right-content">
                        <div class="row">
                            @foreach($poskategoris as $poskategori)
                            <div class="col-lg-6">
                                <div class="right-first-image">
                                    <div class="thumb">
                                        <div class="inner-content">
                                            <h4>{{$poskategori->kategori}}</h4>
                                            <span>{{$poskategori->deskripsi}}</span>
                                        </div>
                                        <div class="hover-content">
                                            <div class="inner">
                                                <h4>{{$poskategori->kategori}}</h4>
                                                <p>{{$poskategori->deskripsi}}</p>
                                                <div class="main-border-button">
                                                    <a href="#">Discover More</a>
                                                </div>
                                            </div>
                                        </div>
                                        <img src="{{URL::asset('gambar/'.$poskategori->gambar);}}">
                                    </div>
                                </div>
                            </div>
                            @endforeach
                            </div>
                        </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ***** Main Banner Area End ***** -->

    <!-- ***** Men Area Starts ***** -->
@foreach($poskategoris as $poskategori)
    <section class="section" id="men">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="section-heading">
                        <h2>{{ $poskategori->kategori }} terbaru</h2>
                        <span>{{ $poskategori->deskripsi }}</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="men-item-carousel">
                        <div class="owl-men-item owl-carousel">
                        @php
                        $items = App\Models\Barang::Latest()->where('idkategori','=',$poskategori->id)->get();
                        @endphp
                        @foreach ($items as $item)

                            <div class="item">
                                <div class="thumb">
                                    <div class="hover-content">
                                        <ul>
                                        <li><a href="{{ route('barang.single', $item->id) }}"><i class="fa fa-eye"></i></a></li>
                                        <li><a href="{{ route('barang.liked', $item->id) }}"><i class="fa fa-thumbs-up"></i></a></li>
                                        <li><a href="{{ route('toko.beli', $item->id) }}"><i class="fa fa-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                                <img src="{{ URL::asset('gambar/'.$item->gambar); }}"style="height:200px"alt="">
                            </div>
                                <div class="down-content">
                                    <h4>{{$item->barang}}</h4>
                                    <span>Rp.{{number_format($item->harga) }}</span>
                                    <ul class="stars">
                                     <li><i class="text-gray">{{ $item->suka }}</i><i class="fa fa-thumbs-up text-warning"></i></li>
                                 </ul>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
     @endforeach
    <!-- ***** Men Area Ends ***** -->
     @endsection