@extends('layouts.app')
@section('title', $purchase->reference)

@section('content')
    <div class="mb-4"><a href="{{ route('purchases.index') }}" class="text-sm text-brand-600 hover:underline">&larr; {{ __('Back') }}</a></div>
    <div class="card">
        <div class="flex items-start justify-between">
            <div>
                <h2 class="text-lg font-bold">{{ $purchase->reference }}</h2>
                <p class="text-sm text-slate-400">{{ $purchase->supplier?->name }} · {{ $purchase->created_at->format('d/m/Y') }}</p>
            </div>
            <span class="badge bg-brand-100 text-brand-700">{{ __(ucfirst($purchase->status)) }}</span>
        </div>
        <table class="mt-4 min-w-full divide-y divide-slate-100">
            <thead><tr>
                <th class="th">{{ __('Product') }}</th><th class="th">{{ __('Batch') }}</th><th class="th">{{ __('Expiration') }}</th>
                <th class="th">{{ __('Qty') }}</th><th class="th">{{ __('Unit cost') }}</th><th class="th text-right">{{ __('Total') }}</th>
            </tr></thead>
            <tbody class="divide-y divide-slate-100">
                @foreach ($purchase->items as $item)
                    <tr>
                        <td class="td">{{ $item->product?->name }}</td>
                        <td class="td font-mono text-xs">{{ $item->batch_number }}</td>
                        <td class="td">{{ $item->expiration_date?->format('d/m/Y') ?? '—' }}</td>
                        <td class="td">{{ $item->quantity }}</td>
                        <td class="td">{{ money($item->unit_cost) }}</td>
                        <td class="td text-right font-semibold">{{ money($item->line_total) }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        <div class="mt-4 text-right text-lg font-bold">{{ __('Total') }}: {{ money($purchase->total) }}</div>
    </div>
@endsection