@extends('layouts.admin')

@section('title', 'Invoices for ' . $user->name)

@section('content')
<div class="max-w-6xl mx-auto px-4 py-6">
    <h1 class="text-3xl font-bold text-gray-900 mb-6">
        Invoices for {{ $user->name }}
    </h1>

    <table class="w-full border-collapse bg-white shadow rounded-xl overflow-hidden">
        <thead class="bg-gray-50">
            <tr>
                <th class="px-4 py-2 text-left">Tracking #</th>
                <th class="px-4 py-2 text-left">Receiver</th>
                <th class="px-4 py-2 text-left">Final Price (£)</th>
                <th class="px-4 py-2 text-left">Created</th>
                <th class="px-4 py-2 text-center">Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach($shipments as $shipment)
            <tr class="border-b hover:bg-gray-50">
                <td class="px-4 py-2">{{ $shipment->tracking_number }}</td>
                <td class="px-4 py-2">{{ $shipment->receiver_name }}</td>
                <td class="px-4 py-2">£{{ number_format($shipment->final_price, 2) }}</td>
                <td class="px-4 py-2">{{ $shipment->created_at->format('d M, Y') }}</td>
                <td class="px-4 py-2 text-center">
                    <a href="{{ route('admin.invoices.show', $shipment->id) }}"
                       class="px-3 py-1 rounded-xl bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-semibold">
                        View
                    </a>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection