@extends('admin.layouts.app')

@section('title', 'AI Intelligence')

@section('breadcrumb')
<span>AI Intelligence</span>
@endsection

@section('content')
<div style="padding: 24px;">

    @include('admin.ai._tabs')

    {{-- Header --}}
    <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:24px;">
        <div>
            <h1 style="font-size:20px; font-weight:600; color:var(--vsc-text-active); margin-bottom:4px;">AI Intelligence Hub</h1>
            <p style="font-size:13px; color:var(--vsc-text-secondary);">RAG pipeline, conflict detection, market intelligence, and AI suggestions</p>
        </div>
    </div>

    {{-- Stats Cards --}}
    <div style="display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:16px; margin-bottom:24px;">

        {{-- RAG Embeddings --}}
        <div class="stat-card">
            <div class="stat-icon" style="background:rgba(37,99,235,.15); color:#60a5fa;">
                <i data-lucide="database" style="width:20px;height:20px;"></i>
            </div>
            <div>
                <div class="stat-value">{{ number_format($ragStats['total'] ?? 0) }}</div>
                <div class="stat-label">RAG Embeddings</div>
            </div>
        </div>

        {{-- Pending Conflicts --}}
        <div class="stat-card">
            <div class="stat-icon" style="background:rgba(239,68,68,.15); color:#f87171;">
                <i data-lucide="alert-triangle" style="width:20px;height:20px;"></i>
            </div>
            <div>
                <div class="stat-value">{{ $conflictStats['pending'] }}</div>
                <div class="stat-label">Pending Conflicts</div>
                @if($conflictStats['high'] > 0)
                    <span class="badge badge-danger" style="font-size:10px;">{{ $conflictStats['high'] }} high severity</span>
                @endif
            </div>
        </div>

        {{-- Total Reports Analyzed --}}
        <div class="stat-card">
            <div class="stat-icon" style="background:rgba(34,197,94,.15); color:#4ade80;">
                <i data-lucide="trending-up" style="width:20px;height:20px;"></i>
            </div>
            <div>
                <div class="stat-value">{{ number_format($marketStats['total_reports'] ?? 0) }}</div>
                <div class="stat-label">Reports Analyzed</div>
            </div>
        </div>

        {{-- Average Score --}}
        <div class="stat-card">
            <div class="stat-icon" style="background:rgba(234,179,8,.15); color:#fbbf24;">
                <i data-lucide="bar-chart-3" style="width:20px;height:20px;"></i>
            </div>
            <div>
                <div class="stat-value">{{ $marketStats['avg_score'] ?? 0 }}%</div>
                <div class="stat-label">Avg. Feasibility Score</div>
            </div>
        </div>

    </div>

    {{-- Quick Actions Grid --}}
    <div style="display:grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap:16px;">

        {{-- RAG Index --}}
        <div class="data-card">
            <div class="data-card-header">
                <h3><i data-lucide="database" style="width:16px;height:16px;"></i> RAG Index</h3>
                <a href="{{ route('admin.ai.rag') }}" class="btn btn-sm btn-outline">Manage</a>
            </div>
            <div class="data-card-body">
                <p style="font-size:13px; color:var(--vsc-text-secondary); margin-bottom:12px;">
                    Vector store for natural language regulation queries.
                </p>
                <div style="display:flex; gap:16px; font-size:12px;">
                    @foreach(($ragStats['by_source'] ?? []) as $source => $count)
                        <div>
                            <span style="color:var(--vsc-text-tertiary);">{{ ucfirst(str_replace('_', ' ', $source)) }}:</span>
                            <strong style="color:var(--vsc-text-active);">{{ number_format($count) }}</strong>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>

        {{-- Conflicts --}}
        <div class="data-card">
            <div class="data-card-header">
                <h3><i data-lucide="alert-triangle" style="width:16px;height:16px;"></i> Conflicts</h3>
                <a href="{{ route('admin.ai.conflicts') }}" class="btn btn-sm btn-outline">View All</a>
            </div>
            <div class="data-card-body">
                <p style="font-size:13px; color:var(--vsc-text-secondary); margin-bottom:12px;">
                    AI-detected regulation conflicts and contradictions.
                </p>
                <div style="display:flex; gap:16px; font-size:12px;">
                    <div>
                        <span style="color:var(--vsc-text-tertiary);">Total:</span>
                        <strong style="color:var(--vsc-text-active);">{{ $conflictStats['total'] }}</strong>
                    </div>
                    <div>
                        <span style="color:var(--vsc-text-tertiary);">Pending:</span>
                        <strong style="color:#fbbf24;">{{ $conflictStats['pending'] }}</strong>
                    </div>
                </div>
            </div>
        </div>

        {{-- Market Intelligence --}}
        <div class="data-card">
            <div class="data-card-header">
                <h3><i data-lucide="bar-chart-3" style="width:16px;height:16px;"></i> Market Intelligence</h3>
                <a href="{{ route('admin.ai.market') }}" class="btn btn-sm btn-outline">Analyze</a>
            </div>
            <div class="data-card-body">
                <p style="font-size:13px; color:var(--vsc-text-secondary); margin-bottom:12px;">
                    Trend analysis across feasibility reports.
                </p>
                <div style="display:flex; gap:16px; font-size:12px;">
                    @foreach(($marketStats['by_project_type'] ?? []) as $type => $count)
                        <div>
                            <span style="color:var(--vsc-text-tertiary);">{{ ucfirst($type) }}:</span>
                            <strong style="color:var(--vsc-text-active);">{{ $count }}</strong>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>

        {{-- AI Chatbot --}}
        <div class="data-card">
            <div class="data-card-header">
                <h3><i data-lucide="message-square" style="width:16px;height:16px;"></i> AI Chatbot</h3>
                <a href="{{ route('portal.chatbot') }}" class="btn btn-sm btn-outline" target="_blank">Open</a>
            </div>
            <div class="data-card-body">
                <p style="font-size:13px; color:var(--vsc-text-secondary); margin-bottom:12px;">
                    Conversational regulation assistant powered by RAG.
                </p>
                <div style="font-size:12px;">
                    <span style="color:var(--vsc-text-tertiary);">Status:</span>
                    @if(\App\Services\AiProviderService::isEnabled())
                        <span class="badge badge-success" style="font-size:10px;">Active</span>
                    @else
                        <span class="badge badge-warning" style="font-size:10px;">AI Not Enabled</span>
                    @endif
                </div>
            </div>
        </div>

    </div>

</div>
@endsection