{{--
  <x-lead-intel :intel="$leadIntel" :missile="$missile" />

  Card "Lead Strategic Intel" que muestra:
    - Recomendación (hot/warm/cold/skip) prominente
    - Calificación BewPro (lead_score)
    - Signals de obsolescencia: tipo web actual + reviews + rating

  Si el misil NO vino del hunter, no renderiza.

  Props:
    - intel:   resultado de LeadIntelParser::parse() (array)
    - missile: MissileDraft (para botones de decisión)
--}}
@props([
    'intel' => [],
    'missile' => null,
])

@if(!($intel['from_hunter'] ?? false))
    {{-- Misil cargado manual — sin intel del hunter, no renderiza --}}
@else

@php
    $kindLabels = [
        'none'   => ['Sin web propia', 'bi-globe', 'danger'],
        'social' => ['Solo redes sociales', 'bi-instagram', 'warning'],
        'web'    => ['Tiene web propia', 'bi-globe2', 'info'],
    ];
    [$kindLabel, $kindIcon, $kindColor] = $kindLabels[$intel['website_kind'] ?? 'web'] ?? ['—', 'bi-globe', 'secondary'];

    $score = $intel['lead_score'] ?? 0;
    // Color del score (verde >70, amarillo 50-70, gris <50)
    $scoreColor = $score >= 70 ? 'success' : ($score >= 50 ? 'warning' : 'secondary');
@endphp

