@foreach($annonces as $annonce)
    @php
    $meta_model=new \App\Users_meta();
    $picture=$meta_model->get_user_field($annonce->user->id,'profil_picture');
    @endphp
    <div class="col-12 list_annonce" data-type="{{$annonce->type}}" data-metier="{{$annonce->metier->intitule_metier}}">
        <!-- Author Info -->
        <div class="author-info">
            <img class="lazy" data-src="{{asset('Profil_picture/'.$picture)}}" alt="" style="width: 40px; height: 40px; border-radius: 50%;">
            <div class="author-name">
                {{$annonce->user->last_name}} {{$annonce->user->first_name}}
                @if(isset($annonce->profil_annonceur->profession))
                    <span style="color: #6c757d; font-weight: normal;">({{$annonce->profil_annonceur->profession}})</span>
                @endif
            </div>
        </div>

        <!-- Badges -->
        <div class="mt-3 mb-3">
            <span class="status-badge @if($annonce->couverture=='international') info @else primary @endif">
                <i class="fa fa-globe"></i>
                {{$annonce->couverture=='international' ? 'International' : 'Uniquement '.$annonce->pays->name}}
            </span>
            <span class="status-badge @if($annonce->type=='vente') info @elseif($annonce->type=='achat') warning @else primary @endif">
                <i class="fa fa-tag"></i>
                {{ucfirst($annonce->type)}}
            </span>
            <span class="status-badge primary">
                <i class="fa fa-briefcase"></i>
                {{$annonce->metier->intitule_metier}}
            </span>
        </div>

        <!-- Title -->
        <h4 class="mt-2">
            {{$annonce->title}}
            @if(isset($annonce->date_limit))
                <small style="color: #dc3545; font-weight: 600;">
                    <i class="fa fa-exclamation-triangle"></i>
                    (Urgent pour : {{date("d-m-Y",strtotime($annonce->date_limit))}})
                </small>
            @endif
        </h4>

        <!-- Description -->
        <p style="line-height: 1.6; color: #495057;">{{Illuminate\Support\Str::limit($annonce->description,200)}}</p>

        <!-- Meta Info -->
        <p style="font-size: 13px; color: #6c757d;">
            <i class="fa fa-calendar"></i> Publié le : <strong>{{date("d-m-Y",strtotime($annonce->created_at))}}</strong> |
            <i class="fa fa-map-marker-alt"></i> Pays : <strong>{{$annonce->pays->name}}</strong>
        </p>

        <!-- Action Button -->
        <div class="mt-3">
            <a href="{{route('annonce',$annonce->slug)}}" class="btn btn-primary">
                <i class="fa fa-eye"></i> Voir plus de détails
            </a>
        </div>
        <hr style="margin: 25px 0; border-color: #e9ecef;">
    </div>
@endforeach