@push('style')


    <style>
        .badge-featured {
            position: absolute;
            top: 8px;
            right: 8px;
            background: #ff9800;
            color: white;
            padding: 4px 8px;
            font-size: 12px;
            font-weight: bold;
            border-radius: 4px;
            z-index: 10;
        }
        .badge {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 0.25rem;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}

.badge-premium { background-color: #FFD700; color: #000; }
.badge-top { background-color: #FFA500; color: #fff; } /* darker gold / orange */
.badge-featured { background-color: #C0C0C0; color: #000; }


    </style>
@endpush

@php
    $search = request()->get('search') ? "true" : "";
    $adSearch = (isset($search) && $search == 'true') ? '?search=true' : '';
@endphp


<div
    class="listing_item h-100 @if($ad?->featured && $ad?->status == 'active' && $ad?->verification_status == 'verified') verified_item @endif position-relative">

    {{-- Featured badge --}}
@if($ad?->status == 'active' && $ad?->verification_status == 'verified')
 @if(in_array($ad?->featured,[1,2,3]))
        @if($ad?->featured == 1)
                   <span class="badge badge-featured">Silver</span>
        @elseif($ad?->featured == 2)
                   <span class="badge badge-top">Gold</span>
        @elseif($ad?->featured == 3 )
            <span class="badge badge-premium">Premium</span>
        @endif
        {{-- {{dd($ad->featured) }} --}}
@endif
@endif




    <div class="d-flex position-relative w-100">
        <a href="{{ route('ads.details', ['location' => $ad->city_slug, 'category' => $ad->category_slug, 'scategory' => $ad->subcategory_slug, 'slug' => $ad->slug]) . $adSearch }}"
            class="listing_img d-block stretched-link">
            <img src="{{ asset($ad->thumbnail) }}" class="me-3" alt="{{ $ad->slug }}">
        </a>
        <div class="listing_content w-100 overflow-hidden">
            <h2 class="mb-1 listing_name">{{ $ad?->title }}</h2>
            <div class="listing_info mb-1">{{ $ad?->belongsToRegion?->name }},
                {{ $ad?->belongsToCategory?->name }}
            </div>
@if ($ad->category_slug && $ad->category_slug != 'jobs')
    @php
        $priceExists = $ad->price && $ad->price > 0;
        $isNegotiable = $ad->negotiable == '1';
    @endphp

    @if ($priceExists || $isNegotiable)
        <div class="listing_price">
            @if ($priceExists)
                {{ $setting?->currency_symbol }} {{ $ad->price }}
            @endif

            @if ($isNegotiable)
                <span style="color: #455ba8;">
                    @if ($priceExists) (Negotiable) @else Negotiable @endif
                </span>
            @endif
        </div>
    @endif
@endif

            <div class="date text-end">{{ $ad->created_at->diffForHumans() }}</div>
        </div>
    </div>
</div>


{{-- <div
    class="listing_item h-100  @if($ad?->featured && $ad?->status=='active' && $ad?->verification_status=='verified') verified_item @endif">
    <div class="d-flex position-relative w-100">
        <a href="{{ route('ads.details', ['location' => $ad->city_slug, 'category' => $ad->category_slug, 'scategory' => $ad->subcategory_slug, 'slug' => $ad->slug]) }}"
            class="listing_img d-block stretched-link">
            <img src="{{ getPhoto($ad->thumbnail) }}" class="me-3" alt="{{ $ad->slug }}">
        </a>
        <div class="listing_content w-100 overflow-hidden">
            <h2 class="mb-1 listing_name">{{ $ad?->title }}</h2>
            <div class="listing_info mb-1">{{ $ad?->belongsToRegion?->name }},
                {{ $ad?->belongsToCategory?->name }}</div>
            @if ($ad->category_slug && $ad->category_slug != 'jobs')
            <div class="listing_price">
                @if ($ad->negotiable == '1')
                Negotiable
                @else
                {{$setting?->currency_symbol}} {{$ad?->price}}
                @endif
            </div>
            @endif
            <div class="date text-end">{{ $ad->created_at->diffForHumans() }}</div>
        </div>
    </div>
</div> --}}