@extends('layouts.public')
@section('title')
PRODUK PKKP JAWA TENGAH
@endsection

@section('customStyle')

<link rel="stylesheet" type="text/css" href="{{ asset('css/public_home.css') }}" />


@endsection

@section('content')
@if (Request::segment(1) == '')

<div class="container">
      <div class="intro-slider-container mb-4">
        <div class="intro-slider owl-carousel owl-simple owl-nav-inside" data-toggle="owl" data-owl-options='{
                "nav": false, 
                "dots": true,
                "responsive": {
                    "992": {
                        "nav": true,
                        "dots": false
                    }
                }
            }'>
                @foreach ($slideshows as $key_slideshow => $slideshow)
                <div class="intro-slide" style="background-image: url('{{ asset('data_file/slideshow/'.$slideshow->image_slideshow) }}');">
                    <div class="container intro-content">
                        <h1 class="intro-title">{{$slideshow->description_slideshow}}</h1>
                    </div>
                </div>
                @endforeach
        </div>
          <span class="slider-loader"></span>
      </div>
      <!-- End .intro-slider-container -->
</div>


{{--  <div class="container pt-3">
  <div class="card shadow mb-4">
        <div class="card-body mb-5 mt-3">
          <div class="row row-cols-md-12">
                
            <div class="slideshow-container">
              @foreach ($slideshows as $key_slideshow => $slideshow)
              <div class="mySlides ">
                <div class="numbertext">{{$key_slideshow + 1}} / {{count($slideshows)}}</div>
                <img src="{{ asset('data_file/slideshow/'.$slideshow->image_slideshow) }}" style="width:100%">
                <div class="text">{{$slideshow->description_slideshow}}</div>
              </div>
              
              
              @endforeach
              
              <a class="prev" onclick="plusSlides(-1)">❮</a>
              <a class="next" onclick="plusSlides(1)">❯</a>
              
            </div>
            
            
          </div>
        </div>
    </div>
</div>  --}}
@endif
@if (Request::segment(1) == '')
<div class="container">
    {{--  <h2 class="title bold text-center letter-01rem mt-50 mb-40">KATEGORI <b class="color-kuning">PRODUK</b></h2>  --}}
    <div class="cat-blocks-container mt-50 mb-40">
        <div class="">
            <div class="container">
                <div class="row justify-content-center">
                                   
                    @foreach ($categories_beranda as $k_beranda)
                        
                    
                    <div class="col-sm-2">
                        <div class="banner banner-overlay">
                            <a href="{{url('/kategori/view_product/category/')}}/{{$k_beranda->name_category}}">
                                <img src="{{asset('data_file/category/'.$k_beranda->image_category)}}" style="height: 150px !important;">
                            </a>
                           
                            <div class="banner-content banner-content-center">
                                <h3 class="banner-subtitle text-white">KATEGORI</h3>
                                    <a href="{{url('/kategori/view_product/category/')}}/{{$k_beranda->name_category}}">
                                        <h3 class="banner-title text-white bold">{{strtoupper($k_beranda->name_category)}}</h3>
                                    </a>
                            </div><!-- End .banner-content -->
                        </div><!-- End .banner -->
                    </div><!-- End .col-sm-4 -->
                    
                    @endforeach
                    
                </div><!-- End .row -->
            </div><!-- End .container -->
        </div>
    </div>
</div>
@endif

<div class="container">
    <h2 class="title bold text-center letter-01rem mt-50 mb-40"> PRODUK<b class="color-kuning">
        @if (Request::segment(1) == '')
            TERBARU
        @elseif(Request::segment(2) == 'product_terbaru')
            TERBARU
        @else
            @if(isset($lokasi_produk))
                {{$lokasi_produk->place}}
            @else
                {{strtoupper(Request::segment(4))}}   
            @endif
        @endif
    </b></h2>
<div class="products-container" data-layout="fitRows">
    @foreach($products as $product)
    <div class="product-item furniture col-6 col-md-4 col-lg-3">
        <div class="product product-4">
            <figure class="product-media">
                <a href="{{url('detail/view_product/'. $product->id )}}">
                    <img src="{{ asset('data_file/product/'.$product->image) }}" alt="Product image" class="product-image">
                </a>

                <div class="product-action bold">
                    <a href="{{url('detail/view_product/'. $product->id )}}" class="btn-product btn-quickview bold" title="Quick view"><span>Lihat Produk</span></a>
                </div><!-- End .product-action -->
            </figure><!-- End .product-media -->

            <div class="product-body">
                <h3 class="product-title font-size-16 bold uppercase text-center"><a href="{{url('detail/view_product/'. $product->id )}}">{{ $product->name }}</a></h3>
                <div class="product-price uppercase text-center">{{ $product->sub_category }}</div>
            </div><!-- End .product-body -->
        </div><!-- End .product -->
    </div><!-- End .product-item -->
    @endforeach
</div>
@if (Request::segment(1) == '')
<div class="h-100 d-flex align-items-center justify-content-center" >
<a href="{{url('/view_product/product_terbaru')}}" class="btn btn-primary">Selengkapnya</a>
</div>
<br>
@endif
@if (Request::segment(1) != '')
<div class="h-100 d-flex align-items-center justify-content-center" >
    {{ $products->links() }}
</div>
@endif
</div>

{{--  <div class="container pt-3">
    <div class="card shadow mb-4">
        <div class="card-body mb-5 mt-3">
            <div class="row row-cols-1 row-cols-md-3">
                @foreach($products as $product)
                <div class="col-lg-3 col-md-4 col-sm-6 float-left mb-3">
                    <div class="card a h-100">
                        <div class="thumbnail-img">
                            <img src="{{ asset('data_file/product/'.$product->image) }}" class="card-img" alt="ea">
                        </div>
                        <div class="card-body">
                            <a href="detail/view_product/{{ $product->id }}" class="stretched-link text-decoration-none text-secondary">
                                <h5 class="card-title text-dark">{{ $product->name }}</h5>
                                <div class="d-flex justify-content-between">
                                    <p class="card-text">{{ $product->category }} <br>   {{ $product->sub_category }}</p>
                                </div>
                                <div class="float-right text-dark" style="position:absolute; bottom:0; right:0;"> Lihat Produk <i class=" fas fa-angle-double-right"></i></div>
                            </a>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
            <div style="margin-left: 35%">
                    @if (count($products) != 0)
                    
                    @endif
                
            </div>
        </div>
    </div>
</div>

  --}}
  @endsection