@extends('admin.layout')
@section('content')
<div class="page-header">
    <div class="page-title">Purchases</div>
</div>

<div class="card">
    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>Item</th>
                <th>Buyer</th>
                <th>Seller</th>
                <th>Amount</th>
                <th>Fee</th>
                <th>Total</th>
                <th>Status</th>
                <th>Date</th>
            </tr>
        </thead>
        <tbody>
            @forelse($purchases as $purchase)
            <tr>
                <td>#{{ $purchase->id }}</td>
                <td>
                    <strong>{{ $purchase->listing->title ?? '—' }}</strong><br>
                    <small style="color:#888">{{ $purchase->listing->brand ?? '' }}</small>
                </td>
                <td>{{ $purchase->buyer->name ?? '—' }}</td>
                <td>{{ $purchase->seller->name ?? '—' }}</td>
                <td>£{{ number_format($purchase->amount, 2) }}</td>
                <td>£{{ number_format($purchase->service_fee, 2) }}</td>
                <td>£{{ number_format($purchase->total, 2) }}</td>
                <td>
                    @if($purchase->status === 'paid')
                        <span class="badge badge-green">Paid</span>
                    @elseif($purchase->status === 'pending')
                        <span class="badge badge-orange">Pending</span>
                    @else
                        <span class="badge badge-red">{{ $purchase->status }}</span>
                    @endif
                </td>
                <td>{{ $purchase->created_at->format('d M Y') }}</td>
            </tr>
            @empty
            <tr>
                <td colspan="9" style="text-align:center;padding:32px;color:#888">No purchases yet</td>
            </tr>
            @endforelse
        </tbody>
    </table>
    <div class="pagination">{{ $purchases->links() }}</div>
</div>
@endsection