@extends('admin.layouts.admin')

@section('title', 'Recomendaciones')

@section('content')

<div class="admin-page-title">Recomendaciones</div>
<p class="admin-page-sub">Programa "recomienda a un amigo" — invitaciones y conversiones</p>

{{-- Stats --}}
<div class="row g-3 mb-4">
    @foreach([
        'Invitaciones' => $stats['total'],
        'Visitadas'    => $stats['visited'],
        'Registradas'  => $stats['registered'],
        'Premiadas'    => $stats['rewarded'],
    ] as $label => $value)
        <div class="col-6 col-md-3">
            <div class="admin-stat-card">
                <div class="admin-stat-label">{{ $label }}</div>
                <div class="admin-stat-value">{{ $value }}</div>
            </div>
        </div>
    @endforeach
</div>

{{-- Filtros --}}
<div class="d-flex gap-2 flex-wrap mb-3">
    @foreach(['' => 'Todas', 'pending' => 'Pendientes', 'registered' => 'Registradas', 'rewarded' => 'Premiadas'] as $key => $label)
        <a href="{{ route('admin.referrals.index', $key ? ['filter' => $key] : []) }}"
           class="btn btn-sm {{ request('filter') === $key || ($key === '' && ! request('filter')) ? 'btn-fermenty' : 'btn-fermenty-outline' }}">
            {{ $label }}
        </a>
    @endforeach
</div>

<div class="admin-card">
    <div class="table-responsive">
        <table class="table align-middle mb-0">
            <thead>
                <tr>
                    <th>Recomendador</th>
                    <th>Amigo</th>
                    <th>Estado</th>
                    <th>Mensaje</th>
                    <th>Creada</th>
                </tr>
            </thead>
            <tbody>
                @forelse($referrals as $r)
                    <tr>
                        <td>
                            {{ $r->recommender_email }}
                            @if($r->recommender)<span class="admin-user-email d-block">✓ cuenta #{{ $r->recommender->id }}</span>@endif
                        </td>
                        <td>
                            {{ $r->friend_email }}
                            @if($r->referredUser)<span class="admin-user-email d-block">→ registrado #{{ $r->referredUser->id }}</span>@endif
                        </td>
                        <td>
                            @php
                                $badge = match($r->status) {
                                    'rewarded'   => ['#1f7a3d', 'Premiada'],
                                    'registered' => ['#3F6FB0', 'Registrada'],
                                    'visited'    => ['#D0A03A', 'Visitada'],
                                    default      => ['#79847B', 'Enviada'],
                                };
                            @endphp
                            <span class="badge" style="background:{{ $badge[0] }};">{{ $badge[1] }}</span>
                            @if($r->registered_at && ! $r->rewarded_at)
                                <span class="admin-user-email d-block">registrado, premio pendiente (recomendador sin cuenta)</span>
                            @endif
                        </td>
                        <td style="max-width:240px;">
                            <span class="admin-user-email">{{ \Illuminate\Support\Str::limit($r->message, 60) ?: '—' }}</span>
                        </td>
                        <td><span class="admin-user-email">{{ $r->created_at->format('d/m/Y') }}</span></td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="text-center text-muted py-4">Aún no hay recomendaciones.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<div class="mt-3">{{ $referrals->links() }}</div>

@endsection