@extends('website.includes.master')

@section('title')
    Shop
@endsection

@section('content')

    <!-- Start Bradcaump area -->
{{--    <div class="ht__bradcaump__area"--}}
{{--         style="background: rgba(0, 0, 0, 0) url({{ URL::asset('website/images/bg/4.jpg') }}) no-repeat scroll center center / cover ;">--}}
{{--        <div class="ht__bradcaump__wrap">--}}
{{--            <div class="container">--}}
{{--                <div class="row">--}}
{{--                    <div class="col-xs-12">--}}
{{--                        <div class="bradcaump__inner">--}}
{{--                            <nav class="bradcaump-inner">--}}
{{--                                <a class="breadcrumb-item" href="{{ route('/') }}">Home</a>--}}
{{--                                <span class="brd-separetor"><i class="zmdi zmdi-chevron-right"></i></span>--}}
{{--                                <span class="breadcrumb-item active">Products</span>--}}
{{--                            </nav>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
    <!-- End Bradcaump area -->
    <!-- Start Product Grid -->
    <section class="htc__product__grid bg__white ptb--100 pt-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-3"></div>
                <div class="col-lg-4">
                    <input type="text" placeholder="Filter Products" class="form-control mb-3" style="height:60px">
                </div>
                <div class="col-lg-2">
                    <button class="btn btn-dark w-100 MyHover My30Radius" style="height:60px;background-color: black">Filter</button>
                </div>
                <div class="col-lg-3"></div>
            </div>
            <div class="row">
                <div class="col-lg-12 order-lg-last col-md-12 order-md-first">
                    <div class="htc__product__rightidebar">
                        <!-- Start Product View -->
                        <div class="shop__grid__view__wrap">
                            <div role="tabpanel" id="grid-view"
                                 class="single-grid-view tab-pane fade show active clearfix">
                                <div class="row">
                                    <!-- Start Single Product -->
                                    <div class="col-md-3 col-6">
                                        <div class="category">
                                            <div class="ht__cat__thumb">
                                                <!-- Sale tag -->
                                                <div class="sale-tag MyHover">10%</div>
                                                <a href="">
                                                    <img src="{{ URL::asset('website/images/product/1.jpg') }}" alt="product images">
                                                </a>
                                            </div>
                                            <div class="fr__hover__info">
                                                <ul class="product__action">
                                                    <li><a href=""><i class="icon-handbag icons"></i></a></li>
                                                </ul>
                                            </div>
                                            <div class="fr__product__inner">
                                                <h4><a href="">Largest Water Pot</a></h4>
                                                <ul class="fr__pro__prize">
                                                    <li class="old__prize"><del>$30.3</del></li>
                                                    <li>$25.9</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- End Single Product -->
                                    <!-- Start Single Product -->
                                    <div class="col-md-3 col-6">
                                        <div class="category">
                                            <div class="ht__cat__thumb">
                                                <a href="">
                                                    <img src="{{ URL::asset('website/images/product/2.jpg') }}" alt="product images">
                                                </a>
                                            </div>
                                            <div class="fr__hover__info">
                                                <ul class="product__action">


                                                    <li><a href=""><i class="icon-handbag icons"></i></a></li>


                                                </ul>
                                            </div>
                                            <div class="fr__product__inner">
                                                <h4><a href="">Chair collection</a></h4>
                                                <ul class="fr__pro__prize">
                                                    <li class="old__prize"><del>$30.3</del></li>
                                                    <li>$25.9</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Single Product -->
                                    <!-- Start Single Product -->
                                    <div class="col-md-3 col-6">
                                        <div class="category">
                                            <div class="ht__cat__thumb">
                                                <a href="">
                                                    <img src="{{ URL::asset('website/images/product/3.jpg') }}" alt="product images">
                                                </a>
                                            </div>
                                            <div class="fr__hover__info">
                                                <ul class="product__action">


                                                    <li><a href=""><i class="icon-handbag icons"></i></a></li>


                                                </ul>
                                            </div>
                                            <div class="fr__product__inner">
                                                <h4><a href="">dummy Product name</a></h4>
                                                <ul class="fr__pro__prize">
                                                    <li class="old__prize"><del>$30.3</del></li>
                                                    <li>$25.9</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Single Product -->
                                    <!-- Start Single Product -->
                                    <div class="col-md-3 col-6">
                                        <div class="category">
                                            <div class="ht__cat__thumb">
                                                <a href="">
                                                    <img src="{{ URL::asset('website/images/product/4.jpg') }}" alt="product images">
                                                </a>
                                            </div>
                                            <div class="fr__hover__info">
                                                <ul class="product__action">


                                                    <li><a href=""><i class="icon-handbag icons"></i></a></li>


                                                </ul>
                                            </div>
                                            <div class="fr__product__inner">
                                                <h4><a href="">Largest Water Pot</a></h4>
                                                <ul class="fr__pro__prize">
                                                    <li class="old__prize"><del>$30.3</del></li>
                                                    <li>$25.9</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Single Product -->
                                    <!-- Start Single Product -->
                                    <div class="col-md-3 col-6">
                                        <div class="category">
                                            <div class="ht__cat__thumb">
                                                <a href="">
                                                    <img src="{{ URL::asset('website/images/product/5.jpg') }}" alt="product images">
                                                </a>
                                            </div>
                                            <div class="fr__hover__info">
                                                <ul class="product__action">


                                                    <li><a href=""><i class="icon-handbag icons"></i></a></li>


                                                </ul>
                                            </div>
                                            <div class="fr__product__inner">
                                                <h4><a href="">Largest Water Pot</a></h4>
                                                <ul class="fr__pro__prize">
                                                    <li class="old__prize"><del>$30.3</del></li>
                                                    <li>$25.9</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Single Product -->
                                    <!-- Start Single Product -->
                                    <div class="col-md-3 col-6">
                                        <div class="category">
                                            <div class="ht__cat__thumb">
                                                <a href="">
                                                    <img src="{{ URL::asset('website/images/product/6.jpg') }}" alt="product images">
                                                </a>
                                            </div>
                                            <div class="fr__hover__info">
                                                <ul class="product__action">


                                                    <li><a href=""><i class="icon-handbag icons"></i></a></li>


                                                </ul>
                                            </div>
                                            <div class="fr__product__inner">
                                                <h4><a href="">Special Wood Basket</a></h4>
                                                <ul class="fr__pro__prize">
                                                    <li class="old__prize"><del>$30.3</del></li>
                                                    <li>$25.9</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Single Product -->
                                    <!-- Start Single Product -->
                                    <div class="col-md-3 col-6">
                                        <div class="category">
                                            <div class="ht__cat__thumb">
                                                <a href="">
                                                    <img src="{{ URL::asset('website/images/product/7.jpg') }}" alt="product images">
                                                </a>
                                            </div>
                                            <div class="fr__hover__info">
                                                <ul class="product__action">


                                                    <li><a href=""><i class="icon-handbag icons"></i></a></li>


                                                </ul>
                                            </div>
                                            <div class="fr__product__inner">
                                                <h4><a href="">Largest Water Pot</a></h4>
                                                <ul class="fr__pro__prize">
                                                    <li class="old__prize"><del>$30.3</del></li>
                                                    <li>$25.9</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Single Product -->
                                    <!-- Start Single Product -->
                                    <div class="col-md-3 col-6">
                                        <div class="category">
                                            <div class="ht__cat__thumb">
                                                <a href="">
                                                    <img src="{{ URL::asset('website/images/product/8.jpg') }}" alt="product images">
                                                </a>
                                            </div>
                                            <div class="fr__hover__info">
                                                <ul class="product__action">


                                                    <li><a href=""><i class="icon-handbag icons"></i></a></li>


                                                </ul>
                                            </div>
                                            <div class="fr__product__inner">
                                                <h4><a href="">donec ac tempus nrb</a></h4>
                                                <ul class="fr__pro__prize">
                                                    <li class="old__prize"><del>$30.3</del></li>
                                                    <li>$25.9</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Single Product -->
                                    <!-- Start Single Product -->
                                    <div class="col-md-3 col-6">
                                        <div class="category">
                                            <div class="ht__cat__thumb">
                                                <a href="">
                                                    <img src="{{ URL::asset('website/images/product/9.jpg') }}" alt="product images">
                                                </a>
                                            </div>
                                            <div class="fr__hover__info">
                                                <ul class="product__action">


                                                    <li><a href=""><i class="icon-handbag icons"></i></a></li>


                                                </ul>
                                            </div>
                                            <div class="fr__product__inner">
                                                <h4><a href="">nemo enim ipsam</a></h4>
                                                <ul class="fr__pro__prize">
                                                    <li class="old__prize"><del>$30.3</del></li>
                                                    <li>$25.9</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Single Product -->
                                    <!-- Start Single Product -->
                                    <div class="col-md-3 col-6">
                                        <div class="category">
                                            <div class="ht__cat__thumb">
                                                <a href="">
                                                    <img src="{{ URL::asset('website/images/product/10.jpg') }}" alt="product images">
                                                </a>
                                            </div>
                                            <div class="fr__hover__info">
                                                <ul class="product__action">


                                                    <li><a href=""><i class="icon-handbag icons"></i></a></li>


                                                </ul>
                                            </div>
                                            <div class="fr__product__inner">
                                                <h4><a href="">dummy Product name</a></h4>
                                                <ul class="fr__pro__prize">
                                                    <li class="old__prize"><del>$30.3</del></li>
                                                    <li>$25.9</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Single Product -->
                                    <!-- Start Single Product -->
                                    <div class="col-md-3 col-6">
                                        <div class="category">
                                            <div class="ht__cat__thumb">
                                                <a href="">
                                                    <img src="{{ URL::asset('website/images/product/11.jpg') }}" alt="product images">
                                                </a>
                                            </div>
                                            <div class="fr__hover__info">
                                                <ul class="product__action">


                                                    <li><a href=""><i class="icon-handbag icons"></i></a></li>


                                                </ul>
                                            </div>
                                            <div class="fr__product__inner">
                                                <h4><a href="">Chair collection</a></h4>
                                                <ul class="fr__pro__prize">
                                                    <li class="old__prize"><del>$30.3</del></li>
                                                    <li>$25.9</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Single Product -->
                                    <!-- Start Single Product -->
                                    <div class="col-md-3 col-6">
                                        <div class="category">
                                            <div class="ht__cat__thumb">
                                                <a href="">
                                                    <img src="{{ URL::asset('website/images/product/1.jpg') }}" alt="product images">
                                                </a>
                                            </div>
                                            <div class="fr__hover__info">
                                                <ul class="product__action">


                                                    <li><a href=""><i class="icon-handbag icons"></i></a></li>


                                                </ul>
                                            </div>
                                            <div class="fr__product__inner">
                                                <h4><a href="">Largest Water Pot</a></h4>
                                                <ul class="fr__pro__prize">
                                                    <li class="old__prize"><del>$30.3</del></li>
                                                    <li>$25.9</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Single Product -->
                                </div>
                            </div>

                        </div>
                        <!-- End Product View -->
                    </div>
                    <!-- Start Pagenation -->
                    <div class="row">
                        <div class="col-xs-12">
                            <ul class="htc__pagenation">
                                <li><a href="#" style="border-radius: 1px !important;"><i class="zmdi zmdi-chevron-left"></i></a></li>
                                <li><a href="#" style="border-radius: 1px !important;">1</a></li>
                                <li class="active"><a href="#" style="border-radius: 1px !important;">3</a></li>
                                <li><a href="#" style="border-radius: 1px !important;">19</a></li>
                                <li><a href="#" style="border-radius: 1px !important;"><i class="zmdi zmdi-chevron-right"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- End Pagenation -->
                </div>
            </div>
        </div>
    </section>
    <!-- End Product Grid -->

@endsection