{{-- resources/views/medicines/index.blade.php --}}
<x-app-layout>
    <x-slot name="header">
        <div class="flex justify-between items-center">
            <h2 class="font-semibold text-xl text-gray-800">মেডিসিন ইনভেন্টরি</h2>
            <div class="space-x-2">
                <a href="{{ route('medicine-purchases.create') }}" class="bg-green-600 text-white px-4 py-2 rounded-lg">+ স্টক-ইন</a>
                <a href="{{ route('medicine-sales.create') }}" class="bg-purple-600 text-white px-4 py-2 rounded-lg">+ ডিসপেন্স/বিক্রয়</a>
                <a href="{{ route('medicines.create') }}" class="bg-blue-600 text-white px-4 py-2 rounded-lg">+ নতুন মেডিসিন</a>
            </div>
        </div>
    </x-slot>

    <div class="py-6 max-w-7xl mx-auto sm:px-6 lg:px-8">
        @if (session('success'))
            <div class="mb-4 p-3 bg-green-100 text-green-700 rounded">{{ session('success') }}</div>
        @endif
        @if (session('error'))
            <div class="mb-4 p-3 bg-red-100 text-red-700 rounded">{{ session('error') }}</div>
        @endif

        <div class="bg-white shadow rounded-lg p-4 mb-4">
            <form method="GET" class="flex gap-3">
                <input type="text" name="search" value="{{ request('search') }}" placeholder="নাম, জেনেরিক নাম বা কোড" class="border-gray-300 rounded-md flex-1">
                <label class="flex items-center gap-2 text-sm">
                    <input type="checkbox" name="low_stock" value="1" @checked(request('low_stock')) onchange="this.form.submit()">
                    শুধু লো-স্টক দেখাও
                </label>
                <button class="bg-gray-700 text-white px-4 py-2 rounded-md">খুঁজুন</button>
            </form>
        </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>
                        <th class="p-3">অ্যাকশন</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($medicines as $med)
                        <tr class="border-t {{ $med->total_stock <= $med->reorder_level ? 'bg-red-50' : '' }}">
                            <td class="p-3">{{ $med->code }}</td>
                            <td class="p-3">
                                {{ $med->name }}
                                @if ($med->generic_name)
                                    <span class="block text-xs text-gray-400">{{ $med->generic_name }}</span>
                                @endif
                            </td>
                            <td class="p-3">{{ $med->category->name ?? '—' }}</td>
                            <td class="p-3">{{ $med->unit }}</td>
                            <td class="p-3">৳{{ number_format($med->sale_price, 2) }}</td>
                            <td class="p-3">
                                <span class="{{ $med->total_stock <= $med->reorder_level ? 'text-red-600 font-semibold' : 'text-green-600' }}">
                                    {{ $med->total_stock ?? 0 }}
                                </span>
                                @if ($med->total_stock <= $med->reorder_level)
                                    <span class="text-xs text-red-500 block">লো স্টক!</span>
                                @endif
                            </td>
                            <td class="p-3 space-x-2">
                                <a href="{{ route('medicines.show', $med) }}" class="text-blue-600">দেখুন</a>
                                <a href="{{ route('medicines.edit', $med) }}" class="text-yellow-600">এডিট</a>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="7" class="p-4 text-center text-gray-500">কোনো মেডিসিন পাওয়া যায়নি</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="mt-4">{{ $medicines->links() }}</div>
    </div>
</x-app-layout>