{{--
    Fila de un misil dentro del panel del Closer.
    Variables esperadas:
      $m    — MissileDraft con outreach_attempts_count + latestAttempt cargados
      $mode — 'ready' (launched, con demo) | 'pending' (sin provisionar todavía)
--}}
@php
    [$tempKey, $tempEmoji, $tempLabel, $tempClass] = $m->lead_temp;
    $hasOutreach  = $m->outreach_attempts_count > 0;
    $lastAttempt  = $m->latestAttempt ?? null;
    $nextFollowup = $lastAttempt?->next_followup_at;
    $domain       = $m->launchedProject?->domain ?: ($m->subdomain ? $m->subdomain . '.bewpro.com' : null);

    // Badge "proyecto activo" si el TP ya está live
    $tpAlive = $m->launchedProject && in_array($m->launchedProject->pipeline_status, ['active','on_development'], true);
    $tpDead  = $m->launchedProject && !$tpAlive;

    // WhatsApp link con mensaje pre-escrito
    $whatsappLink = null;
    $whatsappPhoneClean = null;
    if (!empty($m->prospect_phone)) {
        $phone = preg_replace('/[^0-9]/', '', (string) $m->prospect_phone);
        if (strlen($phone) >= 8) {
            $whatsappPhoneClean = $phone;
            $closer    = auth()->user();
            $closerNm  = trim(($closer?->first_name ?? '') . ' ' . ($closer?->last_name ?? '')) ?: 'el equipo de BewPro';
            $leadNm    = $m->prospect_name ?: $m->project_name ?: 'Hola';
            $demoUrl   = $domain ? "https://{$domain}" : null;

            $msg = "Hola {$leadNm}, te habla {$closerNm} de BewPro 👋\n\n";
            if ($mode === 'ready' && $demoUrl) {
                $msg .= "Te preparé una propuesta digital pensada para vos. Echale un vistazo:\n👉 {$demoUrl}\n\n";
                $msg .= "¿Tenés 5 minutos esta semana para charlarlo?";
            } else {
                $msg .= "Estoy preparando una propuesta digital pensada para vos. ¿Cuándo podemos charlar 5 minutos?";
            }
            $whatsappLink = "https://wa.me/{$phone}?text=" . rawurlencode($msg);
        }
    }
@endphp

