@extends('layouts.app')
@section('title_and_meta')
    <title>Online Cake Delivery in Varanasi | Upto 10% OFF on first order | Order Cake Online in Varanasi</title>
    <meta name="description" content="Send delicious cake to your friends and family. Order Cake Online in Varanasi For Same Day & Midnight Delivery. Chocolate Cakes. Vanilla Cakes. Black Forest Cakes. Red Velvet cakes. Fruit Cakes. Designer Cakes. Birthday Cakes." />
    <meta name="keywords" content="Online Cake Delivery in Varanasi, Cake in Varanasi, best birthday cake near me, birthday cake in varanasi" />
@endsection
@section('content')
<div class="homepage" data-spy="scroll" data-target="#category-list" data-offset="130">
    <div class="home-slider-container">
        <div class="home-slider owl-carousel owl-theme">
           @foreach($banners as $banner)
            <div class="home-slide">
                <div class="slide-bg owl-lazy" data-src="{{ asset('frontEnd')}}/images/slider/dot.gif"></div><!-- End .slide-bg --> 
                <div class="home-slide-content">
                <a href="{{ $banner->link }}" target="_blank">
                 <img src="{{ asset('/uploads') }}/{{ $banner->image }}" alt="banner image">
                 </a>
                </div><!-- End .home-slide-content -->
            </div><!-- End .home-slide -->
            @endforeach    
        </div><!-- End .home-slider -->
        </div>

        <div class="fastFinder">
            <form action="{{ url('/filter-product') }}" method="get" id="fast-finder">
        <div class="container">
       
                    <div class="row">
                        <div class="col-md-3 col-sm-12"><h2>Fast Finder</h2></div>
                       
                        <div class="col-md-3 col-sm-12 col-6">
                            <select name="flt_vocation">
                                <option value="" selected>Select Vocations</option>
                               @if($occasionCategories)
                                 @foreach($occasionCategories as $occation)
                                 <option value="{{ $occation->slug }}">{{ $occation->title }}</option>
                                 @endforeach
                               @endif
                            </select>
                        </div>
                        <div class="col-md-3 col-sm-12 col-6">
                            <select name="flt_flavor">
                            <option value="">Cake Flavors</option>
                            @if(isset($flavourCategories))
                            @foreach($flavourCategories as $flavourCategory)
                              <option value="{{ $flavourCategory->title }}">{{ $flavourCategory->title }}</option>
                            @endforeach  
                          @endif
                            </select>
                        </div> 
                       
                        <div class="col-md-3 col-sm-12"><div class="fastSearch"><input type="submit" value="Search"></div> </div>
                    </div>
        
                </div>
                </form>
            </div> <!---end of fast Finder-->

            <!--notification tabs-->
            <div class="container">    
                <div class="info-boxes-container">
                    <div class="container-fluid">
                        <div class="info-box">
                            <i class="icon-shipping"></i>

                            <div class="info-box-content">
                                <h4>FREE SHIPPING</h4>
                                <p>Free shipping on all orders</p>
                            </div><!-- End .info-box-content -->
                        </div><!-- End .info-box -->

                        <div class="info-box">
                            <i class="icon-us-dollar"></i>

                            <div class="info-box-content">
                                <h4>FAST DELIVERY</h4>
                                <p>Get your order in just 2 hours</p>
                            </div><!-- End .info-box-content -->
                        </div><!-- End .info-box -->

                        <div class="info-box">
                            <i class="icon-support"></i>

                            <div class="info-box-content">
                                <h4>TIME SLOT OPTION</h4>
                                <p>Get your order in your hours slot</p>
                            </div><!-- End .info-box-content -->
                        </div><!-- End .info-box -->
                    </div><!-- End .container-fluid -->
                </div><!-- End .info-boxes-container -->
                </div> <!--end of notification tabs-->

                <div class="main-container">
                    <div class="category-list" id="category-list">
                        <ul class="nav category-list-nav">
                        @if($icon_cats)
                          @foreach($icon_cats as $icon_cat)
                            <li class="nav-item green">
                                <a href="#{{ $icon_cat->slug }}" class="nav-link">
                                    <span class="cat-list-icon"><img src="{{ asset('uploads')}}/{{ $icon_cat->icon_thumb }}" width="28" alt="Category Name"></span>
                                    <span class="cat-list-text">{{ $icon_cat->title }}</span>
                                </a>
                            </li>
                            @endforeach
                         @endif
                        </ul>
                    </div><!-- End .category-list -->
    
                    <div class="main-content">
                        <div class="container-fluid">
                                                   </div><!-- End .container-fluid -->
                    </div><!-- End .main-content -->
                </div>
</div>       
@endsection