@extends('layouts.influencer', ['title' => 'Meus pedidos'])

@section('content')
<div class="mb-5 flex gap-2"><a class="btn-secondary" href="{{ route('influencer.reports.export', ['format'=>'csv']) }}">Exportar CSV</a><a class="btn-primary" href="{{ route('influencer.reports.export', ['format'=>'excel']) }}">Exportar Excel</a></div>
<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">Data</th><th class="table-th">Status</th><th class="table-th">Valor considerado</th><th class="table-th">Comissão</th><th class="table-th">Produtos</th></tr></thead>
        <tbody class="divide-y divide-slate-100">
        @foreach($orders as $order)
            <tr>
                <td class="table-td">#{{ $order->order_number }}</td>
                <td class="table-td">{{ $order->placed_at?->format('d/m/Y H:i') }}</td>
                <td class="table-td">{{ $order->status->label() }}</td>
                <td class="table-td">R$ {{ number_format((float)$order->commission_base_amount,2,',','.') }}</td>
                <td class="table-td">R$ {{ number_format((float)($order->commission?->commission_amount ?? 0),2,',','.') }}</td>
                <td class="table-td">{{ $order->items->map(fn($i) => $i->quantity.'x '.$i->name)->join(', ') }}</td>
            </tr>
        @endforeach
        </tbody>
    </table>
    <div class="mt-4">{{ $orders->links() }}</div>
</div>
<p class="mt-4 text-sm text-slate-500">Por LGPD, dados pessoais do cliente não são exibidos neste painel.</p>
@endsection