@extends('layouts.dashboard')
@section('title', __('Affiliates'))
@section('page_title', __('Affiliates'))

@section('content')
    @include('partials.how-it-works', ['key' => 'affiliate.admin'])

    <div class="card shadow-sm">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light"><tr><th>{{ __('Affiliate') }}</th><th>{{ __('Code') }}</th><th>{{ __('Referrals') }}</th><th>{{ __('Rate') }}</th><th>{{ __('Status') }}</th><th></th></tr></thead>
                <tbody>
                    @forelse($affiliates as $affiliate)
                        <tr>
                            <td>
                                <div class="fw-semibold">{{ $affiliate->user->name ?? '—' }}</div>
                                <small class="text-muted">{{ $affiliate->user->email ?? '' }}</small>
                            </td>
                            <td><code>{{ $affiliate->referral_code }}</code></td>
                            <td>{{ $affiliate->referrals_count }}</td>
                            <td>{{ $affiliate->commission_rate }}%</td>
                            <td><span class="badge bg-{{ ['active'=>'success','pending'=>'secondary','rejected'=>'danger','suspended'=>'warning'][$affiliate->status] ?? 'secondary' }}">{{ status_label($affiliate->status) }}</span></td>
                            <td class="text-end">
                                <form method="POST" action="{{ route('admin.affiliates.update', $affiliate) }}" class="d-flex gap-1 justify-content-end">
                                    @csrf @method('PUT')
                                    <input type="number" step="0.5" min="0" max="100" name="commission_rate" value="{{ $affiliate->commission_rate }}" class="form-control form-control-sm" style="width: 80px;">
                                    <select name="status" class="form-select form-select-sm" style="width: 120px;">
                                        @foreach(['active','pending','suspended','rejected'] as $s)
                                            <option value="{{ $s }}" @selected($affiliate->status === $s)>{{ status_label($s) }}</option>
                                        @endforeach
                                    </select>
                                    <button class="btn btn-sm btn-primary">{{ __('Save') }}</button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="text-center text-muted py-4">{{ __('No affiliates yet.') }}</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    <div class="mt-3">{{ $affiliates->links() }}</div>
@endsection