{{-- resources/views/filament/forms/components/empty-stocks.blade.php --}}

@php
    $record = $getRecord();
    $emptyStocks = $record ? $record->emptyStocks : collect();
@endphp

<div class="space-y-4">
    @if($emptyStocks->count() > 0)
        <div class="bg-gray-50 dark:bg-gray-800 rounded-lg p-4">
            <div class="text-sm text-gray-600 dark:text-gray-400 mb-4">
                Toplam {{ $emptyStocks->count() }} adet stoğu bitmiş kayıt bulunmaktadır.
            </div>

            <div class="space-y-3">
                @foreach($emptyStocks as $index => $stock)
                    @php
                        $currency = \App\Models\Settings\Currency::find($stock->currency_id);
                    @endphp

                    <div class="bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-lg p-4">
                        <div class="mb-3">
                            <h4 class="text-sm font-medium text-gray-900 dark:text-gray-100">
                                Bitmiş Stok #{{ $index + 1 }} - {{ number_format($stock->purchase_price ?? 0, 2) }} {{ $currency?->symbol ?? '' }}
                            </h4>
                        </div>

                        <div class="grid grid-cols-1 md:grid-cols-6 gap-4">
                            <!-- Adet -->
                            <div class="space-y-2">
                                <label class="block text-xs font-medium text-gray-700 dark:text-gray-300">
                                    Adet
                                </label>
                                <div class="px-3 py-2 bg-gray-100 dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md text-sm text-gray-500 dark:text-gray-400">
                                    {{ $stock->quantity ?? 0 }}
                                </div>
                            </div>

                            <!-- Kullanım Miktarı -->
                            <div class="space-y-2">
                                <label class="block text-xs font-medium text-gray-700 dark:text-gray-300">
                                    Kullanım Miktarı
                                </label>
                                <div class="px-3 py-2 bg-gray-100 dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md text-sm text-gray-500 dark:text-gray-400">
                                    {{ $stock->usage_amount ?? '-' }}
                                </div>
                            </div>

                            <!-- Para Birimi -->
                            <div class="space-y-2">
                                <label class="block text-xs font-medium text-gray-700 dark:text-gray-300">
                                    Para Birimi
                                </label>
                                <div class="px-3 py-2 bg-gray-100 dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md text-sm text-gray-500 dark:text-gray-400">
                                    {{ $currency?->code ?? '-' }}
                                </div>
                            </div>

                            <!-- Alış Fiyatı -->
                            <div class="space-y-2">
                                <label class="block text-xs font-medium text-gray-700 dark:text-gray-300">
                                    Alış Fiyatı
                                </label>
                                <div class="px-3 py-2 bg-gray-100 dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md text-sm text-gray-500 dark:text-gray-400">
                                    {{ number_format($stock->purchase_price ?? 0, 2) }}
                                </div>
                            </div>

                            <!-- Son Kullanma Tarihi -->
                            <div class="space-y-2">
                                <label class="block text-xs font-medium text-gray-700 dark:text-gray-300">
                                    Son Kullanma Tarihi
                                </label>
                                <div class="px-3 py-2 bg-gray-100 dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md text-sm text-gray-500 dark:text-gray-400">
                                    {{ $stock->expiration_date ? $stock->expiration_date->format('d.m.Y') : '-' }}
                                </div>
                            </div>

                            <!-- Kayıt Tarihi -->
                            <div class="space-y-2">
                                <label class="block text-xs font-medium text-gray-700 dark:text-gray-300">
                                    Kayıt Tarihi
                                </label>
                                <div class="px-3 py-2 bg-gray-100 dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md text-sm text-gray-500 dark:text-gray-400">
                                    {{ $stock->created_at ? $stock->created_at->format('d.m.Y H:i') : '-' }}
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    @else
        <div class="bg-gray-50 dark:bg-gray-800 rounded-lg p-8 text-center">
            <div class="text-gray-500 dark:text-gray-400">
                <svg class="mx-auto h-12 w-12 text-gray-400 mb-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2M4 13h2m13-8V8a2 2 0 00-2-2H9a2 2 0 00-2 2v3M7 7h10" />
                </svg>
                <p class="text-sm">Stoğu bitmiş kayıt bulunmamaktadır.</p>
            </div>
        </div>
    @endif
</div>