@php
    $moduleName = 'Medical Inventory Reports';
    $arName = 'تقارير المخزون الطبي';
@endphp
<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-black leading-tight">
            {{ \App\Helpers\TranslationHelper::transFromDatabase($moduleName, __($arName)) }}
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <!-- Stats -->
            <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
                <div class="bg-white p-6 rounded-lg shadow-sm border-r-4 border-blue-500">
                    <p class="text-sm text-black uppercase">{{ \App\Helpers\TranslationHelper::transFromDatabase('Total Items', __('إجمالي الأصناف')) }}</p>
                    <p class="text-2xl font-bold">{{ $totalItems }}</p>
                </div>
                <div class="bg-white p-6 rounded-lg shadow-sm border-r-4 border-green-500">
                    <p class="text-sm text-black uppercase">{{ \App\Helpers\TranslationHelper::transFromDatabase('Inventory Value', __('قيمة المخزون')) }}</p>
                    <p class="text-2xl font-bold">{{ number_format($totalValue, 2) }}</p>
                </div>
                <div class="bg-white p-6 rounded-lg shadow-sm border-r-4 border-red-500">
                    <p class="text-sm text-black uppercase">{{ \App\Helpers\TranslationHelper::transFromDatabase('Low Stock Items', __('أصناف تحت حد الطلب')) }}</p>
                    <p class="text-2xl font-bold">{{ $lowStockItems->count() }}</p>
                </div>
            </div>

            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
                <!-- Low Stock Alert -->
                <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                    <div class="p-6 text-black">
                        <h3 class="text-lg font-bold mb-4 text-red-600">{{ \App\Helpers\TranslationHelper::transFromDatabase('Low Stock Alerts', __('تنبيهات نقص المخزون')) }}</h3>
                        <div class="overflow-x-auto">
                            <table class="min-w-full divide-y divide-gray-200">
                                <thead>
                                    <tr>
                                        <th class="px-4 py-2 text-right text-xs font-medium text-black uppercase">{{ \App\Helpers\TranslationHelper::transFromDatabase('Item', __('الصنف')) }}</th>
                                        <th class="px-4 py-2 text-right text-xs font-medium text-black uppercase">{{ \App\Helpers\TranslationHelper::transFromDatabase('Current', __('الحالي')) }}</th>
                                        <th class="px-4 py-2 text-right text-xs font-medium text-black uppercase">{{ \App\Helpers\TranslationHelper::transFromDatabase('Min', __('الأدنى')) }}</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-gray-200">
                                    @forelse($lowStockItems->take(5) as $item)
                                        <tr>
                                            <td class="px-4 py-2 text-sm">{{ $item->name }}</td>
                                            <td class="px-4 py-2 text-sm font-bold text-red-600">{{ $item->getTotalBalance() }}</td>
                                            <td class="px-4 py-2 text-sm">{{ $item->min_quantity }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="3" class="px-4 py-2 text-center text-black text-sm italic">{{ \App\Helpers\TranslationHelper::transFromDatabase('No low stock alerts', __('لا توجد تنبيهات لنقص المخزون')) }}</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <!-- Recent Items -->
                <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                    <div class="p-6 text-black">
                        <h3 class="text-lg font-bold mb-4">{{ \App\Helpers\TranslationHelper::transFromDatabase('New Inventory Items', __('أصناف مخزنية جديدة')) }}</h3>
                        <div class="overflow-x-auto">
                            <table class="min-w-full divide-y divide-gray-200">
                                <thead>
                                    <tr>
                                        <th class="px-4 py-2 text-right text-xs font-medium text-black uppercase">{{ \App\Helpers\TranslationHelper::transFromDatabase('Item', __('الصنف')) }}</th>
                                        <th class="px-4 py-2 text-right text-xs font-medium text-black uppercase">{{ \App\Helpers\TranslationHelper::transFromDatabase('Category', __('التصنيف')) }}</th>
                                        <th class="px-4 py-2 text-right text-xs font-medium text-black uppercase">{{ \App\Helpers\TranslationHelper::transFromDatabase('Price', __('السعر')) }}</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-gray-200">
                                    @foreach($recentItems->take(5) as $item)
                                        <tr>
                                            <td class="px-4 py-2 text-sm">{{ $item->name }}</td>
                                            <td class="px-4 py-2 text-sm">{{ $item->category->name ?? '---' }}</td>
                                            <td class="px-4 py-2 text-sm">{{ number_format($item->sale_price, 2) }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>