@extends('frontend.layouts.applayout')
@section('main-content')
    <section class="container-fluid fw-100 p-0">
        <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3000"
            data-bs-pause="false">
            <div class="carousel-inner">
                @if ($sliders->isNotEmpty())
                    @foreach ($sliders as $index => $slider)
                        <div class="carousel-item {{ $loop->first ? 'active' : '' }}">

                            <a href="{{ $slider->url }}"> <img src="{{ asset('storage/' . $slider->image_url) }}"
                                    class="d-block w-100" alt="..."></a>
                        </div>
                    @endforeach
                @else
                    <div class="carousel-item active">
                        <img src="https://demoo.ca/projects/doaba/assets/images/banner-1.jpg" class="d-block w-100"
                            alt="No sliders available">
                    </div>
                @endif
            </div>
            @if ($sliders->count() > 1)
                <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls"
                    data-bs-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls"
                    data-bs-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Next</span>
                </button>
            @endif
        </div>
    </section>

    <section class="s-category sec_padding pb-80">
        <div class="container">
            <div class="sec_title text-center">
                <!--                 <h2 class="">What we do </h2>-->
                <h2 class="fancy_text text-purple mb-3">Welcome to Doaba Street Eats & Bakery
                </h2>
                <p class="sec_desc mb-60">In 2024, Doaba Street Eats and Eggless Bakery was born as a fresh chapter in a
                    legacy that has spanned over 25 years. Rooted in the community’s beloved Doaba Sweets, our newest
                    venture is a heartfelt tribute to the timeless flavors of Indian street food and the art of eggless
                    baking, designed to delight every visitor with a taste of home, warmth, and innovation. </p>
            </div>
            <!--             <h2 class="text-center">Delight in bakery-fresh goodness<br/> with every bite</h2>-->
            <!-- <button class="">All Products</button> -->
            <div class="row gy-4">
                <div class="col-lg-4">
                    <div class="card-wrapper d-set">
                        <div class="image-wrapper">
                            <img src="{{ asset('frontend/images/birthday.jpg') }}" alt="" />
                        </div>
                        <div class="c-content">
                            <h4>Birthday Cake</h4>
                            <a href="{{ route('custom.kids') }}" class="btn theme_btn">Book Now <i
                                    class='bx bx-cart-download ms-1'></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="card-wrapper m-set">
                        <div class="image-wrapper">
                            <img src="{{ asset('frontend/images/wedding.jpg') }}" alt="" />
                        </div>
                        <div class="c-content">
                            <h4>Wedding Cake</h4>
                            <a href="{{ route('wedding.cake') }}" class="btn theme_btn">Book Now <i
                                    class='bx bx-cart-download ms-1'></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="card-wrapper d-set">
                        <div class="image-wrapper">
                            <img src="{{ asset('frontend/images/custom.jpg') }}" alt="" />
                        </div>
                        <div class="c-content">
                            <h4>Custom Cake</h4>
                            <a href="{{ route('custom.cake') }}" class="btn theme_btn">Book Now <i
                                    class='bx bx-cart-download ms-1'></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @include('frontend.sections.categories')
    @include('frontend.sections.products')
    @include('frontend.sections.reviews')
    @include('frontend.sections.why-us')
    @include('frontend.sections.b_footer')
@endsection