@extends('portal.layout')
@section('title', 'Financial Pro Forma')

@section('content')
<div class="report-layout">
    @include('portal.partials.report-sidebar', ['report' => $report])
    <div class="report-content" style="padding:32px 28px;">

        <div style="margin-bottom:28px;">
            <div style="display:inline-flex;align-items:center;gap:6px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);padding:4px 12px;border-radius:20px;font-size:11px;color:#86efac;margin-bottom:14px;letter-spacing:.08em;text-transform:uppercase;">
                <i data-lucide="indian-rupee" style="width:12px;height:12px;"></i> Financial Analysis
            </div>
            <h1 style="font-size:22px;font-weight:700;margin-bottom:6px;">Financial Pro Forma</h1>
            <p style="font-size:13px;color:var(--text-secondary);">Investment pro forma with IRR, NPV, break-even analysis, unit mix and sensitivity matrix.</p>
        </div>

        @if(session('success'))
        <div class="alert alert-success" style="margin-bottom:20px;">{{ session('success') }}</div>
        @endif

        {{-- Generate Form --}}
        <div class="card" style="padding:20px;margin-bottom:24px;">
            <div style="display:flex;align-items:center;gap:8px;margin-bottom:16px;">
                <i data-lucide="calculator" style="width:15px;height:15px;color:var(--text-secondary);"></i>
                <div style="font-size:13px;font-weight:600;">Generate Pro Forma</div>
            </div>
            <form method="POST" action="{{ route('portal.proforma.generate', $report) }}">
                @csrf
                <div style="display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;">
                    <div>
                        <label class="form-label">Construction Cost (₹/sqft)</label>
                        <input type="number" name="construction_cost_per_sqm" class="form-input" placeholder="Auto-detect" step="100">
                    </div>
                    <div>
                        <label class="form-label">Sale Rate (₹/sqft)</label>
                        <input type="number" name="sale_rate_per_sqm" class="form-input" placeholder="Auto-detect" step="100">
                    </div>
                    <div>
                        <label class="form-label">Project Duration (months)</label>
                        <input type="number" name="project_months" class="form-input" placeholder="Auto" min="6" max="120">
                    </div>
                    <button type="submit" class="btn btn-primary" style="height:38px;">
                        <i data-lucide="play" style="width:14px;height:14px;"></i> Generate
                    </button>
                </div>
            </form>
        </div>

        @if($proforma)
        @php
            $summary         = $proforma->summary ?? [];
            $assumptions     = $proforma->assumptions ?? [];
            $totalInvestment = $summary['total_investment'] ?? 0;
            $totalRevenue    = $summary['total_revenue'] ?? 0;
            $grossProfit     = $summary['gross_profit'] ?? 0;
            $irrPct          = $proforma->irr_pct ?? $summary['irr_pct'] ?? 0;
            $npvVal          = $proforma->npv ?? $summary['npv'] ?? 0;
            $breakEven       = $proforma->break_even_months ?? $summary['break_even_month'] ?? null;
            $profitMargin    = $summary['profit_margin_pct'] ?? 0;
            $roiPct          = $summary['roi_pct'] ?? 0;
            $duration        = $summary['project_duration_months'] ?? 0;

            // Build cost breakdown from assumptions
            $costBreakdown = [];
            if (!empty($assumptions['total_land_cost']))         $costBreakdown['Land Cost'] = $assumptions['total_land_cost'];
            if (!empty($assumptions['total_construction_cost'])) $costBreakdown['Construction'] = $assumptions['total_construction_cost'];
            $approvalAmt = ($assumptions['total_construction_cost'] ?? 0) * (($assumptions['approval_cost_pct'] ?? 0) / 100);
            if ($approvalAmt > 0) $costBreakdown['Approvals & Permits'] = $approvalAmt;
            $marketingAmt = ($assumptions['total_construction_cost'] ?? 0) * (($assumptions['marketing_cost_pct'] ?? 0) / 100);
            if ($marketingAmt > 0) $costBreakdown['Marketing'] = $marketingAmt;
            $contingencyAmt = ($assumptions['total_construction_cost'] ?? 0) * (($assumptions['contingency_pct'] ?? 0) / 100);
            if ($contingencyAmt > 0) $costBreakdown['Contingency'] = $contingencyAmt;
        @endphp

        {{-- Key Metrics --}}
        <div style="display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px;">
            @php
                $metrics = [
                    ['Total Investment', '₹ ' . number_format($totalInvestment), '#60a5fa', 'wallet'],
                    ['Total Revenue',    '₹ ' . number_format($totalRevenue),    '#22c55e', 'trending-up'],
                    ['Net Profit',       '₹ ' . number_format($grossProfit),     $grossProfit >= 0 ? '#22c55e' : '#ef4444', 'banknote'],
                    ['IRR',              number_format($irrPct, 1) . '%',         $irrPct >= 18 ? '#22c55e' : ($irrPct >= 10 ? '#eab308' : '#ef4444'), 'percent'],
                    ['Break-even',       $breakEven ? $breakEven . ' months' : '—', '#f97316', 'clock'],
                ];
            @endphp
            @foreach($metrics as [$label, $value, $color, $icon])
            <div class="card" style="padding:16px;text-align:center;">
                <div style="margin-bottom:8px;"><i data-lucide="{{ $icon }}" style="width:18px;height:18px;color:{{ $color }};"></i></div>
                <div style="font-size:11px;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;">{{ $label }}</div>
                <div style="font-size:16px;font-weight:700;color:{{ $color }};">{{ $value }}</div>
            </div>
            @endforeach
        </div>

        {{-- Investment Analysis --}}
        <div class="card" style="padding:20px;margin-bottom:24px;">
            <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;">
                <div style="display:flex;align-items:center;gap:8px;">
                    <i data-lucide="bar-chart-3" style="width:15px;height:15px;color:var(--text-secondary);"></i>
                    <div style="font-size:14px;font-weight:600;">Investment Analysis</div>
                </div>
                <span class="badge badge-{{ $irrPct >= 18 ? 'green' : ($irrPct >= 10 ? 'yellow' : 'red') }}">
                    {{ $proforma->profitability_label ?? 'Unknown' }}
                </span>
            </div>

            {{-- NPV + Profit Margin + ROI + Duration --}}
            <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;">
                <div style="padding:14px;background:var(--bg);border-radius:8px;">
                    <div style="font-size:10px;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px;">Net Present Value</div>
                    <div style="font-size:17px;font-weight:700;color:{{ $npvVal >= 0 ? '#22c55e' : '#ef4444' }};">₹ {{ number_format($npvVal) }}</div>
                </div>
                <div style="padding:14px;background:var(--bg);border-radius:8px;">
                    <div style="font-size:10px;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px;">Profit Margin</div>
                    <div style="font-size:17px;font-weight:700;">{{ number_format($profitMargin, 1) }}%</div>
                </div>
                <div style="padding:14px;background:var(--bg);border-radius:8px;">
                    <div style="font-size:10px;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px;">Return on Investment</div>
                    <div style="font-size:17px;font-weight:700;color:{{ $roiPct >= 20 ? '#22c55e' : ($roiPct >= 10 ? '#eab308' : '#ef4444') }};">{{ number_format($roiPct, 1) }}%</div>
                </div>
                <div style="padding:14px;background:var(--bg);border-radius:8px;">
                    <div style="font-size:10px;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px;">Project Duration</div>
                    <div style="font-size:17px;font-weight:700;">{{ $duration }} <span style="font-size:12px;font-weight:400;color:var(--text-secondary);">months</span></div>
                </div>
            </div>

            {{-- Cost Breakdown --}}
            @if(count($costBreakdown) > 0)
            <div style="font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase;">Cost Breakdown</div>
            <div style="display:grid;grid-template-columns:repeat({{ min(count($costBreakdown), 5) }},1fr);gap:10px;margin-bottom:20px;">
                @foreach($costBreakdown as $category => $amount)
                <div style="padding:12px;background:var(--bg);border-radius:8px;">
                    <div style="font-size:10px;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;">{{ $category }}</div>
                    <div style="font-size:14px;font-weight:600;">₹ {{ number_format($amount) }}</div>
                    @if($totalInvestment > 0)
                    <div style="margin-top:6px;height:3px;background:var(--border);border-radius:2px;overflow:hidden;">
                        <div style="height:100%;background:#60a5fa;border-radius:2px;width:{{ min(100, round($amount / $totalInvestment * 100)) }}%;"></div>
                    </div>
                    <div style="font-size:9px;color:var(--text-muted);margin-top:2px;">{{ number_format($amount / $totalInvestment * 100, 1) }}%</div>
                    @endif
                </div>
                @endforeach
            </div>
            @endif

            {{-- Key Assumptions --}}
            <div style="font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase;">Key Assumptions</div>
            <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:8px;">
                @php
                    $assumptionDisplay = [
                        'Plot Area'          => number_format($assumptions['plot_area_sqm'] ?? 0) . ' sqm',
                        'Buildable Area'     => number_format($assumptions['buildable_area_sqm'] ?? 0) . ' sqm',
                        'Saleable Area'      => number_format($assumptions['saleable_area_sqm'] ?? 0) . ' sqm',
                        'Construction ₹/sqft'=> '₹ ' . number_format($assumptions['construction_cost_per_sqft'] ?? 0),
                        'Sale Rate ₹/sqft'   => '₹ ' . number_format($assumptions['sale_rate_per_sqft'] ?? 0),
                        'Max Floors'         => $assumptions['max_floors'] ?? '—',
                        'Construction'       => ($assumptions['construction_months'] ?? 0) . ' months',
                        'Absorption'         => ($assumptions['absorption_months'] ?? 0) . ' months',
                    ];
                @endphp
                @foreach($assumptionDisplay as $aLabel => $aValue)
                <div style="padding:8px 10px;background:var(--bg);border-radius:6px;">
                    <div style="font-size:9px;color:var(--text-muted);text-transform:uppercase;">{{ $aLabel }}</div>
                    <div style="font-size:12px;font-weight:600;">{{ $aValue }}</div>
                </div>
                @endforeach
            </div>
        </div>

        {{-- Unit Mix --}}
        @if(!empty($proforma->unit_mix))
        <div class="card" style="padding:20px;margin-bottom:24px;">
            <div style="display:flex;align-items:center;gap:8px;margin-bottom:16px;">
                <i data-lucide="building" style="width:15px;height:15px;color:var(--text-secondary);"></i>
                <div style="font-size:14px;font-weight:600;">Unit Mix &amp; Pricing</div>
            </div>
            <div style="overflow-x:auto;">
                <table style="width:100%;border-collapse:collapse;font-size:13px;">
                    <thead>
                        <tr style="border-bottom:1px solid var(--border);">
                            <th style="text-align:left;padding:10px 12px;font-size:10px;color:var(--text-muted);text-transform:uppercase;font-weight:600;">Unit Type</th>
                            <th style="text-align:right;padding:10px 12px;font-size:10px;color:var(--text-muted);text-transform:uppercase;font-weight:600;">Size (sqft)</th>
                            <th style="text-align:right;padding:10px 12px;font-size:10px;color:var(--text-muted);text-transform:uppercase;font-weight:600;">Qty</th>
                            <th style="text-align:right;padding:10px 12px;font-size:10px;color:var(--text-muted);text-transform:uppercase;font-weight:600;">Rate ₹/sqft</th>
                            <th style="text-align:right;padding:10px 12px;font-size:10px;color:var(--text-muted);text-transform:uppercase;font-weight:600;">Unit Price</th>
                            <th style="text-align:right;padding:10px 12px;font-size:10px;color:var(--text-muted);text-transform:uppercase;font-weight:600;">Total Revenue</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php $totalUnitRevenue = 0; @endphp
                        @foreach($proforma->unit_mix as $unit)
                        @php $totalUnitRevenue += $unit['total'] ?? 0; @endphp
                        <tr style="border-bottom:1px solid var(--border);">
                            <td style="padding:10px 12px;font-weight:600;">{{ $unit['type'] ?? '—' }}</td>
                            <td style="padding:10px 12px;text-align:right;">{{ number_format($unit['size_sqft'] ?? 0) }}</td>
                            <td style="padding:10px 12px;text-align:right;">{{ $unit['count'] ?? 0 }}</td>
                            <td style="padding:10px 12px;text-align:right;">₹ {{ number_format($unit['rate_sqft'] ?? 0) }}</td>
                            <td style="padding:10px 12px;text-align:right;">₹ {{ number_format(($unit['size_sqft'] ?? 0) * ($unit['rate_sqft'] ?? 0)) }}</td>
                            <td style="padding:10px 12px;text-align:right;font-weight:600;color:#22c55e;">₹ {{ number_format($unit['total'] ?? 0) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr style="background:var(--bg);">
                            <td style="padding:10px 12px;font-weight:700;" colspan="2">Total</td>
                            <td style="padding:10px 12px;text-align:right;font-weight:700;">{{ array_sum(array_column($proforma->unit_mix, 'count')) }}</td>
                            <td style="padding:10px 12px;"></td>
                            <td style="padding:10px 12px;"></td>
                            <td style="padding:10px 12px;text-align:right;font-weight:700;color:#22c55e;">₹ {{ number_format($totalUnitRevenue) }}</td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
        @endif

        {{-- Sensitivity Analysis --}}
        @if(!empty($proforma->sensitivity))
        <div class="card" style="padding:20px;">
            <div style="display:flex;align-items:center;gap:8px;margin-bottom:16px;">
                <i data-lucide="sliders-horizontal" style="width:15px;height:15px;color:var(--text-secondary);"></i>
                <div style="font-size:14px;font-weight:600;">Sensitivity Analysis</div>
            </div>
            @php
                $dimLabels = [
                    'construction_cost' => ['label' => 'Construction Cost Variation', 'icon' => 'hard-hat', 'color' => '#f97316'],
                    'sale_rate'         => ['label' => 'Sale Rate Variation',         'icon' => 'trending-up', 'color' => '#22c55e'],
                    'absorption_period' => ['label' => 'Absorption Period Variation',  'icon' => 'clock',      'color' => '#60a5fa'],
                ];
            @endphp
            @foreach($proforma->sensitivity as $dimension => $scenarios)
            @php $dimInfo = $dimLabels[$dimension] ?? ['label' => ucwords(str_replace('_', ' ', $dimension)), 'icon' => 'activity', 'color' => '#a78bfa']; @endphp
            <div style="margin-bottom:20px;">
                <div style="display:flex;align-items:center;gap:6px;margin-bottom:10px;">
                    <i data-lucide="{{ $dimInfo['icon'] }}" style="width:13px;height:13px;color:{{ $dimInfo['color'] }};"></i>
                    <div style="font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;">{{ $dimInfo['label'] }}</div>
                </div>
                <div style="display:grid;grid-template-columns:repeat({{ count($scenarios) }},1fr);gap:8px;">
                    @foreach($scenarios as $scenario)
                    @php
                        $changePct = $scenario['change_pct'] ?? 0;
                        $scenarioIrr = $scenario['irr_pct'] ?? 0;
                        $scenarioNpv = $scenario['npv'] ?? 0;
                        $isBase = $changePct === 0;
                        $changeLabel = $changePct === 0 ? 'Base' : ($changePct > 0 ? '+' . $changePct . '%' : $changePct . '%');
                    @endphp
                    <div style="padding:12px 8px;background:{{ $isBase ? 'rgba(37,99,235,.08)' : 'var(--bg)' }};border:1px solid {{ $isBase ? 'rgba(37,99,235,.25)' : 'transparent' }};border-radius:8px;text-align:center;">
                        <div style="font-size:11px;font-weight:600;color:{{ $isBase ? '#60a5fa' : 'var(--text-secondary)' }};margin-bottom:6px;">{{ $changeLabel }}</div>
                        <div style="font-size:15px;font-weight:700;color:{{ $scenarioIrr >= 18 ? '#22c55e' : ($scenarioIrr >= 10 ? '#eab308' : '#ef4444') }};margin-bottom:2px;">{{ number_format($scenarioIrr, 1) }}%</div>
                        <div style="font-size:9px;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px;">IRR</div>
                        <div style="font-size:10px;color:{{ $scenarioNpv >= 0 ? 'var(--text-secondary)' : '#ef4444' }};">NPV: ₹ {{ number_format($scenarioNpv / 100000, 1) }}L</div>
                    </div>
                    @endforeach
                </div>
            </div>
            @endforeach
        </div>
        @endif

        @else
        <div class="card" style="padding:40px;text-align:center;">
            <i data-lucide="calculator" style="width:36px;height:36px;color:var(--text-muted);margin-bottom:12px;"></i>
            <div style="font-size:15px;font-weight:600;margin-bottom:6px;">No Pro Forma Yet</div>
            <div style="font-size:13px;color:var(--text-secondary);">Click "Generate" above to create a detailed financial analysis.</div>
        </div>
        @endif
    </div>
</div>
@endsection