@extends('layouts.app')
@section('title', __('Purchase History'))

@section('content')
    <div class="mb-4 flex justify-end">
        <a href="{{ route('purchases.create') }}" class="btn-primary"><x-icon name="plus" class="h-4 w-4"/>{{ __('New Purchase') }}</a>
    </div>
    <div class="table-wrap">
        <table class="min-w-full divide-y divide-slate-100">
            <thead class="bg-slate-50"><tr>
                <th class="th">{{ __('Reference') }}</th><th class="th">{{ __('Supplier') }}</th><th class="th">{{ __('Store') }}</th>
                <th class="th">{{ __('Date') }}</th><th class="th">{{ __('Total') }}</th><th class="th">{{ __('Status') }}</th><th class="th"></th>
            </tr></thead>
            <tbody class="divide-y divide-slate-100">
                @forelse ($purchases as $purchase)
                    <tr class="hover:bg-slate-50">
                        <td class="td font-mono text-xs">{{ $purchase->reference }}</td>
                        <td class="td">{{ $purchase->supplier?->name ?? '—' }}</td>
                        <td class="td">{{ $purchase->store?->name }}</td>
                        <td class="td">{{ $purchase->created_at->format('d/m/Y') }}</td>
                        <td class="td font-semibold">{{ money($purchase->total) }}</td>
                        <td class="td"><span class="badge bg-brand-100 text-brand-700">{{ __(ucfirst($purchase->status)) }}</span></td>
                        <td class="td text-right"><a href="{{ route('purchases.show', $purchase) }}" class="text-brand-600 hover:underline">{{ __('View') }}</a></td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="td py-10 text-center text-slate-400">{{ __('No purchases.') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="mt-4">{{ $purchases->links() }}</div>
@endsection