<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Commissions</title>
    <link rel="icon" type="image/svg+xml" href="{{ asset('favicon.svg') }}">
    <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
    <style>
        body { font-family: Arial, sans-serif; }
        table { width: 100%; border-collapse: collapse; }
        th, td { border: 1px solid #ccc; padding: 8px; font-size: 12px; }
        th { background: #f4f6fb; text-align: left; }
    </style>
</head>
<body>
    <h3>Historique des commissions</h3>
    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>Type</th>
                <th>Niveau</th>
                <th>Montant</th>
                <th>Statut</th>
                <th>Date</th>
            </tr>
        </thead>
        <tbody>
            @foreach($rows as $c)
                <tr>
                    <td>#{{ $c->id }}</td>
                    <td>{{ $c->type }}</td>
                    <td>{{ $c->level }}</td>
                    <td>{{ number_format($c->amount, 0, ',', ' ') }} XOF</td>
                    <td>{{ $c->status }}</td>
                    <td>{{ optional($c->created_at)->format('d/m/Y H:i') }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
</body>
</html>
