@extends('layouts.web') @section('content') @include('front.commons.banner')
<!-- start features Area -->
{{--
 <!-- single-slide -->
<section class="features-area section_gap">
    <div class="container">
        <div class="row features-inner">
            <!-- single features -->
            <div class="col-lg-3 col-md-6 col-sm-6">
                <div class="single-features">
                    <div class="f-icon">
                        <img src="img/features/f-icon1.png" alt="" />
                    </div>
                    <h6>Free Delivery</h6>
                    <p>Free Shipping on all order</p>
                </div>
            </div>
            <!-- single features -->
            <div class="col-lg-3 col-md-6 col-sm-6">
                <div class="single-features">
                    <div class="f-icon">
                        <img src="img/features/f-icon2.png" alt="" />
                    </div>
                    <h6>Return Policy</h6>
                    <p>Free Shipping on all order</p>
                </div>
            </div>
            <!-- single features -->
            <div class="col-lg-3 col-md-6 col-sm-6">
                <div class="single-features">
                    <div class="f-icon">
                        <img src="img/features/f-icon3.png" alt="" />
                    </div>
                    <h6>24/7 Support</h6>
                    <p>Free Shipping on all order</p>
                </div>
            </div>
            <!-- single features -->
            <div class="col-lg-3 col-md-6 col-sm-6">
                <div class="single-features">
                    <div class="f-icon">
                        <img src="img/features/f-icon4.png" alt="" />
                    </div>
                    <h6>Secure Payment</h6>
                    <p>Free Shipping on all order</p>
                </div>
            </div>
        </div>
    </div>
</section>
--}}
<!-- end features Area -->

<!-- start product Area -->
<section class="container" style="margin-bottom: 100px">
                    <div class="row mt-5 mb-5">
                         <div class="col-lg-12">
                            <img class="img-fluid" src="{{asset('img/discount.jpeg')}}" />
                        </div>
                    </div>
    <div class="row">
        <div class="col-md-3 col-sm-12">
            <div
                class="nav flex-column nav-pills"
                id="v-pills-tab"
                role="tablist"
                aria-orientation="vertical"
            >
                <button
                    class="nav-link bg-warning nav-link-pill active"
                    id="v-pills-all-tab"
                    data-toggle="pill"
                    data-target="#v-pills-all"
                    type="button"
                    role="tab"
                    aria-controls="v-pills-all"
                    aria-selected="true"
                >
                    All
                </button>
                @foreach ($categories as $category)
                <button
                    class="{{$category->name == 'GB Extracts Diamond Ultra Linesss' ? 'bg-dark ' : 'bg-warning '}}nav-link  text-white nav-link-pill"
                    id="v-pills-{{ $category->slug }}-tab"
                    data-toggle="pill"
                    data-target="#v-pills-{{ $category->slug }}"
                    type="button"
                    role="tab"
                    aria-controls="v-pills-{{ $category->slug }}"
                    aria-selected="true"
                >
                    {{ $category->name }}
                </button>
                @endforeach
            </div>
        </div>
        <div class="col-md-9 col-sm-12">
            <div class="tab-content" id="v-pills-tabContent">
                <div
                    class="tab-pane fade show active"
                    id="v-pills-all"
                    role="tabpanel"
                    aria-labelledby="v-pills-all-tab"
                >
                    @foreach ($categories as $category)
                    <div class="row">
                        <div class="col-sm-12">
                            <h1>{{ $category->name }}</h1>
                        </div>
                        @foreach ($category->products as $product)
                        <div class="col-lg-3 col-md-6">
                            <div class="single-product">
                                <img
                                    class="img-fluid"
                                    src="{{ asset('storage/' . $product->image) }}"
                                    alt=""
                                />
                                <div class="product-details">
                                    <h6>{{ $product->title }}</h6>
                                    <div class="price">${{$product->price}}</div>
                                    <div class="prd-bottom">
                                        {{--<a
                                            href="add"
                                            onclick="return false;"
                                            class="social-info add-to-cart"
                                            data-id="{{ $product->id }}"
                                        >
                                            <span class="ti-bag"></span>
                                            <p class="hover-text">
                                                add to bag
                                            </p> </a
                                        >--}}
                                        <a
                                            href="{{ route('product.detail', $product->id) }}"
                                            class="social-info"
                                        >
                                            <span class="lnr lnr-move"></span>
                                            <p class="hover-text">view more</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    @endforeach
                </div>
                @foreach ($categories as $category)
                <div
                    class="tab-pane fade"
                    id="v-pills-{{ $category->slug }}"
                    role="tabpanel"
                    aria-labelledby="v-pills-{{ $category->slug }}-tab"
                >
                    <div class="row">
                        <div class="col-sm-12">
                            <h1>{{ $category->name }}</h1>
                        </div>
                        @foreach ($category->products as $product)
                        <div class="col-lg-3 col-md-6">
                            <div class="single-product">
                                <img
                                    class="img-fluid"
                                    src="{{ asset('storage/' . $product->image) }}"
                                    alt=""
                                />
                                <div class="product-details">
                                    <h6>{{ $product->title }}</h6>
                                    <p>{{$product->price}}</p>
                                    <!--<div class="price">${{$product->price}}</div>-->
                                    <div class="prd-bottom">
                                        {{--<a
                                            href="add"
                                            onclick="return false;"
                                            class="social-info add-to-cart"
                                            data-id="{{ $product->id }}"
                                        >
                                            <span class="ti-bag"></span>
                                            <p class="hover-text">
                                                add to bag
                                            </p> </a
                                        >--}}
                                        <a
                                            href="{{ route('product.detail', $product->id) }}"
                                            class="social-info"
                                        >
                                            <span class="lnr lnr-move"></span>
                                            <p class="hover-text">view more</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
