@props(['embed'])

@php
  $ctaUrl = $embed['cta_url'] ?? null;
@endphp

<article class="blog-rich-embed-card blog-rich-embed-card--listing {{ !empty($embed['badge_label']) ? 'blog-rich-embed-card--vip' : '' }} {{ empty($embed['available']) ? 'blog-rich-embed-card--unavailable' : '' }}">
  @if(!empty($embed['available']) && !empty($embed['detail_url']))
    <a href="{{ $embed['detail_url'] }}" class="blog-rich-embed-card__media">
      <img src="{{ $embed['image_url'] }}" alt="{{ $embed['title'] }}" loading="lazy" decoding="async">
      <span class="blog-rich-embed-card__chip">{{ $embed['city'] }}</span>
      @if(!empty($embed['available']) && !empty($embed['badge_label']))
        <span class="blog-rich-embed-card__ribbon">{{ $embed['badge_label'] }}</span>
      @endif
    </a>
  @else
    <div class="blog-rich-embed-card__media">
      <img src="{{ $embed['image_url'] }}" alt="{{ $embed['title'] }}" loading="lazy" decoding="async">
      <span class="blog-rich-embed-card__chip">{{ $embed['city'] }}</span>
      @if(!empty($embed['available']) && !empty($embed['badge_label']))
        <span class="blog-rich-embed-card__ribbon">{{ $embed['badge_label'] }}</span>
      @endif
    </div>
  @endif

  <div class="blog-rich-embed-card__body">
    <p class="blog-rich-embed-card__eyebrow">{{ $embed['eyebrow_label'] ?? 'Anuncio publicado' }}</p>
    <h3 class="blog-rich-embed-card__title">{{ $embed['title'] }}</h3>
    <p class="blog-rich-embed-card__price">{{ $embed['price_label'] }}</p>
    <p class="blog-rich-embed-card__description">{{ $embed['summary'] ?? 'Consulta repertorio, disponibilidad y detalles completos directamente en el anuncio.' }}</p>

    @if(!empty($embed['tags']))
      <div class="blog-rich-embed-card__tags">
        @foreach($embed['tags'] as $tag)
          <span class="blog-rich-embed-card__tag">{{ $tag }}</span>
        @endforeach
      </div>
    @endif

    <div class="blog-rich-embed-card__footer">
      <span class="blog-rich-embed-card__meta">{{ $embed['city'] }}</span>
      @if(!empty($ctaUrl))
        <a href="{{ $ctaUrl }}" class="blog-rich-embed-card__cta">
          <span>{{ $embed['button_label'] ?? 'Ver anuncio' }}</span>
          <span class="blog-rich-embed-card__cta-icon" aria-hidden="true">→</span>
        </a>
      @else
        <span class="blog-rich-embed-card__cta blog-rich-embed-card__cta--muted">
          <span>{{ $embed['button_label'] ?? 'Ver anuncio' }}</span>
        </span>
      @endif
    </div>
  </div>
</article>