@extends('layouts.ambassador')

@section('title', 'Mes paiements')

@section('content')
<div class="page-header">
    <h1 class="page-title">Mes paiements</h1>
    <p class="page-subtitle">Historique de tous vos versements</p>
</div>

<div class="card-base">
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead>
                <tr><th>ID</th><th>Période</th><th>Brut</th><th>Ajustements</th><th>Net versé</th><th>Statut</th><th>Date paiement</th></tr>
            </thead>
            <tbody>
            @forelse($payouts as $p)
                <tr>
                    <td>#{{ $p->id }}</td>
                    <td>{{ $p->period_start->format('d/m') }} - {{ $p->period_end->format('d/m/Y') }}</td>
                    <td>{{ number_format($p->gross_amount, 2, ',', ' ') }} €</td>
                    <td>{{ number_format($p->adjustments_amount, 2, ',', ' ') }} €</td>
                    <td class="fw-bold text-success">{{ number_format($p->net_amount, 2, ',', ' ') }} €</td>
                    <td><span class="badge bg-{{ $p->status_color }}">{{ $p->status_label }}</span></td>
                    <td>{{ $p->paid_at?->format('d/m/Y') ?? '-' }}</td>
                </tr>
            @empty
                <tr><td colspan="7" class="text-center py-4 text-muted">Aucun paiement pour le moment</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    {{ $payouts->withQueryString()->links() }}
</div>
@endsection