@extends('index')
@section('title', Helper::getSiteTitle(isset($title) && !empty($title) ? $title : $store->name))

@section('content')
@if(!$categories->isEmpty())
    @include('includes.categories_list', ['categories' => $categories, 'store_slug' => $store->slug])
@endif
<section class="curated pb-0">
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <div class="curated-card">
                    <div class="img-holder">
                        <a href="javascript:void(0);">
                            <img src="images/curated1.png" alt="Delicious Confectionaries" />
                        </a>
                    </div>
                    <div class="card-body">
                        <div class="title-card">
                            <h4><a href="javascript:void(0);" class="text-green">Delicious Confectionaries</a></h4>
                            <p>All of our favourite summer edibles</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="curated-card">
                    <div class="img-holder">
                        <a href="javascript:void(0);"> <img src="images/curated2.png" alt="Back In My Day" /></a>
                    </div>
                    <div class="card-body">
                        <div class="title-card">
                            <h4><a href="javascript:void(0);" class="text-green">Back In My Day</a></h4>
                            <p>Show mom and dad how cannabis has changed</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="curated-card">
                    <div class="img-holder">
                        <a href="javascript:void(0);"> <img src="images/curated3.png" alt="Headwear" /></a>
                    </div>
                    <div class="card-body">
                        <div class="title-card">
                            <h4><a href="javascript:void(0);" class="text-green">Headwear</a></h4>
                            <p>Stay Stylish</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="off-main off-main-sec">
    <div class="container">
        <h1 class="in-store">Today's Deals</h1>
        <div class="row">
            <div class="col-lg-3 col-sm-6">
                <div class="discount-card">
                    <div class="card-image">
                        <div>
                            <img src="https://dev.goartisans.com/librashop/dashboard/public/storage/images/150d7da0238a10e2ca49360da07ff44139ec310e5c65e20e4ff0075a66c9.png" alt="$20 off LA Kush">
                            <div class="hoverable">
                                <a class="addtowall margin-wall" href="https://storage.googleapis.com/smpl-digital/May31/LAKUSH20OFF.pkpass"><img src="images/apple.png">Add to Wallet</a>
                                <div class="code-scanner"><img src="images/barcode.png"></div>
                                <p class="scan-store">Scan in Store</p>
                                <button class="addtowall order-online margin-wall-sec">Order Online<img src="images/down-arrow.png"></button>
                            </div>
                            <div class="overlay-ul">
                                <ul>
                                    <li><a href="#">Palm Desert</a></li>
                                    <li><a href="#">Cathedral Desert</a></li>
                                    <li><a href="#">Delivery</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <h4>$20 off LA Kush</h4>
                        <p>Take $25 off LA Kush Eighths. Limits and exclusions may apply.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="discount-card">
                    <div class="card-image">
                        <div>
                            <img src="https://dev.goartisans.com/librashop/dashboard/public/storage/images/bb161ca207eaa775a234145c9e0e6531bf79f35509a8d1f50e1fd19a9b31.png" alt="$10 off House Weed OZs">
                            <div class="hoverable">
                                <a class="addtowall margin-wall" href="https://storage.googleapis.com/smpl-digital/May31/HouseWeed060521.pkpass"><img src="images/apple.png">Add to Wallet</a>
                                <div class="code-scanner"><img src="images/barcode.png"></div>
                                <p class="scan-store">Scan in Store</p>
                                <button class="addtowall order-online margin-wall-sec">Order Online<img src="images/down-arrow.png"></button>
                            </div>
                            <div class="overlay-ul">
                                <ul>
                                    <li><a href="#">Palm Desert</a></li>
                                    <li><a href="#">Cathedral Desert</a></li>
                                    <li><a href="#">Delivery</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <h4>$10 off House Weed OZs</h4>
                        <p>$10 off House Weed Ounces. Limits and exclusions may apply.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="discount-card">
                    <div class="card-image">
                        <div>
                            <img src="https://dev.goartisans.com/librashop/dashboard/public/storage/images/e5aec6a2f427aec4d813b7dc3796932475879c78c53e7d7baf3f03364660.png" alt="Wonderbrett OZs">
                            <div class="hoverable">
                                <a class="addtowall margin-wall" href="https://storage.googleapis.com/smpl-digital/Jun14/wonderbrett060521.pkpass"><img src="images/apple.png">Add to Wallet</a>
                                <div class="code-scanner"><img src="images/barcode.png"></div>
                                <p class="scan-store">Scan in Store</p>
                                <button class="addtowall order-online margin-wall-sec">Order Online<img src="images/down-arrow.png"></button>
                            </div>
                            <div class="overlay-ul">
                                <ul>
                                    <li><a href="#">Palm Desert</a></li>
                                    <li><a href="#">Cathedral Desert</a></li>
                                    <li><a href="#">Delivery</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <h4>Wonderbrett OZs</h4>
                        <p>Take $10 off Wonderbrett Ounces.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="discount-card">
                    <div class="card-image">
                        <div>
                            <img src="https://dev.goartisans.com/librashop/dashboard/public/storage/images/623a1687940b78fda74a73ace7e78e4b29ae21cacd2c1f5f4ff2b4acc636.png" alt="Double Points">
                        </div>
                    </div>
                    <div class="card-body">
                        <h4>Double Points</h4>
                        <p>Get double points every Sunday with Club Libra.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="d-none d-sm-block add-padding">
    <div class="container">
        <a href="#"><img src="images/banner-ads.png" alt=""></a>
    </div>
</div>
@if(!$staff_picks->isEmpty())
<section class="staff-pick">
    <div class="container">
        <h2 class="headin4">Staff Picks</h2>

        <div class="slider-holder">
            <div class="swiper-container staff-slider">
                <div class="swiper-wrapper">
                    @include('includes.products_list', ['products' => $staff_picks, 'staff_pick' => 1])
                </div>
            </div>
            <div class="swiper-button-next-a"><i class="far fa-chevron-right"></i></div>
            <div class="swiper-button-prev-b"><i class="far fa-chevron-left"></i></div>
        </div>
    </div>
</section>
@endif
{!! Helper::getAllHomeSections($store->id) !!}
@endsection