@extends('index-main')
@section('title', Helper::getSiteTitle(isset($title) && !empty($title) ? $title : 'Today Deals'))

@section('content')
<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="images/medicine1.png" alt="" />
                            <div class="hoverable">
                                <a class="addtowall margin-wall" href="#"><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>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="images/Jalapeno.png" alt="" />
                            <div class="hoverable">
                                <a class="addtowall margin-wall" href="#"><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>BOGO PLUS Gummies</h4>
                        <p>Buy 1 PLUS Gummy tin, get the 2nd for $1 + tax</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="discount-card">
                    <div class="card-image">
                        <div>
                            <img src="images/Bakery.png" alt="" />
                            <div class="hoverable">
                                <a class="addtowall margin-wall" href="#"><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 Gift Card</h4>
                        <p>With any purchase of $30 or more.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="discount-card">
                    <div class="card-image">
                        <div>
                            <img src="images/Orangecann.png" alt="" />
                            <div class="hoverable">
                                <a class="addtowall margin-wall" href="#"><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>Double Points</h4>
                        <p>Get double points this Tuesday and Friday.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="off-main off-main-sec">
    <div class="container">
        <h1 class="in-store">Online Deals</h1>
        <div class="row">
            <div class="col-lg-3 col-sm-6">
                <div class="discount-card">
                    <div class="card-image">
                        <div>
                            <img src="images/medicine1.png" alt="" />
                            <div class="hoverable">
                                <a class="addtowall margin-wall" href="#"><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>Palm Desert</a></li>
                                    <li><a>Cathedral Desert</a></li>
                                    <li><a>Delivery</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <h4>20% off LA Kush</h4>
                        <p>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="images/Jalapeno.png" alt="" />
                            <div class="hoverable">
                                <a class="addtowall margin-wall" href="#"><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>Palm Desert</a></li>
                                    <li><a>Cathedral Desert</a></li>
                                    <li><a>Delivery</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <h4>BOGO PLUS Gummies</h4>
                        <p>Buy 1 PLUS Gummy tin, get the 2nd for $1 + tax</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="discount-card">
                    <div class="card-image">
                        <div>
                            <img src="images/Bakery.png" alt="" />
                            <div class="hoverable">
                                <a class="addtowall margin-wall" href="#"><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>Palm Desert</a></li>
                                    <li><a>Cathedral Desert</a></li>
                                    <li><a>Delivery</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <h4>$10 Gift Card</h4>
                        <p>With any purchase of $30 or more.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="discount-card">
                    <div class="card-image">
                        <div>
                            <img src="images/Orangecann.png" alt="" />
                            <div class="hoverable">
                                <a class="addtowall margin-wall" href="#"><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>Palm Desert</a></li>
                                    <li><a>Cathedral Desert</a></li>
                                    <li><a>Delivery</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <h4>Double Points</h4>
                        <p>Get double points this Tuesday and Friday.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="product-main product-main-sec product-main-th">
    <div class="container">
        <div class="row">
            <div class="col-md-12 no-padding">
                <div class="card-product relative thumbs-div">
                    <a href="{{ route('libra-store', 'palm-desert') }}">
                        <img src="images/palmdesert.png" alt="" class="img-card w-100">
                    </a>
                </div>
            </div>

            <div class="col-md-12 no-padding">
                <div class="card-product relative">
                    <a href="{{ route('libra-store', 'cathedral-city') }}">
                        <img src="images/catcity.png" alt="" class="img-card w-100">
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection