@props(['settings' => [], 'sites' => collect(), 'totalSites' => 0, 'user' => null, 'stats' => []])

@php
    $financialSummary = $financialSummary ?? null;
@endphp

<div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 h-full flex flex-col">
    <div class="flex items-center justify-between mb-4">
        <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100">
            <i class="fas fa-dollar-sign text-green-500 dark:text-green-400 mr-2"></i>
            Finansal Özet
        </h3>
    </div>
    
    @if($financialSummary)
    <div class="space-y-4 flex-1">
        <!-- Para Birimi Dağılımı -->
        @if(isset($financialSummary['currencies']) && $financialSummary['currencies']->count() > 0)
        <div>
            <h4 class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase mb-2">Para Birimi</h4>
            <div class="space-y-1">
                @foreach($financialSummary['currencies'] as $currency)
                <div class="flex justify-between text-sm">
                    <span class="text-gray-700 dark:text-gray-300">{{ $currency['currency'] ?? '-' }}</span>
                    <span class="font-semibold text-gray-900 dark:text-gray-100">{{ $currency['total'] ?? 0 }}</span>
                </div>
                @endforeach
            </div>
        </div>
        @endif

        <!-- Vergi Durumu -->
        @if(isset($financialSummary['tax']))
        <div>
            <h4 class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase mb-2">Vergi Durumu</h4>
            <div class="grid grid-cols-2 gap-2">
                <div class="text-center p-2 bg-green-50 dark:bg-green-900/30 rounded">
                    <p class="text-xs text-gray-500 dark:text-gray-400">Aktif</p>
                    <p class="text-lg font-bold text-green-600 dark:text-green-400">{{ $financialSummary['tax']['enabled'] ?? 0 }}</p>
                </div>
                <div class="text-center p-2 bg-gray-50 dark:bg-gray-700 rounded">
                    <p class="text-xs text-gray-500 dark:text-gray-400">Pasif</p>
                    <p class="text-lg font-bold text-gray-600 dark:text-gray-300">{{ $financialSummary['tax']['disabled'] ?? 0 }}</p>
                </div>
            </div>
        </div>
        @endif

        <!-- Stok Durumu -->
        @if(isset($financialSummary['stock']))
        <div>
            <h4 class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase mb-2">Stok Durumu</h4>
            <div class="grid grid-cols-2 gap-2">
                <div class="text-center p-2 bg-yellow-50 dark:bg-yellow-900/30 rounded">
                    <p class="text-xs text-gray-500 dark:text-gray-400">Düşük Stok</p>
                    <p class="text-lg font-bold text-yellow-600 dark:text-yellow-400">{{ $financialSummary['stock']['low_stock'] ?? 0 }}</p>
                </div>
                <div class="text-center p-2 bg-red-50 dark:bg-red-900/30 rounded">
                    <p class="text-xs text-gray-500 dark:text-gray-400">Stokta Yok</p>
                    <p class="text-lg font-bold text-red-600 dark:text-red-400">{{ $financialSummary['stock']['out_of_stock'] ?? 0 }}</p>
                </div>
            </div>
        </div>
        @endif
    </div>
    @else
    <div class="text-center py-8 text-gray-500 dark:text-gray-400 flex-1 flex flex-col items-center justify-center">
        <i class="fas fa-chart-pie text-3xl mb-2"></i>
        <p class="text-sm">Finansal veri yok</p>
    </div>
    @endif
</div>