{{-- Seguimientos pendientes — tabla densa (reemplaza la grilla de cards).
     Misiles cuyo último intento dejó un next_followup_at agendado. Vencidos primero.
     Acción: outreach-open-btn → modal compartido. --}}
@if($followupsDue->isNotEmpty())
<details class="card mb-4 border-danger border shadow-sm" open style="background: linear-gradient(135deg, rgba(220,53,69,0.05), rgba(220,53,69,0.02));">
    <summary class="card-header border-0 pt-3 pb-2 d-flex flex-wrap align-items-center justify-content-between gap-2 list-unstyled" style="cursor:pointer;">
        <div class="d-flex align-items-center gap-2">
            <i class="fas fa-bell text-danger fs-3"></i>
            <div>
                <h5 class="fw-bold mb-0">📞 Seguimientos pendientes — leads para recontactar</h5>
                <p class="text-muted fs-8 mb-0 d-none d-md-block">Misiles con un follow-up agendado en su último contacto. Registrá el nuevo intento para reprogramar.</p>
            </div>
        </div>
        <div class="d-flex align-items-center gap-1">
            @if($followupCounts['overdue'] > 0)
                <span class="badge bg-danger fs-8 fw-bold">{{ $followupCounts['overdue'] }} vencido{{ $followupCounts['overdue'] === 1 ? '' : 's' }}</span>
            @endif
            @if($followupCounts['today'] > 0)
                <span class="badge bg-warning text-dark fs-8 fw-bold">{{ $followupCounts['today'] }} hoy</span>
            @endif
            <span class="badge bg-light-danger text-danger fs-8 fw-bold">{{ $followupCounts['total'] }} total</span>
        </div>
    </summary>
    <div class="card-body pt-2 pb-3">
        <div class="table-responsive">
            <table class="table table-sm table-row-bordered align-middle mb-0">
                <thead>
                    <tr class="fs-8 text-muted text-uppercase">
                        <th>Lead</th>
                        <th>Producto</th>
                        <th class="text-center">Temp</th>
                        <th>Último contacto</th>
                        <th class="text-nowrap">Recontactar</th>
                        <th>Nota</th>
                        <th class="text-end">Acción</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($followupsDue as $m)
                        @php
                            $att = $m->latestAttempt;
                            $due = $att->next_followup_at;
                            [$tempKey, $tempEmoji, $tempLabel, $tempClass] = $m->lead_temp;
                            [, $chIcon, ] = $att->channel_label;
                            [$outLabel, $outClass] = $att->outcome_label;
                            $isOverdue = $due->copy()->startOfDay()->isPast() && !$due->isToday();
                        @endphp
                        <tr class="{{ $isOverdue ? 'bg-light-danger bg-opacity-25' : '' }}">
                            <td class="fw-bold text-gray-900">{{ $m->project_name ?: ($m->prospect_name ?: 'Sin nombre') }}</td>
                            <td>@if($m->product_slug)<span class="badge bg-light-primary text-primary fs-8">{{ $m->product_slug }}</span>@else<span class="text-muted fs-8">—</span>@endif</td>
                            <td class="text-center"><span class="badge {{ $tempClass }} fs-8" title="{{ $tempLabel }}">{{ $tempEmoji }}</span></td>
                            <td class="fs-8 text-muted text-nowrap">
                                <i class="fas {{ $chIcon }} me-1"></i>{{ $att->attempted_at?->diffForHumans() }}
                                <span class="badge {{ $outClass }} fs-8 ms-1">{{ $outLabel }}</span>
                            </td>
                            <td class="text-nowrap fw-bold fs-8 {{ $isOverdue ? 'text-danger' : ($due->isToday() ? 'text-warning' : 'text-info') }}">
                                <i class="fas fa-clock me-1"></i>{{ $isOverdue ? 'Vencido ' . $due->diffForHumans(null, true) : ($due->isToday() ? 'Hoy' : 'En ' . now()->startOfDay()->diffInDays($due->copy()->startOfDay()) . 'd') }}
                            </td>
                            <td class="fs-8 text-gray-600 text-truncate" style="max-width:220px;" title="{{ $att->notes }}">{{ $att->notes ? '“' . \Illuminate\Support\Str::limit($att->notes, 60) . '”' : '—' }}</td>
                            <td class="text-end">
                                <button type="button" class="btn btn-sm btn-danger py-1 px-2 fs-8 outreach-open-btn"
                                        data-missile-id="{{ $m->id }}" data-missile-name="{{ $m->project_name ?: $m->prospect_name }}">
                                    <i class="fas fa-phone me-1"></i>Registrar
                                </button>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</details>
@endif