@php
    $channelLabels = \App\Models\MissileOutreachAttempt::channelLabels();
    $outcomeLabels = \App\Models\MissileOutreachAttempt::outcomeLabels();
@endphp

<div class="outreach-panel">
    <div class="mb-3">
        <h6 class="fw-bold mb-1">{{ $missile->project_name ?: '—' }}</h6>
        <div class="text-muted fs-7">
            @if($missile->prospect_phone)
                📞 <a href="tel:{{ preg_replace('/[^0-9+]/', '', $missile->prospect_phone) }}" class="fw-bold">{{ $missile->prospect_phone }}</a>
            @endif
            @if($missile->prospect_email)
                · 📧 <a href="mailto:{{ $missile->prospect_email }}">{{ $missile->prospect_email }}</a>
            @endif
            @if($missile->prospect_name)
                · {{ $missile->prospect_name }}
            @endif
        </div>
    </div>

    {{-- ════════ Hoja de llamada: demo + Maps + web actual + contexto ════════ --}}
    <div class="border rounded p-2 px-3 mb-3 bg-light-info">
        @if($missile->launchedProject && $missile->launchedProject->domain)
            <div class="fs-7 mb-1">
                🌐 <strong>Tu demo:</strong>
                <a href="https://{{ $missile->launchedProject->domain }}" target="_blank" rel="noopener" class="fw-bold">{{ $missile->launchedProject->domain }}</a>
                <span class="badge badge-light-{{ $missile->launchedProject->pipeline_status === 'active' ? 'success' : 'warning' }} fs-9 ms-1">{{ $missile->launchedProject->pipeline_status === 'active' ? 'lista ✓' : 'armándose…' }}</span>
            </div>
        @endif
        <div class="d-flex flex-wrap gap-2 align-items-center mb-1">
            @if($missile->prospect_maps_url)
                <a href="{{ $missile->prospect_maps_url }}" target="_blank" rel="noopener" class="btn btn-sm btn-light-danger py-0 px-2 fs-8"><i class="fas fa-location-dot me-1"></i>Ver en Maps</a>
            @endif
            @if($missile->prospect_website)
                <a href="{{ \Illuminate\Support\Str::startsWith($missile->prospect_website, 'http') ? $missile->prospect_website : 'https://'.$missile->prospect_website }}" target="_blank" rel="noopener" class="btn btn-sm btn-light py-0 px-2 fs-8"><i class="fas fa-link me-1"></i>Su web actual</a>
            @else
                <span class="badge badge-light-warning fs-9"><i class="fas fa-link-slash me-1"></i>Sin web propia</span>
            @endif
            @if($missile->product_slug)
                <span class="badge badge-light-primary fs-9">{{ $missile->product_slug }}</span>
            @endif
        </div>
        @if($missile->prospect_address)
            <div class="fs-8 text-muted"><i class="fas fa-map-pin me-1"></i>{{ $missile->prospect_address }}</div>
        @endif
        @if($missile->internal_notes)
            <div class="fs-8 text-gray-700 mt-1"><i class="fas fa-circle-info me-1"></i>{{ $missile->internal_notes }}</div>
        @endif
    </div>

    {{-- ════════ Form: nuevo intento ════════ --}}
    <form id="outreachForm" data-missile-id="{{ $missile->id }}" class="border rounded p-3 bg-light-primary mb-3">
        <div class="row g-2">
            <div class="col-md-3">
                <label class="form-label fs-8 fw-semibold mb-1">Canal</label>
                <select name="channel" class="form-select form-select-sm" required>
                    @foreach($channelLabels as $key => $lbl)
                        <option value="{{ $key }}">{{ $lbl[0] }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label fs-8 fw-semibold mb-1">Outcome</label>
                <select name="outcome" class="form-select form-select-sm" required>
                    @foreach($outcomeLabels as $key => $lbl)
                        <option value="{{ $key }}">{{ $lbl[0] }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label fs-8 fw-semibold mb-1">Fecha</label>
                <input type="datetime-local" name="attempted_at" class="form-control form-control-sm" value="{{ now()->format('Y-m-d\TH:i') }}">
            </div>
            <div class="col-md-3">
                <label class="form-label fs-8 fw-semibold mb-1">Follow-up <span class="text-muted fw-normal">(opcional)</span></label>
                <input type="datetime-local" name="next_followup_at" class="form-control form-control-sm">
            </div>
            <div class="col-12">
                <label class="form-label fs-8 fw-semibold mb-1">Notas</label>
                <textarea name="notes" rows="2" class="form-control form-control-sm" maxlength="2000" placeholder="Qué dijo el lead, próximos pasos acordados..."></textarea>
            </div>
            <div class="col-12 text-end">
                <button type="submit" class="btn btn-sm btn-primary">
                    <i class="fas fa-plus me-1"></i>Registrar intento
                </button>
            </div>
        </div>
    </form>

    {{-- ════════ Timeline ════════ --}}
    <h6 class="fw-bold fs-7 mb-2 text-muted">
        <i class="fas fa-clock-rotate-left me-1"></i>
        Historial ({{ $attempts->count() }} intentos)
    </h6>

    @if($attempts->isEmpty())
        <div class="text-center py-4 text-muted fs-7">
            <i class="fas fa-comments fs-2 d-block mb-2 text-gray-300"></i>
            Sin intentos registrados todavía.<br>
            Cargá el primero arriba.
        </div>
    @else
        <div class="timeline d-flex flex-column gap-2">
            @foreach($attempts as $a)
                @php
                    [$chLabel, $chIcon, $chColor] = $a->channel_label;
                    [$outLabel, $outClass] = $a->outcome_label;
                @endphp
                <div class="border rounded p-2 px-3 d-flex gap-2 align-items-start position-relative">
                    <i class="fas {{ $chIcon }} {{ $chColor }} fs-3 mt-1"></i>
                    <div class="flex-grow-1">
                        <div class="d-flex flex-wrap align-items-center gap-2 mb-1">
                            <span class="fw-bold fs-7">{{ $chLabel }}</span>
                            <span class="badge {{ $outClass }} fs-8">{{ $outLabel }}</span>
                            <span class="text-muted fs-8">
                                {{ $a->attempted_at?->format('d/m/Y H:i') }}
                                @if($a->attempted_at)
                                    · {{ $a->attempted_at->diffForHumans() }}
                                @endif
                            </span>
                            @if($a->attemptedBy)
                                <span class="text-muted fs-8">
                                    por {{ trim(($a->attemptedBy->first_name ?? '') . ' ' . ($a->attemptedBy->last_name ?? '')) ?: $a->attemptedBy->email }}
                                </span>
                            @endif
                        </div>
                        @if($a->notes)
                            <p class="mb-1 fs-7 text-gray-700">{{ $a->notes }}</p>
                        @endif
                        @if($a->next_followup_at)
                            <div class="fs-8 {{ $a->isFollowupDue() ? 'text-danger fw-bold' : 'text-warning' }}">
                                <i class="fas fa-bell me-1"></i>
                                Follow-up: {{ $a->next_followup_at->format('d/m/Y H:i') }}
                                ({{ $a->next_followup_at->diffForHumans() }})
                                @if($a->isFollowupDue())
                                    · <strong>VENCIDO</strong>
                                @endif
                            </div>
                        @endif
                    </div>
                    <button type="button" class="btn btn-sm btn-icon btn-light-danger outreach-delete-btn"
                            data-attempt-id="{{ $a->id }}" title="Borrar">
                        <i class="fas fa-trash fs-8"></i>
                    </button>
                </div>
            @endforeach
        </div>
    @endif
</div>