{{--
  <x-missile-card :missile="$m" :show-actions="true" />

  Card moderna para listado de misiles. Estilo equivalente al refactor
  de `/my-projects/index-client.blade.php`:
    - Hero gradient color-coded por stage (unsent=gris, contacted=azul,
      interested=naranja, followup=rojo, closed=verde/dark)
    - Avatar circular con logo del producto (o letra inicial fallback)
    - Stage-badge flotante arriba a la derecha
    - 2 chips (industria + producto)
    - Footer con próxima acción contextual + WhatsApp quick action

  Props:
    - missile:       App\Models\MissileDraft (con outreachAttempts cargados idealmente)
    - showActions:   bool — muestra footer con quick actions (default true)
    - href:          string — destino al click. Default: /closer/missiles/{id}
--}}
@props([
    'missile',
    'showActions' => true,
    'href' => null,
])

@php
    use App\Models\MissileDraft;
    use App\Models\MissileOutreachAttempt;

    $stage = $missile->salesStage();
    $cols = MissileDraft::salesStageColumns();
    $stageDef = $cols[$stage] ?? ['label' => 'N/A', 'icon' => 'fa-circle', 'class' => 'secondary'];

    // Gradient por stage (color-coded hero)
    $gradients = [
        'unsent'     => 'linear-gradient(135deg, #94a3b8 0%, #64748b 100%)',
        'presented'  => 'linear-gradient(135deg, #818cf8 0%, #4338ca 100%)',
        'contacted'  => 'linear-gradient(135deg, #38bdf8 0%, #0284c7 100%)',
        'interested' => 'linear-gradient(135deg, #fb923c 0%, #ea580c 100%)',
        'followup'   => 'linear-gradient(135deg, #f87171 0%, #dc2626 100%)',
        'closed'     => $missile->isClosedWon()
            ? 'linear-gradient(135deg, #34d399 0%, #059669 100%)'
            : 'linear-gradient(135deg, #475569 0%, #1e293b 100%)',
    ];
    $gradient = $gradients[$stage] ?? $gradients['unsent'];

    // Letra del avatar (fallback si no hay logo del producto)
    $initial = strtoupper(mb_substr($missile->prospect_name ?? $missile->project_name ?? '?', 0, 1));

    // URL del detalle
    $detailUrl = $href ?? route('closer.missiles.show', $missile->id);

    // Último intento + próximo paso sugerido
    $lastAttempt = $missile->relationLoaded('outreachAttempts')
        ? $missile->outreachAttempts->sortByDesc('attempted_at')->first()
        : $missile->latestAttempt;

    // ¿Quién contactó? (para badge "Contactado por X" — visibilidad cruzada
    // entre comerciales del mismo team).
    $contactedBy = null;
    if ($lastAttempt && $lastAttempt->relationLoaded('outreachAttempts') && $lastAttempt->relationLoaded('attemptedBy') && $lastAttempt->attemptedBy) {
        $contactedBy = trim($lastAttempt->attemptedBy->first_name ?: explode('@', $lastAttempt->attemptedBy->email)[0]);
    } elseif ($lastAttempt && $lastAttempt->attemptedBy ?? null) {
        $contactedBy = trim($lastAttempt->attemptedBy->first_name ?: explode('@', $lastAttempt->attemptedBy->email)[0]);
    }

    // Strategic intel — para mini-score badge en el card
    $intel = app(\App\Services\LeadIntelParser::class)->fromMissile($missile);
    $hasIntel = $intel['from_hunter'] ?? false;

    $nextAction = match($stage) {
        'unsent'     => '🚀 Contactar al prospect',
        'presented'  => ($missile->first_visited_at ?? null) ? '👀 Ya lo vio — escribile' : '📤 En presentación',
        'contacted'  => '💬 Esperando respuesta — agendar follow-up',
        'interested' => '🔥 Avanzar a propuesta',
        'followup'   => $lastAttempt && $lastAttempt->next_followup_at
            ? '📞 Recontactar ' . $lastAttempt->next_followup_at->diffForHumans()
            : '📞 Recontactar pronto',
        'closed'     => $missile->isClosedWon() ? '🏆 Vendido' : '❌ Cerrado',
        default      => '',
    };

    // WhatsApp link si tiene phone
    $whatsAppHref = $missile->prospect_phone
        ? 'https://wa.me/' . preg_replace('/\D/', '', $missile->prospect_phone)
        : null;

    // Industria / producto (chips)
    $productLabel = $missile->product_slug
        ? ucwords(str_replace(['-', '_'], ' ', $missile->product_slug))
        : null;
@endphp

