@extends('layouts.app')

@section('title', 'Analysis Details')

@push('styles')
<style>
/* ===== DARK MODE FOR ADMIN ANALYSES SHOW PAGE ===== */

.dark .container {
    color: #f1f5f9;
}

.dark .text-gray-600 {
    color: #cbd5e1 !important;
}

.dark .bg-white {
    background: #1e293b !important;
    border-color: #334155 !important;
}

.dark .border {
    border-color: #334155 !important;
}

.dark .text-3xl {
    color: #f1f5f9 !important;
}

.dark .text-xl {
    color: #f1f5f9 !important;
}

.dark .text-gray-100 {
    background: #334155 !important;
}

.dark table {
    color: #cbd5e1;
}

.dark table td,
.dark table th {
    border-color: #334155 !important;
}

.dark .text-blue-600 {
    color: #60a5fa !important;
}

.dark .text-green-600 {
    color: #86efac !important;
}

.dark .text-yellow-600 {
    color: #fcd34d !important;
}

.dark .text-red-600 {
    color: #fca5a5 !important;
}

.dark .bg-gray-100 {
    background: #334155 !important;
    color: #cbd5e1 !important;
}

.dark .bg-gray-50 {
    background: #334155 !important;
}

.dark .text-gray-400 {
    color: #cbd5e1 !important;
}

/* ===== LIGHT MODE FALLBACK ===== */

.light .bg-white {
    background: #ffffff !important;
}

.light .text-gray-600 {
    color: #64748b !important;
}
</style>
@endpush

@section('content')
<div class="container py-12">
    <div class="max-w-4xl mx-auto">
        <div class="mb-6">
            <h1 class="text-3xl font-bold">Analysis Details</h1>
            <p class="text-gray-600">ID: {{ $analysis->id }}</p>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
            <!-- Company Info -->
            <div class="bg-white p-6 rounded-lg border">
                <h3 class="text-xl font-bold mb-4">Company Information</h3>
                <table class="w-full text-sm">
                    <tr>
                        <td class="font-semibold">Company Name:</td>
                        <td>{{ $analysis->company_name }}</td>
                    </tr>
                    <tr>
                        <td class="font-semibold">Business Field:</td>
                        <td>{{ $analysis->business_field }}</td>
                    </tr>
                    <tr>
                        <td class="font-semibold">Period:</td>
                        <td>{{ $analysis->period }}</td>
                    </tr>
                    <tr>
                        <td class="font-semibold">Currency:</td>
                        <td>{{ $analysis->currency }}</td>
                    </tr>
                </table>
            </div>

            <!-- Z-Score Info -->
            <div class="bg-white p-6 rounded-lg border">
                <h3 class="text-xl font-bold mb-4">Z-Score Analysis</h3>
                <div class="text-center">
                    <div class="text-4xl font-bold text-blue-600">{{ round($analysis->z_score, 2) }}</div>
                    <div class="text-lg {{ 
                        $analysis->z_category == 'safe' ? 'text-green-600' :
                        $analysis->z_category == 'grey' ? 'text-yellow-600' :
                        'text-red-600'
                    }}">
                        {{ ucfirst($analysis->z_category) }}
                    </div>
                </div>
            </div>
        </div>

        <!-- Components -->
        <div class="bg-white p-6 rounded-lg border mb-8">
            <h3 class="text-xl font-bold mb-4">Z-Score Components</h3>
            <table class="w-full text-sm">
                <thead class="bg-gray-100">
                    <tr>
                        <th class="p-2 text-left">Component</th>
                        <th class="p-2 text-right">Value</th>
                        <th class="p-2 text-left">Weight</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="p-2">X1 - Working Capital / Total Assets</td>
                        <td class="p-2 text-right">{{ round($zScoreComponents['x1'], 4) }}</td>
                        <td class="p-2">1.2</td>
                    </tr>
                    <tr class="bg-gray-50">
                        <td class="p-2">X2 - Retained Earnings / Total Assets</td>
                        <td class="p-2 text-right">{{ round($zScoreComponents['x2'], 4) }}</td>
                        <td class="p-2">1.4</td>
                    </tr>
                    <tr>
                        <td class="p-2">X3 - Earnings Before Tax / Total Assets</td>
                        <td class="p-2 text-right">{{ round($zScoreComponents['x3'], 4) }}</td>
                        <td class="p-2">3.3</td>
                    </tr>
                    <tr class="bg-gray-50">
                        <td class="p-2">X4 - Equity Value / Total Liabilities</td>
                        <td class="p-2 text-right">{{ round($zScoreComponents['x4'], 4) }}</td>
                        <td class="p-2">0.6</td>
                    </tr>
                    <tr>
                        <td class="p-2">X5 - Sales / Total Assets</td>
                        <td class="p-2 text-right">{{ round($zScoreComponents['x5'], 4) }}</td>
                        <td class="p-2">1.0</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <!-- Financial Data -->
        @if($financialData)
        <div class="bg-white p-6 rounded-lg border">
            <h3 class="text-xl font-bold mb-4">Financial Data</h3>
            <pre class="bg-gray-100 p-4 rounded text-xs overflow-x-auto">{{ json_encode($financialData, JSON_PRETTY_PRINT) }}</pre>
        </div>
        @endif
    </div>
</div>
@endsection