@extends('portal.layout')
@section('title', 'Location Comparison')

@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(6,182,212,.12);border:1px solid rgba(6,182,212,.25);padding:4px 12px;border-radius:20px;font-size:11px;color:#67e8f9;margin-bottom:14px;letter-spacing:.08em;text-transform:uppercase;">
                <i data-lucide="git-compare" style="width:12px;height:12px;"></i> Location Intelligence
            </div>
            <h1 style="font-size:22px;font-weight:700;margin-bottom:6px;">Multi-Location Comparison</h1>
            <p style="font-size:13px;color:var(--text-secondary);">Compare up to 5 feasibility reports side-by-side across 20+ parameters with AI-powered analysis.</p>
        </div>

        @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        {{-- Compare Form --}}
        <div class="card" style="padding:20px;margin-bottom:24px;">
            <div style="font-size:13px;font-weight:600;margin-bottom:12px;">Select Reports to Compare</div>
            <form method="POST" action="{{ route('portal.location-compare.submit', $report) }}">
                @csrf
                <div style="margin-bottom:12px;font-size:12px;color:var(--text-secondary);">
                    Current report is automatically included. Add 1–4 more report IDs.
                </div>
                <div style="display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;">
                    <input type="hidden" name="report_ids[]" value="{{ $report->id }}">
                    @for($i = 0; $i < 4; $i++)
                    <input type="number" name="report_ids[]" class="form-input" style="width:120px;" placeholder="Report ID" min="1">
                    @endfor
                </div>
                <button type="submit" class="btn btn-primary">
                    <i data-lucide="bar-chart-3" style="width:14px;height:14px;"></i> Compare
                </button>
            </form>
        </div>

        {{-- Comparison Results --}}
        @if($comparisons->count())
        @foreach($comparisons as $comp)
        <div class="card" style="padding:20px;margin-bottom:16px;">
            <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;">
                <div>
                    <div style="font-size:14px;font-weight:600;">Comparison #{{ $comp->id }}</div>
                    <div style="font-size:11px;color:var(--text-secondary);">{{ $comp->created_at->format('M j, Y H:i') }} &middot; {{ count($comp->locations ?? []) }} locations</div>
                </div>
            </div>

            {{-- Location Headers --}}
            @if($comp->locations && is_array($comp->locations))
            <div style="overflow-x:auto;">
                <table style="width:100%;border-collapse:collapse;font-size:12px;">
                    <thead>
                        <tr>
                            <th style="text-align:left;padding:8px;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px;text-transform:uppercase;">Parameter</th>
                            @foreach($comp->locations as $loc)
                            <th style="text-align:center;padding:8px;border-bottom:1px solid var(--border);color:var(--text-secondary);font-weight:600;">
                                {{ Str::limit($loc['address'] ?? "Report #{$loc['report_id']}", 25) }}
                            </th>
                            @endforeach
                        </tr>
                    </thead>
                    <tbody>
                        @if($comp->parameters && is_array($comp->parameters))
                        @php
                            $paramLabels = [
                                'zone_type' => 'Zone Type',
                                'max_far' => 'Max FAR / FSI',
                                'max_height_m' => 'Max Height (m)',
                                'ground_coverage_pct' => 'Ground Coverage %',
                                'connectivity_score' => 'Connectivity Score',
                                'amenity_score' => 'Amenity Score',
                                'metro_proximity' => 'Metro Proximity',
                                'hospital_proximity' => 'Hospital Proximity',
                                'school_proximity' => 'School Proximity',
                                'highway_proximity' => 'Highway Proximity',
                                'airport_proximity' => 'Airport Proximity',
                                'avg_feasibility_score' => 'Avg Feasibility',
                                'avg_sale_rate' => 'Avg Sale Rate (₹/sqft)',
                                'report_density' => 'Nearby Reports',
                                'flood_risk' => 'Flood Risk',
                                'development_potential' => 'Development Potential',
                                'investment_score' => 'Investment Score',
                            ];
                            $higherIsBetter = ['max_far','max_height_m','ground_coverage_pct','connectivity_score','amenity_score',
                                'metro_proximity','hospital_proximity','school_proximity','highway_proximity','airport_proximity',
                                'avg_feasibility_score','avg_sale_rate','report_density','development_potential','investment_score'];
                            $locCount = count($comp->locations ?? []);
                        @endphp
                        @foreach($paramLabels as $key => $label)
                        @php
                            $values = [];
                            for ($li = 0; $li < $locCount; $li++) {
                                $values[] = $comp->parameters[$li][$key] ?? null;
                            }
                            $bestIdx = -1;
                            if (in_array($key, $higherIsBetter)) {
                                $numericVals = array_map(fn($v) => is_numeric($v) ? (float)$v : -1, $values);
                                $bestIdx = array_keys($numericVals, max($numericVals))[0] ?? -1;
                            }
                        @endphp
                        <tr>
                            <td style="padding:6px 8px;border-bottom:1px solid var(--border);color:var(--text-secondary);font-weight:500;">{{ $label }}</td>
                            @foreach($values as $vi => $val)
                            @php $isBest = $bestIdx === $vi && $bestIdx >= 0; @endphp
                            <td style="text-align:center;padding:6px 8px;border-bottom:1px solid var(--border);{{ $isBest ? 'color:#22c55e;font-weight:700;' : 'color:var(--text);' }}">
                                {{ is_numeric($val) ? number_format($val, 2) : ($val ?? '—') }}
                                @if($isBest) ★ @endif
                            </td>
                            @endforeach
                        </tr>
                        @endforeach
                        @endif
                    </tbody>
                </table>
            </div>
            @endif

            {{-- AI Analysis --}}
            @if($comp->ai_analysis && is_array($comp->ai_analysis))
            <div style="margin-top:16px;padding:12px;background:var(--bg);border-radius:6px;">
                <div style="font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">
                    <i data-lucide="sparkles" style="width:12px;height:12px;display:inline;"></i> AI Recommendation
                </div>
                @if(!empty($comp->ai_analysis['recommendation']))
                <div style="font-size:13px;color:var(--text);line-height:1.7;margin-bottom:10px;">{{ $comp->ai_analysis['recommendation'] }}</div>
                @endif

                @if(!empty($comp->ai_analysis['overall_ranking']) && is_array($comp->ai_analysis['overall_ranking']))
                <div style="font-size:12px;font-weight:600;color:var(--text-secondary);margin:10px 0 6px;">Overall Ranking</div>
                <div style="display:flex;flex-wrap:wrap;gap:8px;">
                    @foreach($comp->ai_analysis['overall_ranking'] as $ri => $rank)
                    <div style="display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--card-bg);border:1px solid var(--border);border-radius:6px;">
                        <span style="font-size:16px;font-weight:700;color:{{ $ri === 0 ? '#22c55e' : 'var(--text-muted)' }};">#{{ $ri + 1 }}</span>
                        <span style="font-size:12px;color:var(--text);">{{ $rank['address'] ?? 'Location' }}</span>
                        @if(isset($rank['score']))
                        <span style="font-size:11px;color:var(--text-muted);">({{ $rank['score'] }})</span>
                        @endif
                    </div>
                    @endforeach
                </div>
                @endif

                @if(!empty($comp->ai_analysis['comparative_advantages']) && is_array($comp->ai_analysis['comparative_advantages']))
                <div style="font-size:12px;font-weight:600;color:var(--text-secondary);margin:10px 0 6px;">Comparative Advantages</div>
                <ul style="font-size:12px;color:var(--text);line-height:1.8;padding-left:18px;margin:0;">
                    @foreach($comp->ai_analysis['comparative_advantages'] as $adv)
                    <li>{{ is_array($adv) ? ($adv['location'] ?? '').': '.($adv['advantage'] ?? json_encode($adv)) : $adv }}</li>
                    @endforeach
                </ul>
                @endif

                @if(!empty($comp->ai_analysis['risks']) && is_array($comp->ai_analysis['risks']))
                <div style="font-size:12px;font-weight:600;color:var(--text-secondary);margin:10px 0 6px;">Risks</div>
                <ul style="font-size:12px;color:#f87171;line-height:1.8;padding-left:18px;margin:0;">
                    @foreach($comp->ai_analysis['risks'] as $risk)
                    <li>{{ is_array($risk) ? ($risk['location'] ?? '').': '.($risk['risk'] ?? json_encode($risk)) : $risk }}</li>
                    @endforeach
                </ul>
                @endif
            </div>
            @endif
        </div>
        @endforeach
        @else
        <div class="card" style="padding:40px;text-align:center;">
            <i data-lucide="git-compare" 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 Comparisons Yet</div>
            <div style="font-size:13px;color:var(--text-secondary);">Enter report IDs above to compare multiple locations.</div>
        </div>
        @endif
    </div>
</div>
@endsection