@extends('layouts.client')
@section('title', 'Orders')
@section('content')
<form class="card p-3 mb-3 row g-2 mx-0" method="get"><div class="col-md-3"><input class="form-control" name="q" value="{{ request('q') }}" placeholder="Order ID"></div>
<div class="col-md-3"><select class="form-select" name="confirmation"><option value="">Any confirmation</option>@foreach(['pending','confirmed','cancelled'] as $s)<option @selected(request('confirmation')===$s)>{{ $s }}</option>@endforeach</select></div><div class="col-md-3"><button class="btn btn-primary" type="submit">Filter</button></div></form>
<div class="card">@if($orders->isEmpty())<x-empty text="No orders received yet."/>@else<div class="table-responsive"><table class="table align-middle mb-0"><thead><tr><th>Order</th><th>Customer</th><th>Items</th><th class="text-end">Amount</th><th>Payment</th><th>Call</th><th>Confirmation</th><th>Woo sync</th></tr></thead><tbody>
@foreach($orders as $o)<tr><td>#{{ $o->wc_order_id }}<div class="small text-muted">{{ $o->website->normalized_domain }}</div></td><td>{{ $o->customer_name }}<div class="mono small">{{ $o->customer_phone }}</div></td><td class="small">{{ \Illuminate\Support\Str::limit($o->items_summary, 60) }}</td><td class="text-end">{{ $o->currency }} {{ number_format($o->total, 2) }}</td><td>{{ $o->payment_method }}</td><td><x-badge :v="$o->call_status"/></td><td><x-badge :v="$o->confirmation_status"/></td><td><x-badge :v="$o->sync_status"/></td></tr>@endforeach
</tbody></table></div><div class="p-3">{{ $orders->links() }}</div>@endif</div>
@endsection