<div class="missile-card card border-0 shadow-sm h-100 position-relative overflow-hidden"
     data-stage="{{ $stage }}"
     style="border-radius: 16px; transition: transform 0.2s ease, box-shadow 0.2s ease;">

    {{-- HERO (gradient color-coded por stage) --}}
    <div class="missile-card-hero position-relative px-5 py-4"
         style="background: {{ $gradient }}; min-height: 90px;">

        {{-- Badge "Contactado por X" arriba izquierda (visibilidad cruzada del team) --}}
        @if($contactedBy)
            <div class="position-absolute top-0 start-0 mt-3 ms-3">
                <span class="badge fw-bold fs-9 px-2 py-1"
                      style="background: rgba(255,255,255,0.95); color: #1e293b;"
                      title="Último contacto registrado por {{ $contactedBy }}">
                    <i class="bi bi-person-fill me-1"></i>{{ $contactedBy }}
                </span>
            </div>
        @endif

        {{-- Badge flotante arriba derecha --}}
        <div class="position-absolute top-0 end-0 mt-3 me-3">
            <x-stage-badge :stage="$stage" size="sm" />
        </div>

        {{-- Avatar circular (con logo del producto si está cacheado, o letra fallback) --}}
        <div class="symbol symbol-64px symbol-circle border border-3 border-white shadow"
             style="background: rgba(255,255,255,0.95);">
            <div class="symbol-label fs-2 fw-bolder text-dark">
                {{ $initial }}
            </div>
        </div>
    </div>

    {{-- BODY --}}
    <div class="card-body p-5">

        {{-- Nombre + Subtítulo --}}
        <a href="{{ $detailUrl }}" class="text-decoration-none">
            <h3 class="text-dark fw-bolder fs-4 mb-1 lh-1 text-hover-primary">
                {{ $missile->prospect_name ?: $missile->project_name ?: 'Sin nombre' }}
            </h3>
        </a>

        @if($missile->subdomain)
            <div class="text-gray-600 fs-7 mb-2">
                <i class="fas fa-globe me-1 text-gray-500"></i>
                <span>{{ $missile->subdomain }}.bewpro.com</span>
            </div>
        @endif
        @if($missile->prospect_email)
            <div class="text-gray-600 fs-7 mb-1">
                <i class="fas fa-envelope me-1 text-gray-500"></i>
                <span>{{ $missile->prospect_email }}</span>
            </div>
        @endif

        {{-- Web actual del prospect (link directo + tipo visible) --}}
        @if($missile->prospect_website)
            @php
                $w = $missile->prospect_website;
                $isSocial = str_contains($w, 'instagram') || str_contains($w, 'facebook') || str_contains($w, 'tiktok');
                $wIcon = $isSocial ? (str_contains($w, 'instagram') ? 'fa-brands fa-instagram text-danger' : 'fa-brands fa-facebook text-primary') : 'fa-globe2 text-info';
                $wLabel = $isSocial ? 'Red social' : 'Web propia';
            @endphp
            <div class="d-flex align-items-center gap-1 mb-2">
                <a href="{{ $w }}" target="_blank" rel="noopener"
                   class="badge badge-light-info fs-9 fw-bold text-decoration-none"
                   onclick="event.stopPropagation();"
                   title="Abrir web actual del prospect">
                    <i class="{{ $wIcon }} me-1"></i>{{ $wLabel }} <i class="bi bi-box-arrow-up-right ms-1 fs-10"></i>
                </a>
            </div>
        @else
            <div class="mb-2">
                <span class="badge badge-light-danger fs-9 fw-bold" title="No tiene web detectada — oportunidad pura">
                    <i class="bi bi-x-circle me-1"></i>Sin web detectada
                </span>
            </div>
        @endif

        {{-- Chips: producto + tier + zona + sub + intel score --}}
        <div class="d-flex flex-wrap gap-2 mb-4">
            @if($hasIntel && $intel['recommendation'])
                <span class="badge badge-light-{{ $intel['recommendation_color'] }} fs-9 fw-bolder"
                      title="{{ $intel['recommendation_label'] }}">
                    {{ $intel['recommendation_emoji'] }} {{ $intel['lead_score'] ?? '—' }}/100
                </span>
            @endif
            @if($productLabel)
                <span class="badge badge-light-info fs-9 fw-bold">
                    <i class="bi bi-box-seam me-1"></i>{{ $productLabel }}
                </span>
            @endif
            @if($missile->zone ?? null)
                <span class="badge badge-light-warning fs-9 fw-bold">
                    <i class="bi bi-geo-alt-fill me-1"></i>{{ $missile->zone }}
                </span>
            @endif
            @if($missile->sub_product ?? null)
                <span class="badge badge-light-primary fs-9 fw-bold">
                    {{ ucwords(str_replace(['_', '-'], ' ', $missile->sub_product)) }}
                </span>
            @endif
        </div>

        {{-- 2x2 Stats grid (intentos / último contacto) --}}
        <div class="row g-2 mb-4">
            <div class="col-6">
                <div class="bg-light rounded-3 px-3 py-2">
                    <div class="text-gray-600 fs-9 fw-bold text-uppercase">Contactos</div>
                    <div class="text-dark fw-bolder fs-6">
                        {{ $missile->outreachAttempts->count() ?? 0 }}
                    </div>
                </div>
            </div>
            <div class="col-6">
                <div class="bg-light rounded-3 px-3 py-2">
                    <div class="text-gray-600 fs-9 fw-bold text-uppercase">Último</div>
                    <div class="text-dark fw-bolder fs-7">
                        {{ $lastAttempt ? $lastAttempt->attempted_at->diffForHumans(null, true) : '—' }}
                    </div>
                </div>
            </div>
        </div>

        {{-- Asignado a (pool compartido OLA 5) --}}
        @php
            $assignee = $missile->relationLoaded('closer') ? $missile->closer : null;
            $assigneeName = null;
            if ($assignee) {
                $assigneeName = trim(($assignee->first_name ?? '') . ' ' . ($assignee->last_name ?? ''));
                if ($assigneeName === '') $assigneeName = $assignee->email ?? '—';
            }
            $currentUserId = auth()->id();
            $isMine = $assignee && (int) $assignee->id === (int) $currentUserId;
        @endphp
        @if($assignee)
            <div class="d-flex align-items-center gap-2 mb-3 px-3 py-2 rounded-3 {{ $isMine ? 'bg-light-success' : 'bg-light' }}">
                <i class="bi bi-person-badge {{ $isMine ? 'text-success' : 'text-gray-700' }}"></i>
                <span class="fs-8 fw-bold {{ $isMine ? 'text-success' : 'text-gray-800' }}">
                    {{ $isMine ? 'Tuyo' : 'Asignado a ' . $assigneeName }}
                </span>
            </div>
        @else
            <div class="d-flex align-items-center gap-2 mb-3 px-3 py-2 rounded-3 bg-light-warning">
                <i class="bi bi-person-dash text-warning"></i>
                <span class="fs-8 fw-bold text-warning">Sin asignar — tomalo</span>
            </div>
        @endif

        {{-- Próxima acción contextual --}}
        @if($nextAction)
            <div class="bg-light-primary rounded-3 px-3 py-2 mb-4 d-flex align-items-center">
                <span class="text-dark fw-bold fs-7">{{ $nextAction }}</span>
            </div>
        @endif

        {{-- Datos del prospect (web + maps) — útil para investigar antes de contactar --}}
        @if(!empty($missile->prospect_website) || !empty($missile->prospect_maps_url))
            <div class="d-flex gap-2 flex-wrap mb-3">
                @if(!empty($missile->prospect_website))
                    <a href="{{ $missile->prospect_website }}" target="_blank" rel="noopener"
                       class="badge badge-light-info fw-bold fs-8 py-2 px-3 d-inline-flex align-items-center text-decoration-none"
                       onclick="event.stopPropagation();"
                       title="Abrir web del prospect">
                        <i class="bi bi-globe me-1"></i>Ver web
                    </a>
                @endif
                @if(!empty($missile->prospect_maps_url))
                    <a href="{{ $missile->prospect_maps_url }}" target="_blank" rel="noopener"
                       class="badge badge-light-warning fw-bold fs-8 py-2 px-3 d-inline-flex align-items-center text-decoration-none"
                       onclick="event.stopPropagation();"
                       title="Abrir Google Maps">
                        <i class="bi bi-geo-alt-fill me-1"></i>Maps
                    </a>
                @endif
            </div>
        @endif

        {{-- Footer Quick Actions --}}
        @if($showActions)
            <div class="d-flex gap-2">
                <a href="{{ $detailUrl }}" class="btn btn-light-primary btn-sm flex-grow-1 fw-bold">
                    <i class="bi bi-eye me-1"></i>Ver detalle
                </a>
                @if($whatsAppHref)
                    <a href="{{ $whatsAppHref }}" target="_blank"
                       class="btn btn-light-success btn-sm fw-bold"
                       title="Abrir WhatsApp">
                        <i class="bi bi-whatsapp"></i>
                    </a>
                @endif
            </div>
        @endif
    </div>
</div>

@once
    @push('styles')
        <style>
            .missile-card:hover {
                transform: translateY(-4px);
                box-shadow: 0 12px 28px rgba(0,0,0,0.08) !important;
            }
        </style>
    @endpush
@endonce