{{-- resources/views/medicine-purchases/show.blade.php --}}
<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800">স্টক-ইন বিস্তারিত — {{ $purchase->purchase_no }}</h2>
    </x-slot>

    <div class="py-6 max-w-4xl mx-auto sm:px-6 lg:px-8 space-y-6">
        <div class="bg-white shadow rounded-lg p-6 grid grid-cols-3 text-sm gap-4">
            <div><strong>সাপ্লায়ার:</strong> {{ $purchase->supplier_name ?? '—' }}</div>
            <div><strong>তারিখ:</strong> {{ $purchase->purchase_date->format('d M, Y') }}</div>
            <div><strong>মোট খরচ:</strong> ৳{{ number_format($purchase->total_amount, 2) }}</div>
        </div>

        <div class="bg-white shadow rounded-lg overflow-x-auto">
            <table class="min-w-full text-sm">
                <thead class="bg-gray-100 text-left">
                    <tr>
                        <th class="p-3">মেডিসিন</th>
                        <th class="p-3">ব্যাচ</th>
                        <th class="p-3">এক্সপায়ারি</th>
                        <th class="p-3">পরিমাণ</th>
                        <th class="p-3">ক্রয় মূল্য</th>
                        <th class="p-3">মোট</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($purchase->stocks as $stock)
                    <tr class="border-t">
                        <td class="p-3">{{ $stock->medicine->name }}</td>
                        <td class="p-3">{{ $stock->batch_no ?? '—' }}</td>
                        <td class="p-3">{{ $stock->expiry_date?->format('d M, Y') ?? '—' }}</td>
                        <td class="p-3">{{ $stock->quantity }}</td>
                        <td class="p-3">৳{{ number_format($stock->purchase_price, 2) }}</td>
                        <td class="p-3">৳{{ number_format($stock->quantity * $stock->purchase_price, 2) }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <a href="{{ route('medicine-purchases.index') }}" class="inline-block bg-gray-500 text-white px-4 py-2 rounded-lg">তালিকায় ফিরুন</a>
    </div>
</x-app-layout>