@props([
    'financialData' => [],
    'components' => [],
    'showDerived' => true,
    'showRatios' => true,
    'compact' => false,
    'currency' => 'Rp'
])

<div class="financial-table-container">
    <!-- Main Financial Table -->
    <div class="table-container">
        <table class="table">
            <thead>
                <tr>
                    <th class="w-1/2">Deskripsi</th>
                    <th class="w-1/4 text-right">Nilai ({{ $currency }})</th>
                    @if($showRatios)
                        <th class="w-1/4 text-right">Rasio</th>
                    @endif
                </tr>
            </thead>
            <tbody>
                <!-- ASET Section -->
                <tr class="bg-gray-50 dark:bg-gray-900">
                    <td colspan="3" class="px-6 py-2 font-semibold">
                        <i class="fas fa-chart-pie text-primary-600 mr-2"></i>
                        ASET
                    </td>
                </tr>
                
                <tr>
                    <td class="px-6 py-3">
                        <span class="font-medium">Aset Lancar</span>
                        <p class="text-xs text-gray-500">Kas, Piutang, Persediaan</p>
                    </td>
                    <td class="px-6 py-3 text-right font-mono">
                        {{ formatCurrency($financialData['aset_lancar'] ?? 0, $currency) }}
                    </td>
                    @if($showRatios)
                        <td class="px-6 py-3 text-right">
                            @php
                                $currentRatio = ($financialData['utang_lancar'] ?? 0) > 0 
                                    ? ($financialData['aset_lancar'] ?? 0) / ($financialData['utang_lancar'] ?? 1)
                                    : 0;
                            @endphp
                            <span class="text-sm" :class="{
                                'text-success-600': {{ $currentRatio }} > 1.5,
                                'text-warning-600': {{ $currentRatio }} > 1 && {{ $currentRatio }} <= 1.5,
                                'text-danger-600': {{ $currentRatio }} <= 1
                            }">
                                Rasio Lancar: {{ number_format($currentRatio, 2) }}
                            </span>
                        </td>
                    @endif
                </tr>
                
                <tr>
                    <td class="px-6 py-3">
                        <span class="font-medium">Aset Tetap</span>
                        <p class="text-xs text-gray-500">Peralatan, Tanah, Bangunan</p>
                    </td>
                    <td class="px-6 py-3 text-right font-mono">
                        {{ formatCurrency($financialData['aset_tetap'] ?? 0, $currency) }}
                    </td>
                    @if($showRatios)
                        <td class="px-6 py-3 text-right"></td>
                    @endif
                </tr>
                
                <tr class="font-semibold">
                    <td class="px-6 py-3">Total Aset</td>
                    <td class="px-6 py-3 text-right font-mono text-primary-600">
                        @php
                            $totalAset = ($financialData['aset_lancar'] ?? 0) + ($financialData['aset_tetap'] ?? 0);
                        @endphp
                        {{ formatCurrency($totalAset, $currency) }}
                    </td>
                    @if($showRatios)
                        <td class="px-6 py-3"></td>
                    @endif
                </tr>
                
                <!-- LIABILITAS Section -->
                <tr class="bg-gray-50 dark:bg-gray-900">
                    <td colspan="3" class="px-6 py-2 font-semibold">
                        <i class="fas fa-credit-card text-warning-600 mr-2"></i>
                        LIABILITAS
                    </td>
                </tr>
                
                <tr>
                    <td class="px-6 py-3">
                        <span class="font-medium">Utang Lancar</span>
                        <p class="text-xs text-gray-500">Utang Dagang, Utang Gaji</p>
                    </td>
                    <td class="px-6 py-3 text-right font-mono">
                        {{ formatCurrency($financialData['utang_lancar'] ?? 0, $currency) }}
                    </td>
                    @if($showRatios)
                        <td class="px-6 py-3 text-right"></td>
                    @endif
                </tr>
                
                <tr>
                    <td class="px-6 py-3">
                        <span class="font-medium">Utang Jangka Panjang</span>
                        <p class="text-xs text-gray-500">Utang Bank, Obligasi</p>
                    </td>
                    <td class="px-6 py-3 text-right font-mono">
                        {{ formatCurrency($financialData['utang_jangka_panjang'] ?? 0, $currency) }}
                    </td>
                    @if($showRatios)
                        <td class="px-6 py-3 text-right"></td>
                    @endif
                </tr>
                
                <tr class="font-semibold">
                    <td class="px-6 py-3">Total Utang</td>
                    <td class="px-6 py-3 text-right font-mono text-warning-600">
                        @php
                            $totalUtang = ($financialData['utang_lancar'] ?? 0) + ($financialData['utang_jangka_panjang'] ?? 0);
                        @endphp
                        {{ formatCurrency($totalUtang, $currency) }}
                    </td>
                    @if($showRatios)
                        <td class="px-6 py-3 text-right"></td>
                    @endif
                </tr>
                
                <!-- EKUITAS Section -->
                <tr class="bg-gray-50 dark:bg-gray-900">
                    <td colspan="3" class="px-6 py-2 font-semibold">
                        <i class="fas fa-chart-line text-success-600 mr-2"></i>
                        EKUITAS
                    </td>
                </tr>
                
                <tr class="font-semibold">
                    <td class="px-6 py-3">Nilai Buku Ekuitas</td>
                    <td class="px-6 py-3 text-right font-mono text-success-600">
                        @php
                            $ekuitas = $totalAset - $totalUtang;
                        @endphp
                        {{ formatCurrency($ekuitas, $currency) }}
                    </td>
                    @if($showRatios)
                        <td class="px-6 py-3 text-right">
                            @php
                                $der = $ekuitas > 0 ? $totalUtang / $ekuitas : 0;
                            @endphp
                            <span class="text-sm" :class="{
                                'text-success-600': {{ $der }} < 1,
                                'text-warning-600': {{ $der }} >= 1 && {{ $der }} < 2,
                                'text-danger-600': {{ $der }} >= 2
                            }">
                                DER: {{ number_format($der, 2) }}
                            </span>
                        </td>
                    @endif
                </tr>
                
                <!-- LABA RUGI Section -->
                <tr class="bg-gray-50 dark:bg-gray-900">
                    <td colspan="3" class="px-6 py-2 font-semibold">
                        <i class="fas fa-chart-bar text-info-600 mr-2"></i>
                        LABA RUGI
                    </td>
                </tr>
                
                <tr>
                    <td class="px-6 py-3">
                        <span class="font-medium">Pendapatan</span>
                        <p class="text-xs text-gray-500">Penjualan/Pendapatan</p>
                    </td>
                    <td class="px-6 py-3 text-right font-mono">
                        {{ formatCurrency($financialData['pendapatan'] ?? 0, $currency) }}
                    </td>
                    @if($showRatios)
                        <td class="px-6 py-3 text-right"></td>
                    @endif
                </tr>
                
                <tr>
                    <td class="px-6 py-3">
                        <span class="font-medium">Biaya Operasional</span>
                        <p class="text-xs text-gray-500">Biaya Gaji, Produksi</p>
                    </td>
                    <td class="px-6 py-3 text-right font-mono">
                        {{ formatCurrency($financialData['biaya_operasional'] ?? 0, $currency) }}
                    </td>
                    @if($showRatios)
                        <td class="px-6 py-3 text-right"></td>
                    @endif
                </tr>
                
                <tr>
                    <td class="px-6 py-3">
                        <span class="font-medium">Laba Sebelum Pajak</span>
                    </td>
                    <td class="px-6 py-3 text-right font-mono" 
                        :class="{ 'text-danger-600': {{ ($financialData['pendapatan'] ?? 0) - ($financialData['biaya_operasional'] ?? 0) }} < 0 }">
                        @php
                            $laba = ($financialData['pendapatan'] ?? 0) - ($financialData['biaya_operasional'] ?? 0);
                        @endphp
                        {{ formatCurrency($laba, $currency) }}
                    </td>
                    @if($showRatios)
                        <td class="px-6 py-3 text-right">
                            @php
                                $margin = ($financialData['pendapatan'] ?? 0) > 0 
                                    ? ($laba / ($financialData['pendapatan'] ?? 1)) * 100 
                                    : 0;
                            @endphp
                            <span class="text-sm" :class="{
                                'text-success-600': {{ $margin }} > 15,
                                'text-warning-600': {{ $margin }} > 5 && {{ $margin }} <= 15,
                                'text-danger-600': {{ $margin }} <= 5
                            }">
                                Margin: {{ number_format($margin, 2) }}%
                            </span>
                        </td>
                    @endif
                </tr>
                
                <tr>
                    <td class="px-6 py-3">
                        <span class="font-medium">Prive</span>
                        <p class="text-xs text-gray-500">Pengambilan Pribadi</p>
                    </td>
                    <td class="px-6 py-3 text-right font-mono">
                        {{ formatCurrency($financialData['prive'] ?? 0, $currency) }}
                    </td>
                    @if($showRatios)
                        <td class="px-6 py-3 text-right"></td>
                    @endif
                </tr>
                
                <tr class="font-semibold">
                    <td class="px-6 py-3">Laba Ditahan</td>
                    <td class="px-6 py-3 text-right font-mono text-info-600">
                        @php
                            $labaDitahan = $laba - ($financialData['prive'] ?? 0);
                        @endphp
                        {{ formatCurrency($labaDitahan, $currency) }}
                    </td>
                    @if($showRatios)
                        <td class="px-6 py-3"></td>
                    @endif
                </tr>
            </tbody>
        </table>
    </div>
    
    <!-- Z-Score Components (if available) -->
    @if(!empty($components))
        <div class="mt-6">
            <h4 class="text-lg font-semibold text-gray-900 dark:text-white mb-3">
                <i class="fas fa-calculator text-primary-600 mr-2"></i>
                Detail Laporan Keuangan (Komponen Z-Score)
            </h4>
            <div class="table-container">
                <table class="table">
                    <thead>
                        <tr>
                            <th class="w-1/6">Variabel</th>
                            <th class="w-2/3">Rumus Komponen</th>
                            <th class="w-1/6 text-right">Nilai</th>
                        </tr>
                    </thead>
                    <tbody>
                        <!-- X1 -->
                        <tr>
                            <td class="px-6 py-3 font-medium">X1</td>
                            <td class="px-6 py-3 text-sm text-gray-600 dark:text-gray-400">
                                (Aset Lancar - Utang Lancar) / Total Aset
                            </td>
                            <td class="px-6 py-3 text-right font-mono">
                                {{ number_format($components['x1'] ?? 0, 4) }}
                            </td>
                        </tr>
                        
                        <!-- X2 -->
                        <tr>
                            <td class="px-6 py-3 font-medium">X2</td>
                            <td class="px-6 py-3 text-sm text-gray-600 dark:text-gray-400">
                                Laba Ditahan / Total Aset
                            </td>
                            <td class="px-6 py-3 text-right font-mono">
                                {{ number_format($components['x2'] ?? 0, 4) }}
                            </td>
                        </tr>
                        
                        <!-- X3 -->
                        <tr>
                            <td class="px-6 py-3 font-medium">X3</td>
                            <td class="px-6 py-3 text-sm text-gray-600 dark:text-gray-400">
                                Laba Sebelum Pajak dan Bunga / Total Aset
                            </td>
                            <td class="px-6 py-3 text-right font-mono">
                                {{ number_format($components['x3'] ?? 0, 4) }}
                            </td>
                        </tr>
                        
                        <!-- X4 -->
                        <tr>
                            <td class="px-6 py-3 font-medium">X4</td>
                            <td class="px-6 py-3 text-sm text-gray-600 dark:text-gray-400">
                                Nilai Buku Ekuitas / Total Hutang
                            </td>
                            <td class="px-6 py-3 text-right font-mono">
                                {{ number_format($components['x4'] ?? 0, 4) }}
                            </td>
                        </tr>
                        
                        <!-- X5 -->
                        <tr>
                            <td class="px-6 py-3 font-medium">X5</td>
                            <td class="px-6 py-3 text-sm text-gray-600 dark:text-gray-400">
                                Pendapatan / Total Aset
                            </td>
                            <td class="px-6 py-3 text-right font-mono">
                                {{ number_format($components['x5'] ?? 0, 4) }}
                            </td>
                        </tr>
                    </tbody>
                    @if(isset($components['z_score']))
                    <tfoot class="bg-gray-50 dark:bg-gray-900">
                        <tr>
                            <td colspan="2" class="px-6 py-3 font-bold">Z-Score</td>
                            <td class="px-6 py-3 text-right font-mono font-bold 
                                @if(($components['z_score'] ?? 0) > 2.99) text-success-600
                                @elseif(($components['z_score'] ?? 0) >= 1.81) text-warning-600
                                @else text-danger-600
                                @endif">
                                {{ number_format($components['z_score'] ?? 0, 4) }}
                            </td>
                        </tr>
                    </tfoot>
                    @endif
                </table>
            </div>
        </div>
    @endif
    
    <!-- Derived Calculations (if enabled) -->
    @if($showDerived)
        <div class="mt-4 grid grid-cols-1 md:grid-cols-3 gap-4">
            <div class="bg-gray-50 dark:bg-gray-800 rounded-lg p-3">
                <div class="text-xs text-gray-500 dark:text-gray-400">Modal Kerja</div>
                <div class="text-lg font-semibold font-mono">
                    @php
                        $modalKerja = ($financialData['aset_lancar'] ?? 0) - ($financialData['utang_lancar'] ?? 0);
                    @endphp
                    {{ formatCurrency($modalKerja, $currency) }}
                </div>
                <div class="text-xs mt-1">
                    @if($modalKerja > 0)
                        <span class="text-success-600"><i class="fas fa-check-circle mr-1"></i>Positif</span>
                    @else
                        <span class="text-danger-600"><i class="fas fa-exclamation-circle mr-1"></i>Negatif</span>
                    @endif
                </div>
            </div>
            
            <div class="bg-gray-50 dark:bg-gray-800 rounded-lg p-3">
                <div class="text-xs text-gray-500 dark:text-gray-400">Rasio Utang terhadap Aset</div>
                <div class="text-lg font-semibold font-mono">
                    @php
                        $debtRatio = $totalAset > 0 ? ($totalUtang / $totalAset) * 100 : 0;
                    @endphp
                    {{ number_format($debtRatio, 2) }}%
                </div>
                <div class="text-xs mt-1">
                    @if($debtRatio < 40)
                        <span class="text-success-600">Rendah</span>
                    @elseif($debtRatio < 60)
                        <span class="text-warning-600">Moderat</span>
                    @else
                        <span class="text-danger-600">Tinggi</span>
                    @endif
                </div>
            </div>
            
            <div class="bg-gray-50 dark:bg-gray-800 rounded-lg p-3">
                <div class="text-xs text-gray-500 dark:text-gray-400">Return on Assets (ROA)</div>
                <div class="text-lg font-semibold font-mono">
                    @php
                        $roa = $totalAset > 0 ? ($laba / $totalAset) * 100 : 0;
                    @endphp
                    {{ number_format($roa, 2) }}%
                </div>
                <div class="text-xs mt-1">
                    @if($roa > 10)
                        <span class="text-success-600">Sangat Baik</span>
                    @elseif($roa > 5)
                        <span class="text-warning-600">Cukup</span>
                    @else
                        <span class="text-danger-600">Rendah</span>
                    @endif
                </div>
            </div>
        </div>
    @endif
</div>

@php
if (!function_exists('formatCurrency')) {
    function formatCurrency($value, $currency = 'Rp') {
        if ($value === null || $value === '') return $currency . ' 0';
        return $currency . ' ' . number_format((float)$value, 0, ',', '.');
    }
}
@endphp