@push('style')

<style>
            .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="card pro-card position-relative 
    @if($ad?->featured && $ad?->status == 'active' && $ad?->verification_status == 'verified') verified_item @endif">

    {{-- ✅ Badges with yellow icons and tooltip --}}
{{-- Stack both icons in top-right --}}
@if(in_array($ad?->featured,[1,2,3]))
    <div class="position-absolute top-0 end-0 p-2 d-flex flex-column align-items-end gap-1">
        @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) }} --}}
    </div>
@endif


    <a href="{{ route('ads.details', [
            'location' => $ad->city_slug,
            'category' => $ad->category_slug,
            'scategory' => $ad->subcategory_slug,
            'slug' => $ad->slug
        ]) . $adSearch }}" class="d-block stretched-link">

        <img src="{{ getPhoto($ad->thumbnail) }}" alt="{{ $ad->slug }}" class="card-img-top img-fluid rounded">

        <div class="card-body">
    @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)
                <h5 class="card-title pro-price">
                    {{ $setting?->currency_symbol }} {{ $ad->price }}
                </h5>
            @endif

            @if ($isNegotiable)
                <span class="text-muted small">
                    @if ($priceExists)
                        (Negotiable)
                    @else
                        Negotiable
                    @endif
                </span>
            @endif
        </div>
    @endif
@endif


            <p class="card-text pro-title">{{ $ad?->title }}</p>
            <p class="card-text pro-details">{{ $ad?->region ?? '' }}</p>
        </div>
    </a>
</div>