</section>
<section>
    <div class="container">
        <div class="row mb-5 mt-5 d-flex justify-content-center">
            <div class="col-12">
                <h1 class="text-center mb-5">Reviews</h1>
            </div>
            
            
            <div class="card mr-2 mb-2" style="width: 18rem; mr-2" > 
              <div class="card-body">
                <h5 class="card-title">Jason K</h5>
                <div class="d-flex flex-row justify-content-between">
                    <h6 class="card-subtitle mb-2 text-muted">California, USA</h6>
                    <h6 class="card-subtitle mb-2 text-muted">05-Sept-2026</h6>
                </div>
                <div>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                </div>
                <p class="card-text">These moon rock clusters are the real deal. The quality of the flower, oil, and kief combo is unmatched by anything else I've tried. They break apart nicely for bowls and burn forever. Shipping was surprisingly fast—ordered on Monday and it was here by Thursday. Highly recommend!</p>
                <!--<a href="#" class="card-link">Card link</a>-->
                <!--<a href="#" class="card-link">Another link</a>-->
              </div>
            </div>
            
            <div class="card mr-2 mb-2" style="width: 18rem; mr-2" > 
              <div class="card-body">
                <h5 class="card-title">Lisa M.</h5>
                <div class="d-flex flex-row justify-content-between">
                    <h6 class="card-subtitle mb-2 text-muted">Texas, USA</h6>
                    <h6 class="card-subtitle mb-2 text-muted">02-Sept-2026</h6>
                </div>
                
                <div>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                </div>
                <p class="card-text">I love how discreet this is. The 2g size lasts a really long time, and the fact that it's rechargeable means I don't waste any oil if the battery dies early. The Paris OG flavor is incredible. Everything arrived safely packaged and the checkout was seamless.</p>
                <!--<a href="#" class="card-link">Card link</a>-->
                <!--<a href="#" class="card-link">Another link</a>-->
              </div>
            </div>
            
            <div class="card mr-2 mb-2" style="width: 18rem; mr-2" > 
              <div class="card-body">
                <h5 class="card-title">Derek S.</h5>
                <div class="d-flex flex-row justify-content-between">
                    <h6 class="card-subtitle mb-2 text-muted">Dallas, USA</h6>
                    <h6 class="card-subtitle mb-2 text-muted">22-Sept-2026</h6>
                </div>
                
                <div>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star " aria-hidden="true"></i>
                </div>
                <p class="card-text">These XL pre-rolls are beasts. Definitely a "clear your schedule" kind of smoke. The kief coating is generous and the infusion makes it burn really slow. Dropping one star just because the pull was a little tight right at the beginning, but once it got going, it was fantastic.</p>
                <!--<a href="#" class="card-link">Card link</a>-->
                <!--<a href="#" class="card-link">Another link</a>-->
              </div>
            </div>
            
            
            <div class="card mr-2 mb-2" style="width: 18rem; mr-2" > 
              <div class="card-body">
                <h5 class="card-title">Amanda W.</h5>
                <div class="d-flex flex-row justify-content-between">
                    <h6 class="card-subtitle mb-2 text-muted">New York, USA</h6>
                    <h6 class="card-subtitle mb-2 text-muted">13-Sept-2026</h6>
                </div>
                
                <div>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star " aria-hidden="true"></i>
                    <i class="fa fa-star " aria-hidden="true"></i>
                </div>
                <p class="card-text">The gummy itself is amazing—super potent (definitely pace yourself!) and the flavor is surprisingly good for how strong it is. However, giving 3 stars because the postal service lost my package for almost five days before it finally showed up. GB Extracts shipped it out immediately, so it wasn't their fault, but the wait was annoying. Quality product once it finally arrived, though!</p>
                <!--<a href="#" class="card-link">Card link</a>-->
                <!--<a href="#" class="card-link">Another link</a>-->
              </div>
            </div>
            
            
            <div class="card mr-2 mb-2" style="width: 18rem; mr-2" > 
              <div class="card-body">
                <h5 class="card-title">Kevin T.</h5>
                <div class="d-flex flex-row justify-content-between">
                    <h6 class="card-subtitle mb-2 text-muted">Texas, USA</h6>
                    <h6 class="card-subtitle mb-2 text-muted">08-August-2026</h6>
                </div>
                
                <div>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                </div>
                <p class="card-text">The all-glass syringe is a huge plus. The oil is incredibly pure and easy to dispense. I've used it directly in a banger and also to lace my own blunts, and it performs perfectly both ways. Quick processing time and discreet packaging from GB Extracts. Will buy again.</p>
                <!--<a href="#" class="card-link">Card link</a>-->
                <!--<a href="#" class="card-link">Another link</a>-->
              </div>
            </div>
            
            
            <div class="card mr-2 mb-2" style="width: 18rem; mr-2" > 
              <div class="card-body">
                <h5 class="card-title">Monica R.</h5>
                <div class="d-flex flex-row justify-content-between">
                    <h6 class="card-subtitle mb-2 text-muted">New Hampshire, USA</h6>
                    <h6 class="card-subtitle mb-2 text-muted">28-August-2026</h6>
                </div>
                
                <div>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                </div>
                <p class="card-text">These Snowballs from the Ultra Line are insane. The diamond dusting takes the potency to a completely different level. You barely need any to feel the effects. Fast delivery and the customer service team was really helpful when I had a question about my order.</p>
                <!--<a href="#" class="card-link">Card link</a>-->
                <!--<a href="#" class="card-link">Another link</a>-->
              </div>
            </div>
            
            
            <div class="card mr-2 mb-2" style="width: 18rem; mr-2" >  
              <div class="card-body">
                <h5 class="card-title">Brian D.</h5>
                <div class="d-flex flex-row justify-content-between">
                    <h6 class="card-subtitle mb-2 text-muted">Dellas, USA</h6>
                    <h6 class="card-subtitle mb-2 text-muted">17-Sept-2026</h6>
                </div>
                
                <div>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                </div>
                <p class="card-text">The hand-rolled blunts are a great treat for the weekend. The flavor profile is excellent and they come with humidity packs, which is a really nice touch to keep them fresh. They burn incredibly slow. I just wish they offered a slightly smaller size for solo sessions.</p>
                <!--<a href="#" class="card-link">Card link</a>-->
                <!--<a href="#" class="card-link">Another link</a>-->
              </div>
            </div>
            
            
            <div class="card mr-2 mb-2" style="width: 18rem; mr-2" > 
              <div class="card-body">
                <h5 class="card-title">Sam V.</h5>
                <div class="d-flex flex-row justify-content-between">
                    <h6 class="card-subtitle mb-2 text-muted">Florida, USA</h6>
                    <h6 class="card-subtitle mb-2 text-muted">06-August-2026</h6>
                </div>
                
                <div>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                </div>
                <p class="card-text">These are exactly what I need before bed. The combination of RSO and CBD is perfect for full-body relaxation. The 4-pack is a great value, and shipping only took a few days. The quality of GB Extracts' edibles is consistently impressive.</p>
                <!--<a href="#" class="card-link">Card link</a>-->
                <!--<a href="#" class="card-link">Another link</a>-->
              </div>
            </div>
            
            <div class="card mr-2 mb-2" style="width: 18rem; mr-2 mr-2" > 
              <div class="card-body">
                <h5 class="card-title">Tyler H.</h5>
                <div class="d-flex flex-row justify-content-between">
                    <h6 class="card-subtitle mb-2 text-muted">Virginia, USA</h6>
                    <h6 class="card-subtitle mb-2 text-muted">15-Sept-2026</h6>
                </div>
                
                <div>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star text-warning" aria-hidden="true"></i>
                    <i class="fa fa-star " aria-hidden="true"></i>
                </div>
                <p class="card-text">Really clean, pure diamonds. The high is very clear and the taste is exceptional. It hits incredibly smooth. The only reason it's not 5 stars is that the jars are a little tough to open sometimes, but the product inside is top-notch. Fast shipping, too.</p>
                <!--<a href="#" class="card-link">Card link</a>-->
                <!--<a href="#" class="card-link">Another link</a>-->
              </div>
            </div>
            
        </div>
    </div>