<div class="card border-0 shadow-sm" style="border-radius: 14px;">
    <div class="card-header border-0 pt-5 pb-3 d-flex align-items-center justify-content-between flex-wrap gap-2">
        <h3 class="card-title fw-bolder fs-3 m-0">
            <i class="bi bi-graph-up-arrow text-primary me-2"></i>Strategic Intel del Lead
        </h3>
        {{-- Badge recomendación --}}
        <span class="badge badge-light-{{ $intel['recommendation_color'] }} fs-7 fw-bolder px-3 py-2">
            {{ $intel['recommendation_emoji'] }} {{ $intel['recommendation_label'] }}
        </span>
    </div>
    <div class="card-body pt-3">

        {{-- Score destacado --}}
        <div class="row g-4 mb-5">
            <div class="col-md-4">
                <div class="text-center p-4 bg-light-{{ $scoreColor }} rounded-3" style="border: 2px solid var(--bs-{{ $scoreColor }}); border-opacity: 0.2;">
                    <div class="text-{{ $scoreColor }} fw-bolder" style="font-size: 3rem; line-height: 1;">
                        {{ $score }}
                    </div>
                    <div class="text-gray-700 fs-8 fw-bold text-uppercase mt-1">Calificación BewPro</div>
                    <div class="text-gray-600 fs-9 mt-1">de 100</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="text-center p-4 bg-light rounded-3 h-100">
                    <div class="text-dark fw-bolder" style="font-size: 2rem; line-height: 1;">
                        {{ $intel['obsolescence_score'] ?? '—' }}
                    </div>
                    <div class="text-gray-700 fs-8 fw-bold text-uppercase mt-1">Obsolescencia</div>
                    <div class="text-gray-600 fs-9 mt-1">↑ más viejo = más oportunidad</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="text-center p-4 bg-light rounded-3 h-100">
                    @if($intel['rating'])
                        <div class="text-dark fw-bolder" style="font-size: 2rem; line-height: 1;">
                            {{ number_format($intel['rating'], 1) }}<span class="text-warning fs-6 ms-1">★</span>
                        </div>
                    @else
                        <div class="text-gray-500" style="font-size: 2rem;">—</div>
                    @endif
                    <div class="text-gray-700 fs-8 fw-bold text-uppercase mt-1">Rating Google</div>
                    <div class="text-gray-600 fs-9 mt-1">{{ number_format($intel['reviews_count'] ?? 0) }} reviews</div>
                </div>
            </div>
        </div>

        {{-- Tipo de web actual + LINK CLICKEABLE --}}
        <div class="d-flex align-items-center gap-3 p-3 bg-light-{{ $kindColor }} rounded-3 mb-4 flex-wrap">
            <i class="{{ $kindIcon }} text-{{ $kindColor }} fs-2x"></i>
            <div class="flex-grow-1" style="min-width: 250px;">
                <div class="fw-bolder text-dark">Estado web actual: {{ $kindLabel }}</div>
                <div class="text-gray-700 fs-7">
                    @if($intel['website_kind'] === 'none')
                        Cero presencia online. Necesita TODO desde cero — venta más fácil.
                    @elseif($intel['website_kind'] === 'social')
                        Solo Instagram/Facebook. No tiene catálogo propio, no controla la experiencia. Listo para web profesional.
                    @else
                        Tiene web propia. La obsolescencia ({{ $intel['obsolescence_score'] }}) dice si vale la pena migrar.
                    @endif
                </div>
                @if($missile?->prospect_website)
                    <div class="mt-2">
                        <a href="{{ $missile->prospect_website }}" target="_blank" rel="noopener"
                           class="text-{{ $kindColor }} fw-bold fs-7 text-decoration-none">
                            <i class="bi bi-box-arrow-up-right me-1"></i>{{ $missile->prospect_website }}
                        </a>
                    </div>
                @endif
            </div>
            @if($missile?->prospect_website)
                <a href="{{ $missile->prospect_website }}" target="_blank" rel="noopener"
                   class="btn btn-sm btn-{{ $kindColor }} fw-bold">
                    <i class="bi bi-eye-fill me-1"></i>Verificar web
                </a>
            @endif
        </div>

        {{-- Decision Bar --}}
        @if($missile && in_array($missile->status, ['draft', 'branding_pending'], true))
            <div class="border-top pt-4 mt-2">
                <h6 class="fw-bolder text-gray-700 fs-8 text-uppercase mb-3">
                    <i class="bi bi-cursor-fill me-1"></i>¿Qué hacemos con este lead?
                </h6>
                <div class="row g-2">
                    <div class="col-md-4">
                        {{-- Dropdown split (OLA 9): primary = aprobar y lanzar, dropdown = solo aprobar --}}
                        <div class="btn-group w-100">
                            <form method="post" action="{{ route('closer.missiles.decide', $missile->id) }}"
                                  onsubmit="return confirm('¿Aprobar y lanzar este misil? Esto crea un sitio + entra al pipeline. Tu prospecto va a poder visitarlo en minutos.');"
                                  class="flex-grow-1">
                                @csrf
                                <input type="hidden" name="decision" value="approve_and_launch">
                                <button type="submit" class="btn btn-success fw-bold w-100">
                                    <i class="bi bi-rocket-takeoff-fill me-2"></i>Aprobar y lanzar
                                </button>
                            </form>
                            <button type="button" class="btn btn-success dropdown-toggle dropdown-toggle-split"
                                    data-bs-toggle="dropdown" aria-expanded="false" style="flex: 0 0 36px;">
                                <span class="visually-hidden">Más opciones</span>
                            </button>
                            <ul class="dropdown-menu dropdown-menu-end">
                                <li>
                                    <form method="post" action="{{ route('closer.missiles.decide', $missile->id) }}">
                                        @csrf
                                        <input type="hidden" name="decision" value="approve">
                                        <button type="submit" class="dropdown-item">
                                            <i class="bi bi-check-circle me-2 text-success"></i>Solo aprobar
                                            <span class="text-gray-500 fs-9 d-block ms-4">queda en cola, lo lanza CD</span>
                                        </button>
                                    </form>
                                </li>
                            </ul>
                        </div>
                        <div class="text-gray-600 fs-9 text-center mt-1">🚀 lanza directo · ⏳ queda en cola</div>
                    </div>
                    <div class="col-md-4">
                        <form method="post" action="{{ route('closer.missiles.decide', $missile->id) }}">
                            @csrf
                            <input type="hidden" name="decision" value="investigate">
                            <button type="submit" class="btn btn-light-warning fw-bold w-100">
                                <i class="bi bi-search me-2"></i>Investigar más
                            </button>
                            <div class="text-gray-600 fs-9 text-center mt-1">Queda en <code>draft</code></div>
                        </form>
                    </div>
                    <div class="col-md-4">
                        <form method="post" action="{{ route('closer.missiles.decide', $missile->id) }}"
                              onsubmit="return confirm('¿Descartar este lead? Va a quedar como rejected y no se va a contactar.');">
                            @csrf
                            <input type="hidden" name="decision" value="reject">
                            <button type="submit" class="btn btn-light-danger fw-bold w-100">
                                <i class="bi bi-x-circle me-2"></i>Descartar
                            </button>
                            <div class="text-gray-600 fs-9 text-center mt-1">Status → <code>rejected</code></div>
                        </form>
                    </div>
                </div>
            </div>
        @elseif($missile)
            <div class="border-top pt-4 mt-2">
                <div class="d-flex align-items-center gap-3">
                    @if($missile->status === 'ready')
                        <span class="badge badge-light-success fs-7 fw-bolder px-3 py-2">
                            <i class="bi bi-check-circle-fill me-1"></i>Aprobado para disparar
                        </span>
                        <span class="text-gray-700 fs-7">El misil está listo. Coordiná con CD para provisionarlo.</span>
                    @elseif($missile->status === 'rejected')
                        <span class="badge badge-light-danger fs-7 fw-bolder px-3 py-2">
                            <i class="bi bi-x-circle-fill me-1"></i>Descartado
                        </span>
                    @elseif($missile->status === 'launched')
                        <span class="badge badge-light-primary fs-7 fw-bolder px-3 py-2">
                            <i class="bi bi-rocket-takeoff-fill me-1"></i>Misil lanzado
                        </span>
                        <span class="text-gray-700 fs-7">Provisión completa. Ya está en outreach.</span>
                    @endif
                </div>
            </div>
        @endif

    </div>
</div>

@endif