@extends('layout1')
@section('title')
    <title>{{ $seoSetting->seo_title }}</title>
@endsection
@section('meta')
    <meta name="description" content="{{ $seoSetting->seo_description }}">
@endsection
@section('frontend-content')

    @php
        $slider_section = $sectionControls->where('section_name', 'slider')->first();
    @endphp

    @if ($slider_section->status == 1 && $sliders->count() > 0)
        <!--=====BANNER START=====-->
        <section class="wsus__banner">
            <div class="row banner_slider">
                @foreach ($sliders as $slider)
                    <div class="col-xl-12">
                        <div class="wsus__banner_single" style="background: url({{ asset($slider->image) }});">
                            <div class="container banner_content">
                                <div class="row">
                                    <div class="col-xl-5">
                                        <div class="wsus__banner_text">
                                            <a href="javascript:;">{{ $slider->title }}</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>

            <div class="container wsus__for_search">
                <div class="wsus__banner_search">
                    <h4>{{ __('Find Your Property') }}</h4>
                    <ul class="nav nav-pills" id="pills-tab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill"
                                data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home"
                                aria-selected="true">{{ __('Any') }}</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="pills-profile-tab" data-bs-toggle="pill"
                                data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile"
                                aria-selected="false">{{ __('Sell') }}</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="pills-contact-tab" data-bs-toggle="pill"
                                data-bs-target="#pills-contact" type="button" role="tab" aria-controls="pills-contact"
                                aria-selected="false">{{ __('Rent') }}</button>
                        </li>
                    </ul>
                    <div class="tab-content" id="pills-tabContent">
                        <div class="tab-pane fade show active" id="pills-home" role="tabpanel"
                            aria-labelledby="pills-home-tab">
                            <form method="GET" action="{{ route('search-property') }}">
                                <div class="wsus__serach_single">
                                    <select class="select_2" name="city_id">
                                        <option value="">{{ __('Select Location') }}</option>
                                        @foreach ($cities as $city)
                                            <option value="{{ $city->id }}">{{ $city->title }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="wsus__serach_single">
                                    <select class="select_2" name="property_type">
                                        <option value="">{{ __('Property Type') }}</option>
                                        @foreach ($propertyTypes as $propertyType)
                                            <option value="{{ $propertyType->id }}">{{ $propertyType->title }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="wsus__serach_single">
                                    <select class="select_2" name="price_range">
                                        <option value="">{{ __('Price Range') }}</option>
                                        @php
                                            $min_price = $minimum_price;
                                        @endphp
                                        @for ($i = 1; $i <= 10; $i++)
                                            @php
                                                $max_price = $minimum_price + $price_step * $i;
                                            @endphp
                                            <option value="{{ $min_price . ':' . $max_price }}">{{ currency($min_price) }}
                                                -
                                                {{ currency($max_price) }}</option>
                                            @php
                                                $min_price = $max_price + 1;
                                            @endphp
                                        @endfor
                                    </select>
                                </div>

                                <div class="wsus__serach_single">
                                    <select class="select_2" name="number_of_room">
                                        <option value="">{{ __('Number Of Rooms') }}</option>
                                        @for ($i = 1; $i <= $max_number_of_room; $i++)
                                            <option value="{{ $i }}">{{ $i }} {{ __('Rooms or less') }}</option>
                                        @endfor
                                    </select>
                                </div>

                                <div class="wsus__serach_single">
                                    <input type="text" placeholder="{{ __('Property Id') }}" name="property_id">
                                </div>





                                <input type="hidden" name="page_type" value="list_view">
                                <input type="hidden" name="purpose_type" value="">
                                <div class="wsus__serach_single">
                                    <input type="text" placeholder="{{ __('Type Here ...') }}" name="search">
                                    <button class="common_btn" type="submit">{{ __('Search Property') }}</button>
                                </div>
                            </form>
                        </div>
                        <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
                            <form method="GET" action="{{ route('search-property') }}">
                                <div class="wsus__serach_single">
                                    <select class="select_2" name="city_id">
                                        <option value="">{{ __('Select Location') }}</option>
                                        @foreach ($cities as $city)
                                            <option value="{{ $city->id }}">{{ $city->title }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="wsus__serach_single">
                                    <select class="select_2" name="property_type">
                                        <option value="">{{ __('Property Type') }}</option>
                                        @foreach ($propertyTypes as $propertyType)
                                            <option value="{{ $propertyType->id }}">{{ $propertyType->title }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="wsus__serach_single">
                                    <select class="select_2" name="price_range">
                                        <option value="">{{ __('Price Range') }}</option>
                                        @php
                                            $min_price = $minimum_price;
                                        @endphp
                                        @for ($i = 1; $i <= 10; $i++)
                                            @php
                                                $max_price = $minimum_price + $price_step * $i;
                                            @endphp
                                            <option value="{{ $min_price . ':' . $max_price }}">
                                                {{ currency($min_price) }} -
                                                {{ currency($max_price) }}</option>
                                            @php
                                                $min_price = $max_price + 1;
                                            @endphp
                                        @endfor
                                    </select>
                                </div>

                                <div class="wsus__serach_single">
                                    <select class="select_2" name="number_of_room">
                                        <option value="">{{ __('Number Of Rooms') }}</option>
                                        @for ($i = 1; $i <= $max_number_of_room; $i++)
                                            <option value="{{ $i }}">{{ $i }} {{ __('Rooms or less') }}</option>
                                        @endfor
                                    </select>
                                </div>

                                <div class="wsus__serach_single">
                                    <input type="text" placeholder="{{ __('Property Id') }}" name="property_id">
                                </div>

                                <input type="hidden" name="page_type" value="list_view">
                                <input type="hidden" name="purpose_type" value="1">
                                <div class="wsus__serach_single">
                                    <input type="text" placeholder="{{ __('Type') }}" name="search">
                                    <button class="common_btn" type="submit">{{ __('Search Property') }}</button>
                                </div>
                            </form>
                        </div>
                        <div class="tab-pane fade" id="pills-contact" role="tabpanel"
                            aria-labelledby="pills-contact-tab">
                            <form method="GET" action="{{ route('search-property') }}">
                                <div class="wsus__serach_single">
                                    <select class="select_2" name="city_id">
                                        <option value="">{{ __('Select Location') }}</option>
                                        @foreach ($cities as $city)
                                            <option value="{{ $city->id }}">{{ $city->title }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="wsus__serach_single">
                                    <select class="select_2" name="property_type">
                                        <option value="">{{ __('Property Type') }}</option>
                                        @foreach ($propertyTypes as $propertyType)
                                            <option value="{{ $propertyType->id }}">{{ $propertyType->title }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="wsus__serach_single">
                                    <select class="select_2" name="price_range">
                                        <option value="">{{ __('Price Range') }}</option>
                                        @php
                                            $min_price = $minimum_price;
                                        @endphp
                                        @for ($i = 1; $i <= 10; $i++)
                                            @php
                                                $max_price = $minimum_price + $price_step * $i;
                                            @endphp
                                            <option value="{{ $min_price . ':' . $max_price }}">
                                                {{ currency($min_price) }} -
                                                {{ currency($max_price) }}</option>
                                            @php
                                                $min_price = $max_price + 1;
                                            @endphp
                                        @endfor
                                    </select>
                                </div>

                                <div class="wsus__serach_single">
                                    <select class="select_2" name="number_of_room">
                                        <option value="">{{ __('Number Of Rooms') }}</option>
                                        @for ($i = 1; $i <= $max_number_of_room; $i++)
                                            <option value="{{ $i }}">{{ $i }} {{ __('Rooms or less') }}</option>
                                        @endfor
                                    </select>
                                </div>

                                <div class="wsus__serach_single">
                                    <input type="text" placeholder="{{ __('Property Id') }}" name="property_id">
                                </div>


                                <input type="hidden" name="page_type" value="list_view">
                                <input type="hidden" name="purpose_type" value="2">
                                <div class="wsus__serach_single">
                                    <input type="text" placeholder="{{ __('Type') }}" name="search">
                                    <button class="common_btn" type="submit">{{ __('Search Property') }}</button>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>

        </section>
        <!--=====BANNER END=====-->
    @endif

    @php
        $about_section = $sectionControls->where('section_name', 'about_us')->first();
    @endphp

    @if ($about_section->status == 1)
        <!--=====ABOUT START=====-->
        <section class="wsus__about mt_100 xs_mt_75">
            <div class="container">
                <div class="row">
                    <div class="col-xl-5 col-lg-5">
                        <div class="wsus__about_img">
                            <img src="{{ asset($aboutUs->image) }}" alt="about images" class="img-fluid w-100" loading="lazy">
                        </div>
                    </div>
                    <div class="col-xl-7 col-lg-7">
                        <div class="wsus__about_counter">
                            <div class="row">
                                <div class="col-12">
                                    <div class="wsus__section_heading mb_40 mt_30">
                                        <h2>{{ __(' About Us') }}</h2>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="about_small"> {!! clean($aboutUs->translation->about_us) !!} @if($aboutUs->translation->about_us)<a
                                            href="{{ route('about.us') }}">{{ __('Read More') }}</a>@endif
                                    </div>
                                </div>

                                @foreach ($counters as $counter)
                                    <div class="col-xl-6 col-md-6">
                                        <div class="wsus__about_counter_single text-center">
                                            <div class="wsus__about_counter_icon">
                                                <i class="{{ $counter->icon }}"></i>
                                            </div>
                                            <div class="wsus__about_counter_text">
                                                <h3 class="counter m-0">{{ $counter->qty }}</h3>
                                                <p>{{ $counter->translation->title }}</p>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--=====ABOUT END=====-->
    @endif

    @php
        $top_property_section = $sectionControls->where('section_name', 'top_property')->first();
    @endphp

    @if ($top_property_section->status == 1 && $top_properties->count() > 0)
        <!--=====NEW PROPERTIES END=====-->
        <section class="wsus__new_properties pt_90 xs_pt_65 pb_75 xs_pb_50 mt_100 xs_mt_75">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="wsus__section_heading text-center mb_60">
                            <h2>{{ __('Top Properties') }}</h2>
                            <span>{{ __('Discover premium homes, investment opportunities, and exceptional value.') }}</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    @foreach ($top_properties->take($top_property_section->qty) as $property)
                        <div class="col-xl-4 col-md-6">
                            <div class="wsus__single_property">
                                <div class="wsus__single_property_img">
                                    <img src="{{ asset($property->thumbnail_image) }}" alt="properties"
                                        class="img-fluid w-100" loading="lazy">

                                    @if ($property->property_purpose_id == 1)
                                        <span class="sale">{{ $property->propertyPurpose?->title }}</span>
                                    @elseif($property->property_purpose_id == 2)
                                        <span class="sale">{{ $property->propertyPurpose?->title }}</span>
                                    @endif

                                    @if ($property->urgent_property == 1)
                                        <span class="rent">{{ __('Urgent') }}</span>
                                    @endif

                                </div>
                                <div class="wsus__single_property_text">
                                    @if ($property->property_purpose_id == 1)
                                        <span class="tk">{{ currency($property->price) }}</span>
                                    @elseif ($property->property_purpose_id == 2)
                                        <span class="tk">{{ currency($property->price) }} /
                                            @if ($property->period == 'Daily')
                                                <span>{{ __('Daily') }}</span>
                                            @elseif ($property->period == 'Monthly')
                                                <span>{{ __('Monthly') }}</span>
                                            @elseif ($property->period == 'Yearly')
                                                <span>{{ __('Yearly') }}</span>
                                            @endif
                                        </span>
                                    @endif

                                    <a href="{{ route('property.details', $property->slug) }}"
                                        class="title w-100">{{ $property->title }}</a>
                                    <ul class="d-flex flex-wrap justify-content-between">
                                        <li><i class="fal fa-bed"></i> {{ $property->number_of_bedroom }}
                                            {{ __('Bed') }}</li>
                                        <li><i class="fal fa-shower"></i> {{ $property->number_of_bathroom }}
                                            {{ __('Bath') }}</li>
                                        <li><i class="fal fa-draw-square"></i> {{ $property->area }} {{ __('Sqft') }}
                                        </li>
                                    </ul>
                                    <div
                                        class="wsus__single_property_footer d-flex justify-content-between align-items-center">
                                        <a href="{{ route('search-property', ['page_type' => 'list_view', 'property_type' => $property->propertyType->id]) }}"
                                            class="category">{{ $property->propertyType?->title }}</a>

                                        @php
                                            $total_review = $property->reviews->where('status', 1)->count();
                                            if ($total_review > 0) {
                                                $avg_sum = $property->reviews
                                                    ->where('status', 1)
                                                    ->sum('avarage_rating');

                                                $avg = $avg_sum / $total_review;
                                                $intAvg = intval($avg);
                                                $nextVal = $intAvg + 1;
                                                $reviewPoint = $intAvg;
                                                $halfReview = false;
                                                if ($intAvg < $avg && $avg < $nextVal) {
                                                    $reviewPoint = $intAvg + 0.5;
                                                    $halfReview = true;
                                                }
                                            }
                                        @endphp

                                        @if ($total_review > 0)
                                            <span class="rating">{{ sprintf('%.1f', $reviewPoint) }}

                                                @for ($i = 1; $i <= 5; $i++)
                                                    @if ($i <= $reviewPoint)
                                                        <i class="fas fa-star"></i>
                                                    @elseif ($i > $reviewPoint)
                                                        @if ($halfReview == true)
                                                            <i class="fas fa-star-half-alt"></i>
                                                            @php
                                                                $halfReview = false;
                                                            @endphp
                                                        @else
                                                            <i class="fal fa-star"></i>
                                                        @endif
                                                    @endif
                                                @endfor
                                            </span>
                                        @else
                                            <span class="rating">0.0
                                                @for ($i = 1; $i <= 5; $i++)
                                                    <i class="fal fa-star"></i>
                                                @endfor
                                            </span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>
        <!--=====NEW PROPERTIES END=====-->
    @endif


    @php
        $featured_property_section = $sectionControls->where('section_name', 'featured_property')->first();
    @endphp

    @if ($featured_property_section->status == 1 && $featured_properties->count() > 0)
        <section class="wsus__popular_properties mt_90 xs_mt_65">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="wsus__section_heading text-center mb_60">
                            <h2>{{ __('Featured Properties') }}</h2>
                            <span>{{ __('Browse our exclusive selection of standout properties that combine luxury, comfort, and excellent investment potential.') }}</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    @foreach ($featured_properties->take($featured_property_section->qty) as $property)
                        <div class="col-xl-4 col-md-6">
                            <div class="wsus__popular_properties_single">
                                <img src="{{ asset($property->thumbnail_image) }}" alt="popular properties" loading="lazy">
                                <a href="{{ route('property.details', $property->slug) }}" class="wsus__popular_text">
                                    <h4>{{ $property->title }}</h4>
                                    <ul class="d-flex flex-wrap mt-3">
                                        <li><i class="fal fa-bed"></i> {{ $property->number_of_bedroom }}
                                            {{ __('Bed') }}</li>
                                        <li><i class="fal fa-shower"></i> {{ $property->number_of_bathroom }}
                                            {{ __('Bath') }}</li>
                                        <li><i class="fal fa-draw-square"></i> {{ $property->area }} {{ __('Sqft') }}
                                        </li>
                                    </ul>
                                </a>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>
    @endif

    @php
        $urgent_property_section = $sectionControls->where('section_name', 'urgent_property')->first();
    @endphp

    @if ($urgent_property_section->status == 1 && $urgent_properties->count() > 0)
        <!--=====TOP PROPERTIES START=====-->
        <section class="wsus__top_properties mt_75 xs_mt_50 pt_90 xs_pt_65 pb_75 xs_pb_50">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="wsus__section_heading text-center mb_60">
                            <h2>{{ __('Urgent Properties') }}</h2>
                            <span>{{ __('Discover urgent listings with great deals on move-in ready properties.') }}</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    @foreach ($urgent_properties->take($urgent_property_section->qty) as $property)
                        <div class="col-xl-4 col-sm-6 col-lg-4">
                            <div class="wsus__top_properties_item">
                                <div class="row">
                                    <div class="col-xl-6">
                                        <div class="wsus__top_properties_img">
                                            <img src="{{ asset($property->thumbnail_image) }}" alt="top properties"
                                                class="ifg-fluid w-100" loading="lazy">
                                        </div>
                                    </div>
                                    <div class="col-xl-6">
                                        <div class="wsus__top_properties_text">
                                            <a
                                                href="{{ route('property.details', $property->slug) }}">{{ $property->title }}</a>

                                            @if ($property->property_purpose_id == 1)
                                                <p>{{ currency($property->price) }}</p>
                                            @elseif ($property->property_purpose_id == 2)
                                                <p>{{ currency($property->price) }} /
                                                    @if ($property->period == 'Daily')
                                                        <span>{{ __('Daily') }}</span>
                                                    @elseif ($property->period == 'Monthly')
                                                        <span>{{ __('Monthly') }}</span>
                                                    @elseif ($property->period == 'Yearly')
                                                        <span>{{ __('Yearly') }}</span>
                                                    @endif
                                                </p>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>
        <!--=====TOP PROPERTIES END=====-->
    @endif


    @php
        $service_section = $sectionControls->where('section_name', 'service')->first();
    @endphp

    @if ($service_section->status == 1 && $services->count() > 0)
        <section class="wsus__services"
            style="background: url({{ asset($backgroundImage->service_background_image) }});">
            <div class="wsus__services_overlay pt_100 xs_pt_75 pb_75 xs_pb_50">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-5 col-lg-4">
                            <div class="wsus__services_heading">
                                <div class="wsus__section_heading">
                                    <h2 class="text-white">{{ __('What Are You Looking For') }}</h2>
                                    <span
                                        class="text-white">{{ __('Our Comprehensive Real Estate Services, From Buying and Selling to Property Management and Investment Guidance.') }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-7 col-lg-8">
                            <div class="row">
                                @foreach ($services->take($service_section->qty) as $service)
                                    <div class="col-xl-6 col-md-6">
                                        <div class="wsus__single_service">
                                            <i class="{{ $service->icon }}"></i>
                                            <h4>{{ $service->translation?->title }}</h4>
                                            <p>{{ $service->translation?->description }}</p>
                                            <span><i class="fas fa-flower"></i></span>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif

    @php
        $agent_section = $sectionControls->where('section_name', 'agent')->first();
    @endphp

    @if ($agent_section->status == 1 && $agents->count() > 0)
        <section class="wsus__agents mt_90 xs_mt_65">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="wsus__section_heading text-center mb_35 xs_mb_30">
                            <h2>{{ __('Our Agents') }}</h2>
                            <span>{{ __('Meet our expert real estate team, here to guide you with dedicated service and advice.') }}</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    @foreach ($agents->take($agent_section->qty) as $agent)
                        <div class="col-xl-3 col-sm-6 col-lg-4">
                            <div class="wsus__single_team">
                                <a href="{{ route('agent.show', ['user_type' => '2', 'user_name' => $agent->user_name]) }}"
                                    class="wsus__single_team_img">
                                    <img src="{{ $agent->image ? asset($agent->image) : asset($setting->default_avatar) }}"
                                        alt="team images" class="imf-fluid w-100" loading="lazy">
                                </a>
                                <a href="{{ route('agent.show', ['user_type' => '2', 'user_name' => $agent->user_name]) }}"
                                    class="title">{{ $agent->name }}</a>
                                <p><i class="fal fa-location-circle"></i> {{ $agent->address }}</p>

                                <ul class="agent_link">
                                    @if ($agent->icon_one && $agent->link_one)
                                        <li><a href="{{ $agent->link_one }}"><i
                                                    class="{{ $agent->icon_one }}"></i></a></li>
                                    @endif

                                    @if ($agent->icon_two && $agent->link_two)
                                        <li><a href="{{ $agent->link_two }}"><i
                                                    class="{{ $agent->icon_two }}"></i></a></li>
                                    @endif

                                    @if ($agent->icon_three && $agent->link_three)
                                        <li><a href="{{ $agent->link_three }}"><i
                                                    class="{{ $agent->icon_three }}"></i></a></li>
                                    @endif

                                    @if ($agent->icon_four && $agent->link_four)
                                        <li><a href="{{ $agent->link_four }}"><i
                                                    class="{{ $agent->icon_four }}"></i></a></li>
                                    @endif
                                </ul>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>
    @endif




    @php
        $blog_section = $sectionControls->where('section_name', 'blog')->first();
    @endphp

    @if ($blog_section->status == 1 && $blogs->count() > 0)
        <section class="wsus__blog mt_90 xs_mt_70">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="wsus__section_heading text-center mb_60">
                            <h2>{{ __('Our Blogs') }}</h2>
                            <span>{{ __('Explore Insights, Tips, and Trends in Real Estate.') }}</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    @php
                        $colorId = 1;
                    @endphp
                    @foreach ($blogs->take($blog_section->qty) as $index => $blog)
                        @php
                            if ($index % 4 == 0) {
                                $colorId = 1;
                            }

                            $color = '';
                            if ($colorId == 1) {
                                $color = '';
                            } elseif ($colorId == 2) {
                                $color = 'oreangr';
                            } elseif ($colorId == 3) {
                                $color = 'gren';
                            } elseif ($colorId == 4) {
                                $color = 'blur';
                            }
                        @endphp
                        <div class="col-xl-4 col-md-6">
                            <div class="wsus__single_blog">
                                <div class="wsus__blog_img">
                                    <img src="{{ asset($blog->image) }}" alt="blog items" class="img-fluid w-100" loading="lazy">
                                    <span class="category {{ $color }}">{{ $blog->category?->title }}</span>
                                </div>
                                <div class="wsus__blog_text">
                                    <p class="blog_date">
                                        <span>{{ $blog->created_at->format('d') }}</span>
                                        <span>{{ $blog->created_at->format('m') }}</span>
                                        <span>{{ $blog->created_at->format('Y') }}</span>
                                    </p>
                                    <span class="comment"><i class="fal fa-comment-dots"></i>
                                        {{ $blog->comments->where('status', 1)->count() }}</span>
                                    <div
                                        class="wsus__blog_header d-flex flex-wrap align-items-center justify-content-between">
                                        <div class="blog_header_images d-flex flex-wrap align-items-center w-100">
                                            <img src="{{ $blog->admin ? asset($blog->admin->image) : asset($setting->default_avatar) }}"
                                                alt="bloger" class="img-fluid img-thumbnail" loading="lazy">
                                            <span>{{ $blog->admin ? $blog->admin->name : '' }}</span>
                                        </div>
                                    </div>
                                    <a href="{{ route('blog.details', $blog->slug) }}"
                                        class="blog_title">{{ $blog->title }}</a>
                                    <p>{{ $blog->translation->short_description }}</p>
                                </div>
                            </div>
                        </div>
                        @php
                            $colorId++;
                        @endphp
                    @endforeach
                </div>
            </div>
        </section>
    @endif


    @php
        $testimonial_section = $sectionControls->where('section_name', 'testimonial')->first();
    @endphp

    @if ($testimonial_section->status == 1 && $testimonials->count() > 0)
        <section class="wsus__testimonial mt_75 xs_mt_50 pt_90 xs_pt_65 pb_85 xs_pb_100"
            style="background: url({{ asset('uploads/website-images/bg_shape.webp') }});">
            <div class="container">
                <div class="row justify-content-between align-content-center">
                    <div class="col-xl-4 col-lg-4">
                        <div class="wsus__section_heading d-flex align-content-center justify-content-center flex-column">
                            <h2>{{ __('Happy Clients') }}</h2>
                            <span>{{ __('Read Real Stories from Our Satisfied Clients and Discover How We Helped Them Find Their Perfect Property.') }}</span>
                        </div>
                    </div>
                    <div class="col-xl-7 col-lg-8">
                        <div class="row testi_slider">
                            @foreach ($testimonials->take($testimonial_section->qty) as $testimonial)
                                <div class="col-12">
                                    <div class="wsus__testi_item">
                                        <div class="row">
                                            <div class="col-xl-5 col-md-5">
                                                <div
                                                    class="wsus__testi_img d-flex justify-content-center align-items-center">
                                                    <i class="fal fa-flower top_icon"></i>
                                                    <img src="{{ asset($testimonial->image) }}" alt="Clients"
                                                        class="img-fluid img-thumbnail" loading="lazy">
                                                    <i class="fas fa-flower bottom_icon"></i>
                                                </div>
                                            </div>
                                            <div class="col-xl-7 col-md-7">
                                                <div class="wsus__testi_text">
                                                    <h2>{{ $testimonial->translation->name }}</h2>
                                                    <h5>{{ $testimonial->translation->designation }}</h5>
                                                    <p><i class="fal fa-quote-right"></i>
                                                        {{ $testimonial->translation->comment }}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif
@endsection