@extends('portal.layout')
@section('title', 'Legal Risk Assessment')

@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(239,68,68,.12);border:1px solid rgba(239,68,68,.25);padding:4px 12px;border-radius:20px;font-size:11px;color:#fca5a5;margin-bottom:14px;letter-spacing:.08em;text-transform:uppercase;">
                <i data-lucide="shield" style="width:12px;height:12px;"></i> Legal Risk
            </div>
            <h1 style="font-size:22px;font-weight:700;margin-bottom:6px;">Legal Risk Assessment</h1>
            <p style="font-size:13px;color:var(--text-secondary);">AI-powered analysis of legal risks covering land records, title chain, encumbrances, and regulatory compliance.</p>
        </div>

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

        <form method="POST" action="{{ route('portal.legal-risk.assess', $report) }}" style="margin-bottom:24px;">
            @csrf
            <button type="submit" class="btn btn-primary">
                <i data-lucide="shield-alert" style="width:14px;height:14px;"></i> Run Legal Risk Assessment
            </button>
        </form>

        @if($assessment)
        {{-- Overall Score --}}
        @php $color = $assessment->risk_color; @endphp
        <div class="card" style="padding:24px;margin-bottom:24px;border-color:{{ $color }}40;">
            <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;">
                <div>
                    <div style="font-size:12px;color:var(--text-muted);text-transform:uppercase;">Overall Risk Score</div>
                    <div style="font-size:36px;font-weight:800;color:{{ $color }};">{{ number_format($assessment->overall_score, 1) }} <span style="font-size:16px;font-weight:400;">/ 100</span></div>
                </div>
                <span class="badge" style="background:{{ $color }}20;color:{{ $color }};font-size:13px;padding:6px 16px;">
                    {{ ucfirst($assessment->risk_level) }} Risk
                </span>
            </div>

            {{-- Category Breakdown --}}
            <div style="font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;">Category Scores</div>
            @if($assessment->category_scores && is_array($assessment->category_scores))
            <div style="display:grid;gap:8px;">
                @foreach($assessment->category_scores as $cat)
                @php
                    $catColor = ($cat['score'] ?? 0) >= 70 ? '#22c55e' : (($cat['score'] ?? 0) >= 40 ? '#eab308' : '#ef4444');
                    $pct = min(($cat['score'] ?? 0), 100);
                @endphp
                <div style="padding:10px 12px;background:var(--bg);border-radius:6px;">
                    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;">
                        <span style="font-size:12px;font-weight:600;">{{ $cat['category'] ?? '' }}</span>
                        <span style="font-size:12px;font-weight:700;color:{{ $catColor }};">{{ number_format($cat['score'] ?? 0, 1) }}</span>
                    </div>
                    <div style="height:4px;background:var(--border);border-radius:2px;">
                        <div style="height:100%;width:{{ $pct }}%;background:{{ $catColor }};border-radius:2px;"></div>
                    </div>
                    @if(!empty($cat['issues']))
                    <div style="margin-top:6px;">
                        @foreach((array)$cat['issues'] as $issue)
                        <div style="font-size:11px;color:var(--text-secondary);padding-left:10px;border-left:2px solid {{ $catColor }}40;margin-top:3px;">{{ $issue }}</div>
                        @endforeach
                    </div>
                    @endif
                </div>
                @endforeach
            </div>
            @endif
        </div>

        {{-- AI Summary & Recommendations --}}
        @if($assessment->ai_summary)
        <div class="card" style="padding:20px;margin-bottom:16px;">
            <div style="font-size:14px;font-weight:600;margin-bottom:10px;">AI Legal Summary</div>
            <div style="font-size:13px;color:var(--text-secondary);line-height:1.7;white-space:pre-line;">{{ $assessment->ai_summary }}</div>
        </div>
        @endif

        @if($assessment->recommendations && is_array($assessment->recommendations))
        <div class="card" style="padding:20px;">
            <div style="font-size:14px;font-weight:600;margin-bottom:12px;">Recommendations</div>
            @foreach($assessment->recommendations as $rec)
            <div style="display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);">
                <i data-lucide="check-circle-2" style="width:14px;height:14px;color:#22c55e;flex-shrink:0;margin-top:2px;"></i>
                <span style="font-size:13px;color:var(--text-secondary);">{{ $rec }}</span>
            </div>
            @endforeach
        </div>
        @endif

        @else
        <div class="card" style="padding:40px;text-align:center;">
            <i data-lucide="shield" 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 Assessment Yet</div>
            <div style="font-size:13px;color:var(--text-secondary);">Click "Run Legal Risk Assessment" to analyze potential legal issues.</div>
        </div>
        @endif
    </div>
</div>
@endsection