@extends('portal.layout')
@section('title', $scenario->title.' — Report #'.str_pad($report->id, 5, '0', STR_PAD_LEFT))

@section('content')
@php
    $typeLabels = [
        'what_if'      => 'What-If Analysis',
        'optimizer'    => 'Auto-Optimizer',
        'tdr'          => 'TDR Calculator',
        'premium_fsi'  => 'Premium FSI',
        'amalgamation' => 'Amalgamation',
    ];
    $typeBadgeColors = [
        'what_if'      => '#60a5fa',
        'optimizer'    => '#22c55e',
        'tdr'          => '#f97316',
        'premium_fsi'  => '#eab308',
        'amalgamation' => '#a78bfa',
    ];
    $typeLabel = $typeLabels[$scenario->type] ?? $scenario->type;
    $badgeColor = $typeBadgeColors[$scenario->type] ?? 'var(--primary)';
    $rec = $scenario->recommendation;
@endphp

<div class="report-layout">
@include('portal.partials.report-sidebar')
<div class="report-content">
<div style="max-width:1080px;margin:0 auto;padding:32px 24px;">

    {{-- Header --}}
    <div style="display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap;">
        <div>
            <div style="display:flex;align-items:center;gap:10px;margin-bottom:6px;">
                <h1 style="font-size:20px;font-weight:700;">{{ $scenario->title }}</h1>
                <span style="font-size:10px;padding:3px 10px;border-radius:4px;background:{{ $badgeColor }}22;color:{{ $badgeColor }};font-weight:600;text-transform:uppercase;">{{ $typeLabel }}</span>
            </div>
            <div style="font-size:12px;color:var(--text-secondary);">
                {{ $report->address ?? 'Plot' }} &mdash; {{ $scenario->created_at->format('d M Y H:i') }}
            </div>
        </div>
        <div style="display:flex;gap:8px;">
            <a href="{{ route('portal.scenarios', $report->id) }}" class="btn btn-secondary" style="font-size:12px;">← Back to Scenarios</a>
        </div>
    </div>

    {{-- Base Parameters --}}
    @if($scenario->base_params)
    <div class="card" style="padding:16px;margin-bottom:20px;">
        <div style="font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px;">Base Parameters</div>
        <div style="display:flex;gap:16px;flex-wrap:wrap;font-size:12px;">
            @foreach($scenario->base_params as $key => $val)
            <div>
                <span style="color:var(--text-muted);">{{ ucwords(str_replace('_', ' ', $key)) }}:</span>
                <span style="color:var(--text);font-weight:600;">{{ is_numeric($val) ? number_format($val) : $val }}</span>
            </div>
            @endforeach
        </div>
    </div>
    @endif

    {{-- Recommendation --}}
    @if($rec)
    <div style="{{ ($rec['should_amalgamate'] ?? $rec['best_scenario'] ?? $rec['best_type'] ?? $rec['optimal_tdr_pct'] ?? $rec['optimal_extra_far'] ?? false) ? 'background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.2);' : 'background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.2);' }}border-radius:8px;padding:16px;margin-bottom:20px;">
        <div style="font-size:11px;font-weight:700;text-transform:uppercase;{{ ($rec['should_amalgamate'] ?? $rec['best_scenario'] ?? $rec['best_type'] ?? $rec['optimal_tdr_pct'] ?? $rec['optimal_extra_far'] ?? false) ? 'color:var(--green);' : 'color:var(--red);' }}margin-bottom:6px;">
            {{ ($rec['should_amalgamate'] ?? $rec['best_scenario'] ?? $rec['best_type'] ?? $rec['optimal_tdr_pct'] ?? $rec['optimal_extra_far'] ?? false) ? '✓ Recommendation' : '✗ Analysis Result' }}
        </div>
        @if(isset($rec['best_scenario']))
            <div style="font-size:13px;color:var(--text);font-weight:600;margin-bottom:4px;">Best: {{ $rec['best_scenario'] }}</div>
        @endif
        @if(isset($rec['best_type']))
            <div style="font-size:13px;color:var(--text);font-weight:600;margin-bottom:4px;">Best Type: {{ ucfirst($rec['best_type']) }}</div>
        @endif
        @if(isset($rec['optimal_tdr_pct']))
            <div style="font-size:13px;color:var(--text);font-weight:600;margin-bottom:4px;">Optimal TDR: {{ $rec['optimal_tdr_pct'] }}% — Net Gain: ₹{{ number_format($rec['net_gain_inr'] ?? 0) }}</div>
        @endif
        @if(isset($rec['optimal_extra_far']))
            <div style="font-size:13px;color:var(--text);font-weight:600;margin-bottom:4px;">Optimal Extra FSI: {{ $rec['optimal_extra_far'] }} — Net Gain: ₹{{ number_format($rec['net_gain_inr'] ?? 0) }}</div>
        @endif
        <div style="font-size:12px;color:var(--text-secondary);">{{ $rec['reason'] ?? '' }}</div>
    </div>
    @endif

    {{-- Scenario Data Table --}}
    @if($scenario->scenarios && count($scenario->scenarios))
    <div class="card" style="padding:20px;margin-bottom:20px;">
        <div style="font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:14px;">
            {{ $scenario->type === 'optimizer' ? 'Configuration Results' : 'Scenarios' }}
        </div>

        @if($scenario->type === 'what_if')
        <div style="overflow-x:auto;">
            <table style="width:100%;border-collapse:collapse;font-size:12px;">
                <thead>
                    <tr style="border-bottom:1px solid var(--border);">
                        <th style="text-align:left;padding:8px;color:var(--text-muted);font-size:11px;">Scenario</th>
                        <th style="text-align:right;padding:8px;color:var(--text-muted);font-size:11px;">Buildable (sqm)</th>
                        <th style="text-align:right;padding:8px;color:var(--text-muted);font-size:11px;">Floors</th>
                        <th style="text-align:right;padding:8px;color:var(--text-muted);font-size:11px;">Score</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($scenario->scenarios as $sc)
                    <tr style="border-bottom:1px solid rgba(255,255,255,.04);">
                        <td style="padding:8px;font-weight:600;">{{ $sc['label'] ?? 'Scenario' }}</td>
                        <td style="padding:8px;text-align:right;">{{ number_format($sc['result']['max_buildable_area_sqm'] ?? 0) }}</td>
                        <td style="padding:8px;text-align:right;">{{ $sc['result']['max_floors'] ?? '—' }}</td>
                        <td style="padding:8px;text-align:right;">{{ $sc['result']['feasibility_score'] ?? '—' }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @elseif($scenario->type === 'optimizer')
        <div style="display:grid;grid-template-columns:repeat(2,1fr);gap:12px;">
            @foreach($scenario->scenarios as $i => $cfg)
            <div style="background:rgba(255,255,255,.03);border:1px solid {{ $i === 0 ? 'var(--green)' : 'var(--border)' }};border-radius:8px;padding:14px;position:relative;">
                @if($i === 0)
                <div style="position:absolute;top:-8px;right:12px;background:var(--green);color:#000;font-size:9px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;">Best</div>
                @endif
                <div style="font-size:13px;font-weight:600;text-transform:capitalize;margin-bottom:8px;">{{ $cfg['project_type'] ?? '' }}</div>
                <div style="display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:12px;">
                    <div><span style="color:var(--text-muted);">Buildable:</span> {{ number_format($cfg['max_buildable_sqm'] ?? 0) }} sqm</div>
                    <div><span style="color:var(--text-muted);">Floors:</span> {{ $cfg['max_floors'] ?? '—' }}</div>
                    <div><span style="color:var(--text-muted);">Profit:</span> <span style="color:var(--green);font-weight:600;">₹{{ number_format($cfg['profit_inr'] ?? 0) }}</span></div>
                    <div><span style="color:var(--text-muted);">ROI:</span> <span style="color:#f97316;font-weight:600;">{{ $cfg['roi_pct'] ?? 0 }}%</span></div>
                </div>
                @if(!empty($cfg['unit_mix']))
                <div style="margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06);font-size:11px;">
                    @foreach($cfg['unit_mix'] as $u)
                    <div style="display:flex;justify-content:space-between;padding:2px 0;color:var(--text-secondary);">
                        <span>{{ $u['type'] }}</span>
                        <span style="color:var(--text);">{{ $u['count'] }} units</span>
                    </div>
                    @endforeach
                </div>
                @endif
            </div>
            @endforeach
        </div>
        @elseif(in_array($scenario->type, ['tdr', 'premium_fsi']))
        <div style="overflow-x:auto;">
            <table style="width:100%;border-collapse:collapse;font-size:12px;">
                <thead>
                    <tr style="border-bottom:1px solid var(--border);">
                        <th style="text-align:left;padding:8px;color:var(--text-muted);font-size:11px;">{{ $scenario->type === 'tdr' ? 'TDR %' : 'Extra FSI' }}</th>
                        <th style="text-align:right;padding:8px;color:var(--text-muted);font-size:11px;">New FAR</th>
                        <th style="text-align:right;padding:8px;color:var(--text-muted);font-size:11px;">Extra Area</th>
                        <th style="text-align:right;padding:8px;color:var(--text-muted);font-size:11px;">Cost</th>
                        <th style="text-align:right;padding:8px;color:var(--text-muted);font-size:11px;">Net Gain</th>
                        <th style="text-align:center;padding:8px;color:var(--text-muted);font-size:11px;">Viable</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($scenario->scenarios as $tier)
                    <tr style="border-bottom:1px solid rgba(255,255,255,.04);{{ ($tier['is_viable'] ?? false) ? 'background:rgba(34,197,94,.04);' : '' }}">
                        <td style="padding:8px;font-weight:600;">{{ $scenario->type === 'tdr' ? ($tier['tdr_pct'] ?? '').'%' : ($tier['extra_far'] ?? '') }}</td>
                        <td style="padding:8px;text-align:right;">{{ $tier['new_far'] ?? '—' }}</td>
                        <td style="padding:8px;text-align:right;">{{ number_format($tier['additional_area_sqm'] ?? 0) }} sqm</td>
                        <td style="padding:8px;text-align:right;">₹{{ number_format($tier[$scenario->type === 'tdr' ? 'tdr_cost_inr' : 'premium_cost_inr'] ?? 0) }}</td>
                        <td style="padding:8px;text-align:right;font-weight:600;color:{{ ($tier['net_gain_inr'] ?? 0) > 0 ? 'var(--green)' : 'var(--red)' }};">₹{{ number_format($tier['net_gain_inr'] ?? 0) }}</td>
                        <td style="padding:8px;text-align:center;">{{ ($tier['is_viable'] ?? false) ? '✅' : '❌' }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @elseif($scenario->type === 'amalgamation')
        <div style="display:flex;flex-direction:column;gap:10px;">
            @foreach($scenario->scenarios as $plot)
            <div style="background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:6px;padding:12px;display:flex;justify-content:space-between;align-items:center;">
                <div>
                    <div style="font-size:13px;font-weight:600;">{{ $plot['label'] ?? 'Plot' }}</div>
                    <div style="font-size:11px;color:var(--text-muted);">{{ number_format($plot['area_sqm'] ?? 0) }} sqm — Road: {{ $plot['road_width'] ?? '—' }}m</div>
                </div>
                <div style="text-align:right;">
                    <div style="font-size:13px;font-weight:600;color:#60a5fa;">{{ number_format($plot['result']['max_buildable_area_sqm'] ?? 0) }} sqm</div>
                    <div style="font-size:10px;color:var(--text-muted);">buildable</div>
                </div>
            </div>
            @endforeach
        </div>
        @endif
    </div>
    @endif

    {{-- Comparison Table --}}
    @if($scenario->comparison && count($scenario->comparison))
    <div class="card" style="padding:20px;margin-bottom:20px;">
        <div style="font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:14px;">Comparison Summary</div>

        @if($scenario->type === 'amalgamation')
        <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:12px;">
            @php
                $comp = $scenario->comparison;
            @endphp
            <div style="background:rgba(255,255,255,.04);border-radius:6px;padding:12px;text-align:center;">
                <div style="font-size:18px;font-weight:700;color:#60a5fa;">{{ number_format($comp['synergy_sqm'] ?? 0) }}</div>
                <div style="font-size:10px;color:var(--text-muted);">Synergy (sqm)</div>
            </div>
            <div style="background:rgba(255,255,255,.04);border-radius:6px;padding:12px;text-align:center;">
                <div style="font-size:18px;font-weight:700;color:#f97316;">{{ $comp['synergy_pct'] ?? 0 }}%</div>
                <div style="font-size:10px;color:var(--text-muted);">Synergy %</div>
            </div>
            <div style="background:rgba(255,255,255,.04);border-radius:6px;padding:12px;text-align:center;">
                <div style="font-size:18px;font-weight:700;color:{{ ($comp['profit_diff_inr'] ?? 0) > 0 ? 'var(--green)' : 'var(--red)' }};">₹{{ number_format($comp['profit_diff_inr'] ?? 0) }}</div>
                <div style="font-size:10px;color:var(--text-muted);">Profit Diff</div>
            </div>
            <div style="background:rgba(255,255,255,.04);border-radius:6px;padding:12px;text-align:center;">
                <div style="font-size:18px;font-weight:700;color:#a78bfa;">{{ $comp['combined_floors'] ?? '—' }}</div>
                <div style="font-size:10px;color:var(--text-muted);">Combined Floors</div>
            </div>
        </div>
        @else
        <div style="overflow-x:auto;">
            <table style="width:100%;border-collapse:collapse;font-size:12px;">
                @php
                    // Determine how many scenario columns exist from the first comparison row
                    $firstRow = $scenario->comparison[0] ?? [];
                    $scenarioColCount = 0;
                    while (isset($firstRow['scenario_' . $scenarioColCount])) { $scenarioColCount++; }
                @endphp
                <thead>
                    <tr style="border-bottom:1px solid var(--border);">
                        <th style="text-align:left;padding:8px;color:var(--text-muted);font-size:11px;">Metric</th>
                        <th style="text-align:right;padding:8px;color:var(--text-muted);font-size:11px;">Base</th>
                        @for($s = 0; $s < $scenarioColCount; $s++)
                        <th style="text-align:right;padding:8px;color:var(--text-muted);font-size:11px;">Scenario {{ $s + 1 }}</th>
                        @endfor
                    </tr>
                </thead>
                <tbody>
                    @foreach($scenario->comparison as $row)
                    <tr style="border-bottom:1px solid rgba(255,255,255,.04);">
                        <td style="padding:8px;color:var(--text-secondary);">{{ ucwords(str_replace('_', ' ', $row['metric'] ?? '')) }}</td>
                        <td style="padding:8px;text-align:right;font-weight:600;">{{ is_numeric($row['base'] ?? null) ? number_format($row['base']) : ($row['base'] ?? '—') }}</td>
                        @for($j = 0; isset($row['scenario_' . $j]); $j++)
                        <td style="padding:8px;text-align:right;">{{ is_numeric($row['scenario_'.$j]) ? number_format($row['scenario_'.$j]) : $row['scenario_'.$j] }}</td>
                        @endfor
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @endif
    </div>
    @endif

    {{-- Actions --}}
    <div style="display:flex;gap:10px;">
        <a href="{{ route('portal.scenarios', $report->id) }}" class="btn btn-primary" style="font-size:12px;">← Run New Scenario</a>
        <a href="{{ route('portal.report', $report->id) }}" class="btn btn-secondary" style="font-size:12px;">View Report</a>
        <button onclick="window.print()" class="btn btn-secondary" style="font-size:12px;">🖨 Print</button>
    </div>
</div>
</div>{{-- .report-content --}}
</div>{{-- .report-layout --}}
@endsection