@extends('home.layout.master')
@section('content')
<section class="slider-banner-area clearfix">
    <!-- Sidebar-social-media start -->
    <div class="sidebar-social d-none d-md-block">
        <div class="table">
            <div class="table-cell">
                <ul>
                    <li><a href="#" target="_blank" title="Google Plus"><i
                                class="zmdi zmdi-google-plus"></i></a></li>
                    <li><a href="#" target="_blank" title="Twitter"><i
                                class="zmdi zmdi-twitter"></i></a></li>
                    <li><a href="#" target="_blank" title="Facebook"><i
                                class="zmdi zmdi-facebook"></i></a></li>
                    <li><a href="#" target="_blank" title="Linkedin"><i
                                class="zmdi zmdi-linkedin"></i></a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- Sidebar-social-media start -->
    <div class="banner-left floatleft">
           </div>
           <div class="container-fluid">

   
    </div>
    <!-- Sidebar-social-media start -->
    <div class="sidebar-account d-none d-md-block">
        <div class="table">
            <div class="table-cell">
                <ul>
                    <li><a class="search-open" href="#" title="Search"><i
                                class="zmdi zmdi-search"></i></a></li>
                    <li><a href="#" title="Login"><i class="zmdi zmdi-lock"></i></a>
                        <div class="customer-login text-left">
                            <form action="#">
                                <h4 class="title-1 title-border text-uppercase mb-30">Registered customers</h4>
                                <p class="text-gray">If you have an account with us, Please login!</p>
                                <input type="text" name="email" placeholder="Email here..." />
                                <input type="password" placeholder="Password" />
                                <p><a class="text-gray" href="#">Forget your password?</a></p>
                                <button class="button-one submit-button mt-15" data-text="login"
                                    type="submit">login</button>
                            </form>
                        </div>
                    </li>
                    <li><a href="my-account.html" title="My-Account"><i class="zmdi zmdi-account"></i></a>
                    </li>
                    <li><a href="wishlist.html" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- Sidebar-social-media start -->
</section>
<!-- End Slider-section -->
<!-- sidebar-search Start -->
<div class="sidebar-search animated slideOutUp">
    <div class="table">
        <div class="table-cell">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 offset-md-2 p-0">
                        <div class="search-form-wrap">
                            <button class="close-search"><i class="zmdi zmdi-close"></i></button>
                            <form action="#">
                                <input type="text" placeholder="Search here..." />
                                <button class="search-button" type="submit">
                                    <i class="zmdi zmdi-search"></i>
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- sidebar-search End -->
<!-- PRODUCT-AREA START -->
<div class="product-area pt-80 pb-35">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title text-center">
                    <h2 class="title-border">Pilihan Sablon Terbaik</h2>
                </div>
                <div class="product-slider style-1 arrow-left-right">
                    <!-- Single-product start -->
                    @php
                        function rupiah($angka)
                        {
                            $hasil_rupiah = 'Rp ' . number_format($angka, 2, ',', '.');
                            return $hasil_rupiah;
                        }
                    @endphp
                    @foreach ($produk as $produk)
                        <div class="single-product">
                            <div class="product-img">
                                <a href="{{ route('detail_produk', $produk->id_produk) }}"><img src="/produk/{{ $produk->foto_produk1 }}"
                                        alt="" /></a>
                            </div>
                            <div class="product-info clearfix">
                                <div class="fix">
                                    <h4 class="post-title floatleft"><a
                                            href="{{ route('detail_produk', $produk->id_produk) }}">{{ Str::upper($produk->nama_produk) }}</a></h4>
                                    <p class="floatright hidden-sm d-none d-md-block">{{ Str::upper($produk->jenis_produk) }}</p>
                                </div>
                                <div class="fix">
                                    <span class="pro-price floatleft">
                                        @php
                                            echo rupiah($produk->harga_produk1);
                                        @endphp
                                    </span>
                                    <span class="pro-rating floatright">
                                        <a href="#"><i class="zmdi zmdi-star"></i></a>
                                        <a href="#"><i class="zmdi zmdi-star"></i></a>
                                        <a href="#"><i class="zmdi zmdi-star"></i></a>
                                        <a href="#"><i class="zmdi zmdi-star"></i></a>
                                        <a href="#"><i class="zmdi zmdi-star"></i></a>
                                    </span>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</div>
<!-- PRODUCT-AREA END -->
<!-- DISCOUNT-PRODUCT START -->
<!-- <div class="discount-product-area">
    <div class="container">
        <div class="row">
            <div class="discount-product-slider dots-bottom-right">
                <div class="col-lg-12">
                    <div class="discount-product">
                        <img src="/annprint/diskon.jpg" alt="" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</div> -->
<!-- DISCOUNT-PRODUCT END -->
@endsection