@foreach ($listings as $key => $listing)
@php
if ($key == 'regular_listing') {
    $list_name = 'Regular Listings';
} elseif ($key == 'platinum_listing') {
    $list_name = 'Platinum Listings';
} elseif ($key == 'gold_listing') {
    $list_name = 'Gold Listings';
} elseif ($key == 'silver_listing') {
    $list_name = 'Silver Listings';
} elseif ($key == 'latest_listing') {
    $list_name = 'Latest Listings';
} elseif ($key == 'similar') {
    $list_name = 'Similar';
} elseif ($key == 'near_by') {
    $list_name = 'Near By';
} else {
    $list_name = 'Listings';
}
@endphp

<div class="row">
    <div class="blog__section {{ $key == 'platinum_listing' ? 'platinum_listing_card ' : '' }} desktop__view">
        <div class="text-left border-primary">
            <h2 class="font-weight-light heading__bottom--line">{{ $list_name }}</h2>
        </div>
        <div class="blog__inner">
            <div class="blog__body d-flex flex-wrap justify-content-center">
                @forelse($listing as $key => $item)


                <div class="blog__body--inner {{ $list_name == 'Platinum Listings' ? 'max_4 ' : 'max_6' }} d-flex d-md-flex listing">
                    <a href="{{ route('listing.show', $item->slug) }}">
                        <div class="blog__img {{ get_listing_class($item->type) }} d-flex align-items-center">
                            @if(!in_array($item->type, [2, 3, 4, 5]))
                                <div data-hour="12" data-minute="0" data-second="0" class="clock">
                                    <img class="lazy" data-src="{{ in_array($item->type, [3, 4, 5]) ? $item->cover_image : asset('vendor/front/images/logo.svg') }}">
                                    <div class="h"></div>
                                    <div class="m"></div>
                                    <!-- <div id="s"></div> -->
                                </div>
                            @else
                                <img class="lazy" data-src="{{ in_array($item->type, [2, 3, 4, 5]) ? $item->cover_image : asset('vendor/front/images/logo.svg') }}">
                            @endif
                        </div>
                        <div class="lh-content">

                                        <a href="{{ route('listings.filtered', [ 'cat' => $item->category->slug ]) }}">
                                            <span class="category">
                                                <img class="lazy" data-src="{{ $item->category->images }}" alt="{{ $item->category->name }}">
                                                {{ $item->category->name }}
                                            </span>
                                        </a>
                                        @if($item->service)
                                            <a href="{{ route('listings.filtered', [ 'ser' => [$item->service->slug] ]) }}">
                                                <span class="category">
                                                    <img class="in-svg" src="{{ $item->service->images }}" alt="{{ $item->service->name }}">
                                                    {{ $item->service->name }}
                                                </span>
                                            </a>
                                        @endif
                                        <p class="bolg__body--text"><a href="{{ route('listing.show', $item->slug) }}">{{ $item->title }}</a></p>
                                        @if(in_array($item->type, [3]))
                                        {{-- {{dd($item)}} --}}
                                        {{-- <a href="{{ route('listings.filtered', [ 'state' => [ $item->state->id] ]) }}"></a>, --}}
                                        {{-- <a href="{{ route('listings.filtered', [ 'city' => [ $item->city->id] ]) }}"></a> --}}
                                        @php
                                            $states = explode(',',$item->state);
                                            $citys = explode(',', $item->city);
                                        @endphp
                                        <address>
                                            @if (count($states) > 1)
                                                <p>Multiple Regions</p>
                                            @else
                                                <p>{{ getstateName($item->state) }}</p>
                                            @endif

                                            @if (count($citys) > 1)
                                                <p>Multiple Cities</p>
                                            @else
                                                <p>{{ $item->city == 1 ? 'Mutilple Cities' : getcityName($item->city) }}</p>
                                            @endif
                                        </address>
                                        @endif
                                        <div class="align-items-center item-box-user-div d-flex justify-content-center">
                                            <div class="item-box-user-img-div">
                                                <img class="lazy" data-src="{{ $item->user->profile_photo_url }}" alt="{{ $item->user->full_name }}" class="img-fluid rounded-circle">
                                            </div>
                                            <div class="item-box-user-name-div">
                                                <p>{{ $item->user->full_name }}</p>
                                                <p>{{ Carbon\Carbon::parse($item->created_at)->diffForHumans() }}</p>
                                            </div>
                                        </div>

                        </div>
                        <div class="align-items-center contact__detail--blog">
                                        <div class="contact__detail">
                                            @if(in_array($item->type , [3, 4, 5]))
                                                <div class="website">
                                                    <a class="d-flex justify-content-center align-items-center" target="_blank" href="{{ $item->website_url}}">
                                                        <span>
                                                            <i class="fas fa-globe"></i>
                                                        </span>
                                                        <span>{{ $item->website_url}}</span>
                                                    </a>
                                                </div>
                                            @endif
                                            @if(\Auth::check())
                                                <div class="contact">
                                                    <a href="{{ "tel:".$item->phone_number}}"><span><i class="fas fa-phone"></i></span><span>{{ $item->phone_number}}</span></a>
                                                </div>
                                            @endif
                                            {{-- @if(!in_array($item->type, [3])) --}}
                                                <div class="review">
                                                    <div class="pl-0 rating_stars rating_stars_ben-kelly-real-estate jq-ry-container" data-id="rating_stars_ben-kelly-real-estate" data-rating="3.0" readonly="readonly">
                                                        <div class="jq-ry-rated-group jq-ry-group">
                                                            <ul class="stars__r d-inline-flex">
                                                                {!! ratingStars($item->rating_avg) !!}
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <address class="mt-1">
                                                        ({{$item->rating_count}} reviews)
                                                    </address>
                                                </div>
                                            {{-- @endif --}}

                                        </div>
                        </div>
                        <a href="{{ route('listing.show', $item->slug) }}" class="link-overlay"></a>
                    </a>
                </div>
                @empty
                <h4 class="w-100">No Data Found</h4>
                @endforelse
            </div>
        </div>
    </div>

    <!-- Mobile View -->
    <div class="blog__section mobile__view">
        <div class="text-left border-primary">
            <h2 class="font-weight-light heading__bottom--line">{{ $list_name }}</h2>
        </div>
        <div class="blog__inner swiper mySwiper">
            <div class="blog__body swiper-wrapper">
                @forelse($listing as $key => $item)
                <div class=" blog__body--inner  d-flex align-items-center d-md-flex flex-column listing vertical col-lg-3 col-md-4 col-sm-12 swiper-slide">
                    <div class="max_4">
                        <a href="{{ route('listing.show', $item->slug) }}">
                            <div class="blog__img {{ get_listing_class($item->type) }}" >
                                @if(!in_array($item->type, [3, 4, 5]))
                                    <div data-hour="12" data-minute="0" data-second="0" class="clock">
                                        <img class="lazy" data-src="{{ in_array($item->type, [3, 4, 5]) ? $item->cover_image : asset('vendor/front/images/logo.svg') }}">
                                        <div class="h"></div>
                                        <div class="m"></div>
                                        <!-- <div id="s"></div> -->
                                    </div>
                                @else
                                    <img class="lazy" data-src="{{ in_array($item->type, [3, 4, 5]) ? $item->cover_image : asset('vendor/front/images/logo.svg') }}">
                                @endif
                            </div>
                        </a>
                        <div class="lh-content">
                            <a href="{{ route('listings.filtered', [ 'cat' => $item->category->slug ]) }}">
                                <span class="category">
                                    <img class="lazy" data-src="{{ $item->category->images }}" alt="{{ $item->category->name }}">
                                    {{ $item->category->name }}
                                </span>
                            </a>
                            @if($item->service)
                                <a href="{{ route('listings.filtered', [ 'ser' => [$item->service->slug] ]) }}">
                                    <span class="category">
                                        <img class="in-svg" src="{{ $item->service->images }}" alt="{{ $item->service->name }}">
                                        {{ $item->service->name }}
                                    </span>
                                </a>
                            @endif
                            @if(in_array($item->type , [3, 4, 5]))
                                <a href="{{ $item->website_url}}" target="_blank" >
                                    <span class="category">
                                        <i class="fa fa-link" aria-hidden="true"></i>
                                        Visit Website
                                    </span>
                                </a>

                            @endif
                            @if( \Auth::check())
                                <a href="{{ "tel:".$item->phone_number}}">
                                    <span class="category">
                                        <i class="fa fa-phone" aria-hidden="true"></i>
                                        {{ $item->phone_number}}
                                    </span>
                                </a>
                            @endif
                            <p class="bolg__body--text"><a href="{{ route('listing.show', $item->slug) }}">{{ $item->title }}</a></p>
                            @if(in_array($item->type, [3]))
                            @php
                                $states = explode(',',$item->state);
                                $citys = explode(',', $item->city);
                            @endphp
                            <address>
                                @if (count($states) > 1)
                                    <p>Multiple Regions</p>
                                @else
                                    <p>{{ getstateName($item->state) }}</p>
                                @endif

                                @if (count($citys) > 1)
                                    <p>Multiple Cities</p>
                                @else
                                    <p>{{ $item->city == 1 ? 'Multiple Cities' : getcityName($item->city) }}</p>
                                @endif
                            </address>
                            @endif
                            {{-- @if(!in_array($item->type, [3])) --}}
                                <div class="row">
                                    <div class="col-12">
                                        <div class="pl-0 rating_stars rating_stars_ben-kelly-real-estate jq-ry-container" data-id="rating_stars_ben-kelly-real-estate" data-rating="3.0" readonly="readonly">
                                            <div class="jq-ry-rated-group jq-ry-group">
                                                <ul class="stars__r d-inline-flex">
                                                    {!! ratingStars($item->rating_avg) !!}
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <address class="mt-1">
                                        ({{$item->rating_count}} reviews)
                                    </address>
                                </div>
                            {{-- @endif --}}
                        </div>
                        <hr class="item-box-hr m_20">
                        <div class="row align-items-center p_30">
                            <div class="col-12 col-md-12 col-sm-12 col-12 pr-0">
                                <div class="row align-items-center item-box-user-div pb-3">
                                    <div class="col-4 item-box-user-img-div">
                                        <img class="lazy" data-src="{{ $item->user->profile_photo_url }}" alt="{{ $item->user->full_name }}" class="img-fluid rounded-circle">
                                    </div>
                                    <div class="col-8 line-height-1-2 item-box-user-name-div">
                                        <div class="row pb-1">
                                            <div class="col-12">
                                                <span class="font-size-13">{{ $item->user->full_name }}</span>
                                            </div>
                                        </div>
                                        <div class="row line-height-1-0">
                                            <div class="col-12">
                                                <span>{{ Carbon\Carbon::parse($item->created_at)->diffForHumans() }}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{-- <div class="col-7 col-md-4 col-sm-3 col-12 pl-0 text-right opened">
                                <span class="item-box-hour-span-opened">Opened</span>
                            </div> --}}
                        </div>
                        <a href="{{ route('listing.show', $item->slug) }}" class="link-overlay"></a>
                    </div>
                </div>
                @empty
                <h4 class="w-100">No Data Found</h4>
                @endforelse
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <!-- End Mobile View -->
</div>
@endforeach