@extends('layouts.app')
@section('title', 'Affiliate commissions')

@section('content')
<h1 class="text-xl font-bold">Affiliate commission payouts</h1>
<div class="mt-4 overflow-x-auto rounded-lg border border-slate-200 bg-white">
    <table class="w-full text-left text-sm">
        <thead class="bg-slate-50 text-xs uppercase text-slate-500"><tr><th class="p-3">Affiliate</th><th class="p-3">Deal</th><th class="p-3">Volume</th><th class="p-3">Rate</th><th class="p-3">Amount (USD)</th><th class="p-3">Status</th></tr></thead>
        <tbody>
        @forelse ($commissions as $c)
            <tr class="border-t border-slate-100 align-top">
                <td class="p-3">{{ $c->affiliate->name }}<br><span class="text-xs text-slate-500">{{ $c->affiliate->affiliate_code }}</span></td>
                <td class="p-3"><a href="{{ route('deals.show', $c->dealRoom) }}" class="underline">{{ $c->dealRoom->reference }}</a></td>
                <td class="p-3">{{ number_format($c->volume_mt, 2) }} MT</td>
                <td class="p-3">{{ number_format($c->rate_usd_per_mt, 2) }}/MT</td>
                <td class="p-3 font-semibold">{{ number_format($c->amount_usd, 2) }}</td>
                <td class="p-3">
                    @if ($c->status === 'payable')
                        <form method="POST" action="{{ route('admin.commissions.pay', $c) }}" class="flex gap-1">
                            @csrf
                            <input type="text" name="payout_reference" required placeholder="Bank transfer ref" class="w-36 rounded border border-slate-300 px-2 py-1 text-xs">
                            <button class="rounded bg-emerald-700 px-2 py-1 text-xs font-semibold text-white">Mark paid</button>
                        </form>
                    @else
                        <span class="uppercase">{{ $c->status }}</span>
                        @if ($c->paid_at)<br><span class="text-xs text-slate-500">{{ $c->paid_at->format('d M Y') }} · {{ $c->payout_reference }}</span>@endif
                    @endif
                </td>
            </tr>
        @empty
            <tr><td colspan="6" class="p-6 text-center text-slate-500">No commissions accrued yet.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $commissions->links() }}</div>
@endsection