@extends('layouts.admin-modern')

@section('title', 'Paiements Ambassadeurs')

@section('content')
<div class="page-header">
    <h1 class="page-title">Paiements Ambassadeurs</h1>
    <p class="page-subtitle">Historique des versements aux ambassadeurs</p>
</div>

<div class="card-base mb-4">
    <form method="GET" class="d-flex gap-2 align-items-end flex-wrap">
        <div>
            <label class="form-label small">Ambassadeur</label>
            <select name="ambassador_id" class="form-select form-select-sm" style="width:200px;">
                <option value="">Tous</option>
                @foreach($ambassadors as $amb)
                    <option value="{{ $amb->id }}" {{ request('ambassador_id') == $amb->id ? 'selected' : '' }}>{{ $amb->display_or_full_name }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="form-label small">Statut</label>
            <select name="status" class="form-select form-select-sm" style="width:150px;">
                <option value="">Tous</option>
                @foreach(['pending' => 'En attente', 'processing' => 'En cours', 'paid' => 'Payé', 'failed' => 'Échoué'] as $v => $l)
                    <option value="{{ $v }}" {{ request('status') === $v ? 'selected' : '' }}>{{ $l }}</option>
                @endforeach
            </select>
        </div>
        <button class="btn btn-sm btn-primary"><i class="fas fa-search"></i></button>
    </form>
</div>

<div class="card-base">
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Ambassadeur</th>
                    <th>Période</th>
                    <th>Brut</th>
                    <th>Ajustements</th>
                    <th>Net</th>
                    <th>Statut</th>
                    <th>Ref. Stripe</th>
                    <th>Date paiement</th>
                </tr>
            </thead>
            <tbody>
            @forelse($payouts as $p)
                <tr>
                    <td>#{{ $p->id }}</td>
                    <td><a href="{{ route('admin.ambassadors.show', $p->ambassador_id) }}">{{ $p->ambassador?->display_or_full_name ?? 'N/A' }}</a></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">{{ number_format($p->net_amount, 2, ',', ' ') }} €</td>
                    <td><span class="badge bg-{{ $p->status_color }}">{{ $p->status_label }}</span></td>
                    <td><small>{{ $p->stripe_payout_reference ?: '-' }}</small></td>
                    <td>{{ $p->paid_at?->format('d/m/Y') ?? '-' }}</td>
                </tr>
            @empty
                <tr><td colspan="9" class="text-center py-3 text-muted">Aucun paiement</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    {{ $payouts->withQueryString()->links() }}
</div>
@endsection