@extends('layouts.app')
@section('title', 'Supplier Returns')

@section('content')
<div class="space-y-6">
    <div>
        <h1 class="text-xl font-bold">Supplier Returns</h1>
        <p class="text-sm text-ink-muted">Every return raised from a purchase order — start one from the PO's page.</p>
    </div>

    <div class="card overflow-x-auto">
        <table class="data-table">
            <thead><tr><th>Return #</th><th>Supplier</th><th>PO</th><th>Reason</th><th>Returned by</th><th class="text-right">Value</th></tr></thead>
            <tbody>
                @forelse ($returns as $return)
                    <tr>
                        <td class="font-medium">{{ $return->return_number }}</td>
                        <td><a href="{{ route('purchasing.suppliers.ledger', $return->supplier) }}" class="hover:underline">{{ $return->supplier->name }}</a></td>
                        <td>@if($return->purchaseOrder)<a href="{{ route('purchasing.orders.show', $return->purchaseOrder) }}" class="hover:underline">{{ $return->purchaseOrder->po_number }}</a>@else —@endif</td>
                        <td>{{ $return->reason ?? '—' }}</td>
                        <td>{{ $return->returnedBy->name ?? '—' }}</td>
                        <td class="text-right font-semibold">{{ number_format($return->total_amount, 2) }}</td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="text-center text-ink-muted py-8">No returns recorded yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    {{ $returns->links() }}
</div>
@endsection