@extends('layouts.admin-modern')

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

@section('content')
<div class="page-header">
    <h1 class="page-title">Commissions Ambassadeurs</h1>
    <p class="page-subtitle">Suivi de toutes les commissions générées par le réseau ambassadeurs</p>
</div>

<div class="stats-grid">
    <div class="card-base stat-card">
        <div class="stat-icon" style="background: linear-gradient(135deg, #4f46e5, #7c3aed);"><i class="fas fa-coins"></i></div>
        <div class="stat-info"><div class="stat-value">{{ number_format($stats['total'], 2, ',', ' ') }} €</div><div class="stat-label">Total commissions</div></div>
    </div>
    <div class="card-base stat-card">
        <div class="stat-icon" style="background: linear-gradient(135deg, #f59e0b, #d97706);"><i class="fas fa-clock"></i></div>
        <div class="stat-info"><div class="stat-value">{{ number_format($stats['pending'], 2, ',', ' ') }} €</div><div class="stat-label">En attente</div></div>
    </div>
    <div class="card-base stat-card">
        <div class="stat-icon" style="background: linear-gradient(135deg, #06b6d4, #0891b2);"><i class="fas fa-check-circle"></i></div>
        <div class="stat-info"><div class="stat-value">{{ number_format($stats['payable'], 2, ',', ' ') }} €</div><div class="stat-label">Payables</div></div>
    </div>
    <div class="card-base stat-card">
        <div class="stat-icon" style="background: linear-gradient(135deg, #10b981, #059669);"><i class="fas fa-money-bill-wave"></i></div>
        <div class="stat-info"><div class="stat-value">{{ number_format($stats['paid'], 2, ',', ' ') }} €</div><div class="stat-label">Versées</div></div>
    </div>
</div>

<!-- Filtres -->
<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', 'validated' => 'Validée', 'payable' => 'Payable', 'paid' => 'Versée', 'cancelled' => 'Annulée'] as $v => $l)
                    <option value="{{ $v }}" {{ request('status') === $v ? 'selected' : '' }}>{{ $l }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="form-label small">Du</label>
            <input type="date" name="period_start" value="{{ request('period_start') }}" class="form-control form-control-sm">
        </div>
        <div>
            <label class="form-label small">Au</label>
            <input type="date" name="period_end" value="{{ request('period_end') }}" class="form-control form-control-sm">
        </div>
        <button class="btn btn-sm btn-primary"><i class="fas fa-search"></i> Filtrer</button>
        <a href="{{ route('admin.ambassadors.commissions') }}" class="btn btn-sm btn-outline-secondary">Reset</a>
    </form>
</div>

<div class="card-base">
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead>
                <tr>
                    <th>Date</th>
                    <th>Ambassadeur</th>
                    <th>Prestataire</th>
                    <th>Type</th>
                    <th>Catégorie</th>
                    <th>Montant commande</th>
                    <th>Commission plateforme</th>
                    <th>Part ambassadeur</th>
                    <th>Part admin</th>
                    <th>Statut</th>
                </tr>
            </thead>
            <tbody>
            @forelse($commissions as $c)
                <tr>
                    <td>{{ $c->created_at->format('d/m/Y') }}</td>
                    <td><a href="{{ route('admin.ambassadors.show', $c->ambassador_id) }}">{{ $c->ambassador?->display_or_full_name ?? 'N/A' }}</a></td>
                    <td>{{ $c->prestataire?->user?->name ?? 'N/A' }}</td>
                    <td><small>{{ $c->order_type_label }}</small></td>
                    <td>{{ $c->category_key }}</td>
                    <td>{{ number_format($c->gross_order_amount, 2, ',', ' ') }} €</td>
                    <td>{{ number_format($c->platform_fee_amount, 2, ',', ' ') }} €</td>
                    <td class="fw-semibold text-success">{{ number_format($c->ambassador_commission_amount, 2, ',', ' ') }} €</td>
                    <td>{{ number_format($c->admin_commission_amount, 2, ',', ' ') }} €</td>
                    <td><span class="badge bg-{{ $c->status_color }}">{{ $c->status_label }}</span></td>
                </tr>
            @empty
                <tr><td colspan="10" class="text-center py-3 text-muted">Aucune commission</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    {{ $commissions->withQueryString()->links() }}
</div>
@endsection