@extends('layouts.admin', ['title' => 'Pedidos'])

@section('content')
<div class="mb-5 flex flex-wrap items-center justify-between gap-3">
    <form method="GET" class="flex gap-2"><select class="input-field" name="status"><option value="">Todos</option>@foreach(App\Enums\OrderStatus::cases() as $status)<option value="{{ $status->value }}" @selected(request('status')===$status->value)>{{ $status->label() }}</option>@endforeach</select><button class="btn-secondary">Filtrar</button></form>
    <form method="POST" action="{{ route('admin.orders.sync') }}">@csrf<button class="btn-primary">Sincronizar últimos 30 dias</button></form>
</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">Influencer</th><th class="table-th">Cupom</th><th class="table-th">Status</th><th class="table-th">Base</th><th class="table-th">Itens</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->influencer?->name ?? '—' }}</td>
                <td class="table-td">{{ $order->coupon_code_original ?? '—' }}</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">{{ $order->items->pluck('name')->join(', ') }}</td>
            </tr>
        @endforeach
        </tbody>
    </table>
    <div class="mt-4">{{ $orders->links() }}</div>
</div>
@endsection