@extends('admin.layout')

@section('title', 'Abonnements & paiements')

@section('content')
<div class="page-header">
    <h1>Abonnements & paiements</h1>
    <p class="subtitle">Suivez les abonnements premium et les transactions.</p>
</div>

<div class="kpi-grid" style="grid-template-columns: repeat(4, 1fr); margin-bottom: 1.25rem">
    <div class="kpi-card">
        <div class="kpi-value">{{ $stats['active'] }}</div>
        <div class="kpi-label">Abonnements actifs</div>
    </div>
    <div class="kpi-card">
        <div class="kpi-value">{{ $stats['expired'] }}</div>
        <div class="kpi-label">Expirés</div>
    </div>
    <div class="kpi-card">
        <div class="kpi-value">{{ $stats['cancelled'] }}</div>
        <div class="kpi-label">Annulés</div>
    </div>
    <div class="kpi-card">
        <div class="kpi-value">{{ number_format($stats['revenue_month']) }}</div>
        <div class="kpi-label">Revenus du mois (FCFA)</div>
    </div>
</div>

<div class="admin-card">
    <div class="admin-card-head"><h2>Abonnements</h2></div>
    <table class="admin-table">
        <thead>
            <tr>
                <th>Utilisateur</th>
                <th>Plan</th>
                <th>Début</th>
                <th>Fin</th>
                <th>Statut</th>
                <th>Renouvellement auto</th>
            </tr>
        </thead>
        <tbody>
            @forelse($subscriptions as $sub)
            <tr>
                <td>
                    <strong>{{ $sub->user?->name ?? '—' }}</strong><br>
                    <small style="color: var(--admin-muted)">{{ $sub->user?->email }}</small>
                </td>
                <td>{{ $sub->plan?->name ?? '—' }}</td>
                <td>{{ $sub->starts_at?->format('d/m/Y') ?? '—' }}</td>
                <td>{{ $sub->ends_at?->format('d/m/Y') ?? '—' }}</td>
                <td>
                    @if($sub->isActive())
                        <span class="tag tag-success">Actif</span>
                    @elseif($sub->status === 'cancelled')
                        <span class="tag tag-muted">Annulé</span>
                    @else
                        <span class="tag tag-warning">{{ $sub->status }}</span>
                    @endif
                </td>
                <td>{{ $sub->auto_renew ? 'Oui' : 'Non' }}</td>
            </tr>
            @empty
            <tr><td colspan="6" class="empty-state">Aucun abonnement.</td></tr>
            @endforelse
        </tbody>
    </table>
    {{ $subscriptions->withQueryString()->links('pagination.admin') }}
</div>

@if($transactions->isNotEmpty())
<div class="admin-card">
    <div class="admin-card-head"><h2>Dernières transactions</h2></div>
    <table class="admin-table">
        <thead>
            <tr>
                <th>Utilisateur</th>
                <th>Type</th>
                <th>Montant (FCFA)</th>
                <th>Statut</th>
                <th>Référence</th>
                <th>Date</th>
            </tr>
        </thead>
        <tbody>
            @foreach($transactions as $tx)
            <tr>
                <td>{{ $tx->user?->name ?? '—' }}</td>
                <td>{{ $tx->type }}</td>
                <td>{{ number_format($tx->amount_cfa) }}</td>
                <td>
                    @if($tx->status === 'completed')
                        <span class="tag tag-success">Complété</span>
                    @elseif($tx->status === 'failed')
                        <span class="tag tag-danger">Échoué</span>
                    @else
                        <span class="tag tag-warning">{{ $tx->status }}</span>
                    @endif
                </td>
                <td>{{ $tx->reference ?? '—' }}</td>
                <td>{{ $tx->created_at->format('d/m/Y H:i') }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endif
@endsection