<div class="d-flex align-items-center gap-3 p-3 border-bottom hover-bg-light">
    {{-- Emoji avatar --}}
    <div class="symbol symbol-40 symbol-circle bg-light-secondary flex-shrink-0">
        <span class="symbol-label fs-3">{{ $tempEmoji }}</span>
    </div>

    {{-- Datos del misil --}}
    <div class="flex-grow-1 min-w-0">
        <div class="d-flex align-items-center gap-2 flex-wrap">
            <span class="fw-bold text-gray-900">
                {{ $m->project_name ?: $m->prospect_name ?: 'Sin nombre' }}
            </span>

            @if($mode === 'ready')
                <span class="badge {{ $tempClass }} fs-8">{{ $tempEmoji }} {{ $tempLabel }}</span>
                @if(!$hasOutreach)
                    <span class="badge badge-light-warning fs-8">
                        <i class="fas fa-fire me-1"></i>sin contactar
                    </span>
                @endif
                @if($tpAlive)
                    <a href="{{ url('/admin/tenants?q=' . ($m->launchedProject->domain ?? $m->launchedProject->id)) }}"
                       target="_blank"
                       class="badge badge-light-success fs-8 text-decoration-none"
                       title="Proyecto activo en el sistema — abrir /admin/tenants">
                        <i class="fas fa-circle-check me-1"></i>Proyecto activo #{{ $m->launchedProject->id }}
                    </a>
                @endif
                @if($tpDead)
                    <span class="badge badge-light-secondary fs-8" title="Tenant fue archivado/paused/failed">
                        <i class="fas fa-circle-pause me-1"></i>{{ $m->launchedProject->pipeline_status }}
                    </span>
                @endif
            @else
                <span class="badge badge-light-secondary fs-8">
                    <i class="fas fa-circle-half-stroke me-1"></i>{{ ucfirst($m->status) }}
                </span>
            @endif
        </div>

        <div class="fs-8 text-muted mt-1 d-flex gap-3 flex-wrap">
            @if($m->prospect_email)
                <span><i class="fas fa-envelope me-1"></i>{{ $m->prospect_email }}</span>
            @endif
            @if($m->prospect_name && $m->prospect_name !== $m->project_name)
                <span><i class="fas fa-user me-1"></i>{{ $m->prospect_name }}</span>
            @endif
            @if($mode === 'ready' && $domain)
                <span><i class="fas fa-globe me-1"></i>{{ $domain }}</span>
            @elseif($mode === 'pending' && $m->subdomain)
                <span class="text-muted"><i class="fas fa-globe me-1"></i>{{ $m->subdomain }}.bewpro.com (sin provisionar)</span>
            @endif
            @if($mode === 'ready' && $lastAttempt)
                <span>
                    <i class="fas fa-clock me-1"></i>
                    Último contacto: {{ $lastAttempt->attempted_at?->diffForHumans() }}
                </span>
            @endif
            @if($mode === 'ready' && $nextFollowup)
                <span class="text-{{ $nextFollowup->isPast() ? 'danger' : 'info' }} fw-semibold">
                    <i class="fas fa-bell me-1"></i>
                    Follow-up: {{ $nextFollowup->format('d/m H:i') }}
                    @if($nextFollowup->isPast())(vencido)@endif
                </span>
            @endif
        </div>
    </div>

    {{-- Acciones (varían por modo) --}}
    <div class="d-flex gap-1 flex-shrink-0">
        @if($mode === 'ready')
            @if($domain)
                <a href="https://{{ $domain }}" target="_blank" rel="noopener"
                   class="btn btn-sm btn-icon btn-light-info" title="Abrir demo en nueva pestaña">
                    <i class="fas fa-external-link-alt"></i>
                </a>
            @endif
            @if($whatsappLink)
                <button type="button"
                        class="btn btn-sm btn-icon"
                        style="background:#25D366; color:#fff;"
                        title="Abrir WhatsApp con mensaje pre-escrito (auto-registra contacto)"
                        onclick="trackAndOpen({{ $m->id }}, 'whatsapp', @js($whatsappLink), 'Mensaje WhatsApp enviado')">
                    <i class="fab fa-whatsapp"></i>
                </button>
            @endif
            @if($m->prospect_email)
                <button type="button"
                        class="btn btn-sm btn-icon btn-light-primary"
                        title="Enviar email (auto-registra contacto)"
                        onclick="trackAndOpen({{ $m->id }}, 'email', @js('mailto:' . $m->prospect_email), 'Email enviado')">
                    <i class="fas fa-envelope"></i>
                </button>
            @endif

            {{-- Dropdown quick-state estilo Tokko --}}
            <div class="dropdown">
                <button type="button" class="btn btn-sm btn-light-warning dropdown-toggle"
                        data-bs-toggle="dropdown" aria-expanded="false"
                        title="Cambiar estado del lead">
                    <i class="fas fa-bolt me-1"></i>Estado
                </button>
                <ul class="dropdown-menu dropdown-menu-end shadow">
                    <li><h6 class="dropdown-header">Cambiar a…</h6></li>
                    <li><a class="dropdown-item" href="#"
                           onclick="quickState({{ $m->id }}, 'contacted', 'Contacto registrado'); return false;">
                        <i class="fas fa-comment-dots text-info me-2"></i>Contactado (esperando respuesta)
                    </a></li>
                    <li><a class="dropdown-item" href="#"
                           onclick="quickState({{ $m->id }}, 'interested', 'Lead interesado'); return false;">
                        <i class="fas fa-fire-flame-curved text-warning me-2"></i>Interesado
                    </a></li>
                    <li><a class="dropdown-item" href="#"
                           onclick="quickStateCallback({{ $m->id }}); return false;">
                        <i class="fas fa-calendar-check text-primary me-2"></i>Callback agendado…
                    </a></li>
                    <li><a class="dropdown-item" href="#"
                           onclick="quickState({{ $m->id }}, 'no_answer', 'No atendió'); return false;">
                        <i class="fas fa-phone-slash text-muted me-2"></i>No atendió
                    </a></li>
                    <li><hr class="dropdown-divider"></li>
                    <li><a class="dropdown-item text-success" href="#"
                           onclick="quickState({{ $m->id }}, 'sold', 'Venta cerrada 🎉'); return false;">
                        <i class="fas fa-trophy text-success me-2"></i>Vendido 🎉
                    </a></li>
                    <li><a class="dropdown-item text-danger" href="#"
                           onclick="quickState({{ $m->id }}, 'not_interested', 'Lead descartado'); return false;">
                        <i class="fas fa-xmark text-danger me-2"></i>No interesado
                    </a></li>
                    <li><hr class="dropdown-divider"></li>
                    <li><a class="dropdown-item" href="#"
                           onclick="openOutreachModal({{ $m->id }}, @js($m->project_name ?: $m->prospect_name)); return false;">
                        <i class="fas fa-list-ul text-muted me-2"></i>Ver timeline + registro detallado
                    </a></li>
                </ul>
            </div>
        @else
            {{-- Mode = pending: CTA para solicitar lanzamiento (pre-fill datos) --}}
            <a href="{{ route('closer.new-request', [
                    'name'    => $m->project_name ?: $m->prospect_name,
                    'email'   => $m->prospect_email,
                    'core'    => $m->product_slug,
                    'sub'     => $m->subdomain,
                ]) }}"
               class="btn btn-sm btn-primary" title="Solicitar lanzamiento del demo a CD">
                <i class="fas fa-paper-plane me-1"></i>Solicitar lanzamiento
            </a>
        @endif
    </div>
</div>