@extends('layouts.admin')

@section('content')
    <h2 class="mb-4 text-xl font-semibold">Orders Management</h2>
    <div class="rounded-2xl border border-white/20 bg-white/10 p-4">
        <table class="w-full text-left text-sm">
            <thead class="text-slate-300">
            <tr>
                <th>ID</th><th>User</th><th>Service</th><th>Qty</th><th>Charge</th><th>Status</th><th>External ID</th>
            </tr>
            </thead>
            <tbody>
            @foreach($orders as $order)
                <tr class="border-t border-white/10">
                    <td class="py-2">{{ $order->id }}</td>
                    <td>{{ $order->user->id ?? '-' }}</td>
                    <td>{{ $order->service->name ?? '-' }}</td>
                    <td>{{ $order->quantity }}</td>
                    <td>${{ number_format((float) $order->charge, 2) }}</td>
                    <td>{{ $order->status }}</td>
                    <td>{{ $order->external_order_id ?? '-' }}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
        <div class="mt-4">{{ $orders->links() }}</div>
    </div>
@endsection