<div>
    {{-- Care about people's approval and you will be their prisoner. --}}

   {{--Sildes & search --}}
    <!--=================================
banner -->
   <section class="banner bg-holder bg-overlay-black-30" style="background-image: url({{asset('storage/'.$slides->image)}});">
        <div class="container">
            <div class="row">
                <div class="col-12 position-relative">
                    <h1 class="mb-2 text-center text-white">{{$slides->name}}</h1>
                    <p class="mb-4 text-center text-white lead fw-normal">{!!  strip_tags($slides->description)!!}</p>
                    <div class="bg-white property-search-field">
                        <div class="property-search-item">

                               <form class="row basic-select-wrapper" wire:submit="SearchResults">
                                <div class="form-group col-lg-3 col-md-6">
                                    <label class="form-label">Property type</label>
                                    <select class="form-control basic-select" wire:model="propertyType">
                                        <option>All Type</option>
                                        @forelse($propertyTypes as $type)
                                        <option>{{$type->name}}</option>
                                        @empty @endforelse

                                    </select>
                                </div>
                                <div class="form-group col-lg-4 col-md-6">
                                    <label class="form-label">Property Category</label>
                                    <select class="form-control basic-select" wire:model="propertyCategory">
                                        <option>All Categories</option>
                                        @forelse($propertyCategories as $category)
                                        <option>{{$category->name}}</option>
                                        @empty @endforelse
                                    </select>
                                </div>
                                <div class="form-group d-flex col-lg-5">
                                    <div class="form-group-search">
                                        <label class="form-label">Location</label>
                                        <select class="form-control basic-select" wire:model="propertyLocation">
                                            <option>All Locations</option>
                                            @forelse($propertyLocations as $location)
                                                <option>{{$location->name}}</option>
                                            @empty @endforelse
                                        </select>
                                      </div>
                                    <span class="align-items-center ms-3 d-none d-lg-block"><button class="btn btn-primary d-flex align-items-center" type="submit"><i class="fas fa-search me-1"></i><span>Search</span></button></span>
                                </div>

                                <div class="p-3 d-lg-none btn-mobile d-grid">
                                    <button class="btn btn-primary align-items-center" type="submit"><i class="fas fa-search me-1"></i><span>Search</span></button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    {{--slide 2--}}
    {{-- <section class="clearfix">
        <div id="slider" class="carousel slide" data-bs-ride="carousel">
            <ol class="carousel-indicators">
                <li data-bs-target="#slider" data-bs-slide-to="0" class="active"></li>
                <li data-bs-target="#slider" data-bs-slide-to="1"></li>
            </ol>
            <div class="carousel-inner">
                @foreach($slides as $slide)
                <div class="carousel-item @if($slide->id ==1) active @endif">
                    <img class="img-fluid" src="{{asset('storage/'.$slide->property->image)}}" alt="" style="width:100%">
                    <div class="slider-content">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-8 col-md-10">

                                    <h1 class="mb-3 text-white animated-08">{!! strip_tags(\Illuminate\Support\Str::limit($slide->property->name)) !!}</h1>
                                    @if($slide->property->price !=0)

                                    <span class="text-white animated-07">Ksh. {{number_format($slide->property->price)}}</span>
                                    @endif
                                    <a href="{{route('frontend.view-property',$slide->property)}}" class="btn btn-link animated-08">View more <i class="fas fa-arrow-right ps-2"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach

            </div>
            <div class="d-none d-md-block">
                <a class="carousel-control-prev" href="#slider" role="button" data-bs-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#slider" role="button" data-bs-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
    </section> --}}
    <!--=================================
    banner -->

    <!--=================================
    banner -->
    @include('livewire.frontend.property.includes.home-properties')
    <livewire:frontend.home-featured/>
    @include('livewire.frontend.property.includes.places')

<section class="space-ptb bg-holder-bottom building-space" style="background-image: url({{ asset('front/images/building-bg.png') }});">
  <div class="container">
    <livewire:frontend.core-values/>
  </div>
</section>
    <livewire:frontend.testimonial/>
    <livewire:frontend.home-blogs/>
</div>