</section>
<!--<section class="owl-carousel active-product-area section_gap">-->
<!--        <section class="">-->
<!--             <div class="container">-->
<!--    <div class="row">-->
<!--        <div class="col-sm-3">-->
<!--            <ul class="nav flex-column">-->
<!--              <li class="nav-item">-->
<!--                <a class="nav-link active" href="#">Active</a>-->
<!--              </li>-->
<!--              <li class="nav-item">-->
<!--                <a class="nav-link" href="#">Link</a>-->
<!--              </li>-->
<!--              <li class="nav-item">-->
<!--                <a class="nav-link" href="#">Link</a>-->
<!--              </li>-->
<!--              <li class="nav-item">-->
<!--                <a class="nav-link disabled">Disabled</a>-->
<!--              </li>-->
<!--            </ul>-->
<!--        </div>-->
<!--        <div class="col-sm-9">-->
<!--        <div class="row">-->
<!--            <div class="col-sm-12">-->
<!--                <div class="text-center">-->
<!--                    <h1>Products</h1>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        @foreach ($categories as $category)
    -->
<!-- single product slide -->
<!--            <div class="single-product-slider">-->
<!--                <div class="container">-->
<!--                    <div class="row justify-content-center">-->
<!--                        <div class="col-lg-6 text-center">-->
<!--                            <div class="section-title">-->
<!--                                <h1>{{ $category->name }}</h1>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="row">-->
<!--                        @foreach ($category->products as $product)
    -->
