@extends("front.dashboard.layouts.app")
@section("style")
<link href="{{ asset('assets/plugins/Drag-And-Drop/dist/imageuploadify.min.css') }}" rel="stylesheet" />
@endsection
@section("wrapper")
<!--start page wrapper -->
<div class="page-wrapper">
   <div class="page-content">
       <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
         <div class="breadcrumb-title pe-3">Featured Products</div>
      </div>
          <div class="wrapper">

        
       

            <div class="row">
               <div class="col-12">
                  <div class="card">
                     <div class="card-body">
                        <div class="row align-items-center">
                           
                           <div class="col-lg-9 col-xl-10">
                              <form class="float-lg-end">
                                 <div class="row row-cols-lg-auto g-2">
                                    <div class="col-12">
                                       <div class="position-relative">
                                          <input type="text" class="form-control ps-5" placeholder="Search Product..."> <span class="position-absolute top-50 product-show translate-middle-y"><i class="bx bx-search"></i></span>
                                       </div>
                                    </div>
                                    <div class="col-12">
                                       <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
                                          <button type="button" class="btn btn-white">Sort By</button>
                                          <div class="btn-group" role="group">
                                            <button id="btnGroupDrop1" type="button" class="btn btn-white dropdown-toggle dropdown-toggle-nocaret px-1" data-bs-toggle="dropdown" aria-expanded="false">
                                             <i class='bx bx-chevron-down'></i>
                                            </button>
                                            <ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                                             <li><a class="dropdown-item" href="#">Dropdown link</a></li>
                                             <li><a class="dropdown-item" href="#">Dropdown link</a></li>
                                            </ul>
                                          </div>
                                         </div>
                                    </div>
                                    <div class="col-12">
                                       <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
                                          <button type="button" class="btn btn-white">Collection Type</button>
                                          <div class="btn-group" role="group">
                                            <button id="btnGroupDrop1" type="button" class="btn btn-white dropdown-toggle dropdown-toggle-nocaret px-1" data-bs-toggle="dropdown" aria-expanded="false">
                                             <i class='bx bxs-category'></i>
                                            </button>
                                            <ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                                             <li><a class="dropdown-item" href="#">Dropdown link</a></li>
                                             <li><a class="dropdown-item" href="#">Dropdown link</a></li>
                                            </ul>
                                          </div>
                                         </div>
                                    </div>
                                    <div class="col-12">
                                       <div class="btn-group" role="group">
                                          <button type="button" class="btn btn-white">Price Range</button>
                                          <div class="btn-group" role="group">
                                            <button id="btnGroupDrop1" type="button" class="btn btn-white dropdown-toggle dropdown-toggle-nocaret px-1" data-bs-toggle="dropdown" aria-expanded="false">
                                             <i class='bx bx-slider'></i>
                                            </button>
                                            <ul class="dropdown-menu dropdown-menu-start" aria-labelledby="btnGroupDrop1">
                                             <li><a class="dropdown-item" href="#">Dropdown link</a></li>
                                             <li><a class="dropdown-item" href="#">Dropdown link</a></li>
                                            </ul>
                                          </div>
                                         </div>
                                    </div>
                                 </div>
                              </form>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>

            <div class="row row-cols-1 row-cols-sm-2 row-cols-lg-3 row-cols-xl-4 row-cols-xxl-4 product-grid">
               <br />
<b>Notice</b>:  Undefined variable: products in <b>/home/payanyfee/public_html/paystaging/resources/views/front/dashboard/products/featured_products.blade.php</b> on line <b>83</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/payanyfee/public_html/paystaging/resources/views/front/dashboard/products/featured_products.blade.php</b> on line <b>83</b><br />
               
            </div><!--end row-->


       
      </div>
   </div>
</div>
<!--end page wrapper -->
@endsection
@section("page-js-script")
<script src="https://cdn.tiny.cloud/1/ywqmxeye1bqw640inrzx59t5k336ioq2oad0rc5d4cydjlnt/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<script src="{{ asset('assets/plugins/Drag-And-Drop/dist/imageuploadify.min.js') }}"></script>

@endsection