@extends('layouts.admin')
@section('title', 'Leads — Admin')

@section('content')
    <div class="flex items-center justify-between mb-8">
        <h1 class="text-2xl font-bold">Leads</h1>
        <a href="{{ route('admin.leads.export') }}"
            class="px-4 py-2 bg-green-600/20 text-green-400 rounded-lg text-sm hover:bg-green-600/30 transition">
            <i class="fas fa-download mr-1"></i> Export CSV
        </a>
    </div>

    <div class="bg-gray-900 rounded-xl border border-gray-800 overflow-hidden">
        <table class="w-full text-sm">
            <thead class="bg-gray-800/50">
                <tr>
                    <th class="text-left px-4 py-3 text-gray-400 font-medium">ID</th>
                    <th class="text-left px-4 py-3 text-gray-400 font-medium">Nombre</th>
                    <th class="text-left px-4 py-3 text-gray-400 font-medium">Email</th>
                    <th class="text-left px-4 py-3 text-gray-400 font-medium">WhatsApp</th>
                    <th class="text-left px-4 py-3 text-gray-400 font-medium">Dominio</th>
                    <th class="text-left px-4 py-3 text-gray-400 font-medium">Estado</th>
                    <th class="text-left px-4 py-3 text-gray-400 font-medium">Fecha</th>
                    <th class="text-left px-4 py-3 text-gray-400 font-medium">Acciones</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-800">
                @forelse($leads as $lead)
                    <tr class="hover:bg-gray-800/50 transition">
                        <td class="px-4 py-3 text-gray-500">{{ $lead->id }}</td>
                        <td class="px-4 py-3 font-medium">{{ $lead->full_name }}</td>
                        <td class="px-4 py-3 text-gray-400">{{ $lead->email }}</td>
                        <td class="px-4 py-3 text-gray-400">{{ $lead->whatsapp }}</td>
                        <td class="px-4 py-3 text-blue-400">{{ $lead->sites->first()?->domain ?? '-' }}</td>
                        <td class="px-4 py-3">
                            @php $st = $lead->sites->first()?->status ?? 'N/A'; @endphp
                            <span
                                class="px-2 py-0.5 rounded text-xs {{ str_contains($st, 'verified') || $st === 'completed' ? 'bg-green-500/20 text-green-400' : ($st === 'failed' ? 'bg-red-500/20 text-red-400' : 'bg-yellow-500/20 text-yellow-400') }}">{{ $st }}</span>
                        </td>
                        <td class="px-4 py-3 text-gray-500 text-xs">{{ $lead->created_at->format('d/m/Y H:i') }}</td>
                        <td class="px-4 py-3">
                            <form action="{{ route('admin.lead.destroy', $lead->id) }}" method="POST"
                                onsubmit="return confirm('¿Eliminar lead #{{ $lead->id }} ({{ $lead->full_name }}) y todos sus datos asociados?')">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="text-red-400 hover:text-red-300 text-xs"
                                    title="Eliminar lead y datos asociados">
                                    <i class="fas fa-trash mr-1"></i> Eliminar
                                </button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="8" class="px-4 py-8 text-center text-gray-600">Sin leads</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

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