<!-- single product -->
<!--                            <div class="col-lg-3 col-md-6">-->
<!--                                <div class="single-product">-->
<!--                                    <img class="img-fluid" src="{{ asset('storage/' . $product->image) }}" alt="" />-->
<!--                                    <div class="product-details">-->
<!--                                        <h6>{{ $product->title }}</h6>-->
<!--                                        <div class="price">-->
<!--                                        </div>-->
<!--                                        <div class="prd-bottom">-->
<!--                                            <a href="add" onclick="return false;" class="social-info add-to-cart"-->
<!--                                                data-id="{{ $product->id }}">-->
<!--                                                <span class="ti-bag"></span>-->
<!--                                                <p class="hover-text">add to bag</p>-->
<!--                                            </a>-->
<!--                                            <a href="{{ route('product.detail', $product->id) }}" class="social-info">-->
<!--                                                <span class="lnr lnr-move"></span>-->
<!--                                                <p class="hover-text">view more</p>-->
<!--                                            </a>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--
    @endforeach-->

<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--
    @endforeach-->
<!--    </div>    -->
<!--        </div>-->
<!--</div>-->
<!--    </section>-->
<!-- end product Area -->
<!-- Button trigger modal -->
<!--<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
  Launch demo modal
</button> -->
<!-- Modal -->
<div
    class="modal fade"
    id="exampleModal"
    tabindex="-1"
    role="dialog"
    aria-labelledby="exampleModalLabel"
    aria-hidden="true"
>
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="col-12 text-center">
                    <img
                        src="{{ asset('img/logo-single.png') }}"
                        class="modal-logo"
                    />
                    <h3>ARE YOU 21 OR OVER</h3>
                    <button
                        type="button"
                        class="btn btn-outline-light clickYes"
                        onClick="clickYes()"
                        style="width: 25%"
                    >
                        Yes
                    </button>
                    <button
                        type="button"
                        class="btn btn-outline-light clickNo"
                        onClick="clickNo()"
                        style="width: 25%"
                    >
                        No
                    </button>
                    <p class="text-white mt-2">
                        To access the
                        <span class="orange-text">GB EXTRACTS</span> website,
                        you must be old enough to consume cannabls legally in
                        your state / region or residence. If there is no
                        legislation regarding the consumption of cannabls in you
                        state / region, you must be atleast 21 years old to
                        access this website.
                    </p>
                    <p class="orange-text">
                        GB EXTRACTS supports the responsible consumption of its
                        products.
                    </p>
                </div>
            </div>
            <!-- <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>-->
        </div>
    </div>
</div>
@endsection