{{-- resources/views/medicine-sales/show.blade.php --}}
<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800">বিক্রয় রসিদ — {{ $sale->sale_no }}</h2>
    </x-slot>

    <div class="py-6 max-w-3xl mx-auto sm:px-6 lg:px-8 space-y-6">
        <div class="bg-white shadow rounded-lg p-6">
            <div class="mb-4 text-sm">
                <p><strong>রোগী:</strong> {{ $sale->patient->name ?? 'কাউন্টার বিক্রয়' }}</p>
                <p><strong>তারিখ:</strong> {{ $sale->sale_date->format('d M, Y') }}</p>
            </div>

            <table class="min-w-full text-sm mb-4">
                <thead class="bg-gray-100 text-left">
                    <tr>
                        <th class="p-2">মেডিসিন</th>
                        <th class="p-2">পরিমাণ</th>
                        <th class="p-2">দাম</th>
                        <th class="p-2">মোট</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($sale->items as $item)
                    <tr class="border-t">
                        <td class="p-2">{{ $item->medicine->name }}</td>
                        <td class="p-2">{{ $item->quantity }}</td>
                        <td class="p-2">৳{{ number_format($item->unit_price, 2) }}</td>
                        <td class="p-2">৳{{ number_format($item->total, 2) }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>

            <div class="text-right font-semibold text-lg">সর্বমোট: ৳{{ number_format($sale->total_amount, 2) }}</div>
        </div>

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