@extends('layouts/layoutMaster')

@section('title', 'Salud de embeds')

@section('content')
<div class="card">
  <div class="card-header d-flex justify-content-between align-items-center">
    <div>
      <h5 class="mb-0">Embeds de anuncios por revisar</h5>
      <small class="text-muted">Detecta posts con listing cards no disponibles y entra al editor para reemplazarlas o quitarlas.</small>
    </div>
    <a href="{{ route('admin.blog-posts.index') }}" class="btn btn-outline-secondary">Volver al blog</a>
  </div>

  <div class="card-body">
    @if($rows->isEmpty())
      <div class="alert alert-success mb-0">
        No encontramos embeds de anuncios caidos en los posts del blog.
      </div>
    @else
      <div class="table-responsive text-nowrap">
        <table class="table align-middle">
          <thead>
            <tr>
              <th>Post</th>
              <th>Embeds afectados</th>
              <th>Acciones</th>
            </tr>
          </thead>
          <tbody>
            @foreach($rows as $row)
              @php
                /** @var \App\Models\BlogPost $post */
                $post = $row['post'];
              @endphp
              <tr>
                <td style="min-width: 280px;">
                  <strong>{{ $post->title }}</strong>
                  <div class="text-muted small">/{{ $post->slug }}</div>
                  <div class="text-muted small">Actualizado: {{ optional($post->updated_at)->format('Y-m-d H:i') }}</div>
                </td>
                <td style="min-width: 420px;">
                  <div class="d-flex flex-column gap-2">
                    @foreach($row['embeds'] as $embed)
                      <div class="border rounded-3 p-3">
                        <div class="d-flex justify-content-between align-items-start gap-3">
                          <div>
                            <div class="fw-semibold">{{ $embed['title'] ?? 'Anuncio no disponible' }}</div>
                            <div class="text-muted small">ID embed: {{ $embed['id'] ?? 'sin id' }} · {{ $embed['city'] ?? 'Marketplace' }}</div>
                          </div>
                          <span class="badge bg-label-warning">{{ $embed['eyebrow_label'] ?? 'No disponible' }}</span>
                        </div>
                        <div class="text-muted small mt-2">{{ $embed['summary'] ?? 'Este anuncio ya no esta disponible y conviene reemplazarlo.' }}</div>
                        <div class="d-flex gap-2 mt-3">
                          @if(!empty($embed['cta_url']))
                            <a href="{{ $embed['cta_url'] }}" class="btn btn-sm btn-outline-primary" target="_blank" rel="noopener noreferrer">Abrir alternativa</a>
                          @endif
                          @if(!empty($embed['detail_url']))
                            <a href="{{ $embed['detail_url'] }}" class="btn btn-sm btn-outline-secondary" target="_blank" rel="noopener noreferrer">Abrir ficha</a>
                          @endif
                        </div>
                      </div>
                    @endforeach
                  </div>
                </td>
                <td>
                  <div class="d-flex flex-column gap-2">
                    <a href="{{ route('admin.blog-posts.edit', $post) }}" class="btn btn-sm btn-primary">Editar post</a>
                    <span class="text-muted small">{{ $row['count'] }} embed(s) por resolver</span>
                  </div>
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    @endif
  </div>
</div>
@endsection