@extends('layouts.influencer', ['title' => 'Minhas comissões'])

@section('content')
<div class="card overflow-x-auto">
    <table class="min-w-full divide-y divide-slate-200">
        <thead><tr><th class="table-th">Pedido</th><th class="table-th">Base</th><th class="table-th">%</th><th class="table-th">Bônus</th><th class="table-th">Valor</th><th class="table-th">Status</th></tr></thead>
        <tbody class="divide-y divide-slate-100">
        @foreach($commissions as $commission)
            <tr>
                <td class="table-td">#{{ $commission->order->order_number }}</td>
                <td class="table-td">R$ {{ number_format((float)$commission->commission_base_amount,2,',','.') }}</td>
                <td class="table-td">{{ number_format((float)$commission->commission_percentage,2,',','.') }}%</td>
                <td class="table-td">+{{ number_format((float)$commission->gamification_bonus_percentage,2,',','.') }}%</td>
                <td class="table-td font-semibold">R$ {{ number_format((float)$commission->commission_amount,2,',','.') }}</td>
                <td class="table-td">{{ $commission->status->label() }}</td>
            </tr>
        @endforeach
        </tbody>
    </table>
    <div class="mt-4">{{ $commissions->links() }}</div>
</div>
@endsection