@extends('layouts.vuexy')

@section('title', 'Push remarketing')

@php
    $statusColors = [
        'sent' => 'success',
        'failed' => 'danger',
        'skipped_no_token' => 'secondary',
    ];
    $statusLabels = [
        'sent' => 'Enviado',
        'failed' => 'Falló',
        'skipped_no_token' => 'Sin token',
    ];
@endphp

@section('content')
    <p class="text-body-secondary mb-6">
        Leads de abandono (<code>ViewContent</code> sin <code>Purchase</code>), alimentados por la
        app vía <code>POST /automation/events</code>, y los intentos de push enviados por
        <code>marketing:send-abandonment-push</code>.
    </p>

    <div class="row g-4 mb-6">
        <div class="col-md-4">
            <div class="card"><div class="card-body">
                <div class="text-body-secondary small mb-1">Abandonados (sin comprar)</div>
                <h4 class="mb-0">{{ number_format($stats['abandoned']) }}</h4>
            </div></div>
        </div>
        <div class="col-md-4">
            <div class="card"><div class="card-body">
                <div class="text-body-secondary small mb-1">Convertidos (compraron después)</div>
                <h4 class="mb-0">{{ number_format($stats['converted']) }}</h4>
            </div></div>
        </div>
        <div class="col-md-4">
            <div class="card"><div class="card-body">
                <div class="text-body-secondary small mb-1">Pushes enviados</div>
                <h4 class="mb-0">{{ number_format($stats['sent']) }}</h4>
            </div></div>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h6 class="mb-0">Leads recientes</h6>
        </div>
        <div class="table-responsive text-nowrap">
            <table class="table">
                <thead>
                    <tr>
                        <th>Usuario</th>
                        <th>Restaurante</th>
                        <th>Vista</th>
                        <th>Comprado</th>
                        <th>Push</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($leads as $lead)
                        @php $attempt = $lead->pushAttempts->first(); @endphp
                        <tr>
                            <td>#{{ $lead->user_id }}</td>
                            <td>#{{ $lead->restaurant_id }}</td>
                            <td>{{ $lead->viewed_at->diffForHumans() }}</td>
                            <td>
                                @if ($lead->purchased_at)
                                    <span class="badge bg-label-success">{{ $lead->purchased_at->diffForHumans() }}</span>
                                @else
                                    <span class="text-body-secondary">—</span>
                                @endif
                            </td>
                            <td>
                                @if ($attempt)
                                    <span class="badge bg-label-{{ $statusColors[$attempt->status] ?? 'secondary' }}">{{ $statusLabels[$attempt->status] ?? $attempt->status }}</span>
                                @else
                                    <span class="text-body-secondary">Pendiente</span>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" class="text-center text-body-secondary py-6">
                                Sin datos todavía — esperando eventos de <code>POST /automation/events</code>.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    @if ($leads->hasPages())
        <div class="mt-4">{{ $leads->links() }}</div>
    @endif
@endsection