@extends('layouts.app')

@section('title', 'Smart Lead Scoring Settings — LeadPilot')

@section('content')
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8 space-y-8">
    {{-- Header --}}
    <div>
        <h1 class="text-2xl font-bold text-slate-900">Smart Lead Scoring & Triage</h1>
        <p class="mt-1 text-sm text-slate-500">Configure automated inquiry assessment, intent qualification, and priority scoring.</p>
    </div>

    {{-- Flash Messages --}}
    @if(session('success'))
        <div class="bg-emerald-50 border border-emerald-200 text-emerald-800 rounded-xl p-4 text-sm font-medium flex items-center gap-3">
            <svg class="w-5 h-5 text-emerald-600 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>
            {{ session('success') }}
        </div>
    @endif

    {{-- Usage Summary Card --}}
    <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
        <div class="bg-white rounded-xl border border-slate-200 p-5 shadow-xs">
            <span class="text-xs font-semibold text-slate-400 uppercase tracking-wider block">Inquiries Evaluated</span>
            <span class="text-2xl font-bold text-slate-900 mt-1 block">{{ number_format($usageSummary['total_requests']) }}</span>
            <span class="text-xs text-slate-400 mt-0.5 block">Lifetime workspace requests</span>
        </div>
        <div class="bg-white rounded-xl border border-slate-200 p-5 shadow-xs">
            <span class="text-xs font-semibold text-slate-400 uppercase tracking-wider block">Total Tokens Processed</span>
            <span class="text-2xl font-bold text-indigo-600 mt-1 block">{{ number_format($usageSummary['total_tokens']) }}</span>
            <span class="text-xs text-slate-400 mt-0.5 block">Prompt & completion tokens</span>
        </div>
        <div class="bg-white rounded-xl border border-slate-200 p-5 shadow-xs">
            <span class="text-xs font-semibold text-slate-400 uppercase tracking-wider block">Estimated Service Cost</span>
            <span class="text-2xl font-bold text-emerald-600 mt-1 block">${{ number_format($usageSummary['estimated_cost'], 4) }}</span>
            <span class="text-xs text-slate-400 mt-0.5 block">Estimated USD expenditure</span>
        </div>
    </div>

    {{-- Settings Form --}}
    <form action="{{ route('settings.ai.update') }}" method="POST" class="bg-white rounded-xl border border-slate-200 shadow-xs p-6 space-y-6">
        @csrf
        @method('PUT')

        {{-- Enable AI Toggle --}}
        <div class="flex items-center justify-between pb-6 border-b border-slate-100">
            <div>
                <label for="ai_enabled" class="text-sm font-bold text-slate-900 block">Automatic Lead Scoring</label>
                <p class="text-xs text-slate-500 mt-0.5">Automatically assess inquiry urgency, intent, and fit for this workspace.</p>
            </div>
            <select name="ai_enabled" id="ai_enabled" class="rounded-lg border border-slate-300 text-xs px-3 py-1.5 bg-white text-slate-800 focus:ring-2 focus:ring-blue-500">
                <option value="1" {{ ($workspace->ai_enabled ?? true) ? 'selected' : '' }}>Enabled</option>
                <option value="0" {{ !($workspace->ai_enabled ?? true) ? 'selected' : '' }}>Disabled</option>
            </select>
        </div>

        {{-- Auto-Qualify Toggle --}}
        <div class="flex items-center justify-between pb-6 border-b border-slate-100">
            <div>
                <label for="ai_auto_qualify" class="text-sm font-bold text-slate-900 block">Assess Inquiries Immediately Upon Arrival</label>
                <p class="text-xs text-slate-500 mt-0.5">Score leads instantly when submitted via website forms, webhooks, or API.</p>
            </div>
            <select name="ai_auto_qualify" id="ai_auto_qualify" class="rounded-lg border border-slate-300 text-xs px-3 py-1.5 bg-white text-slate-800 focus:ring-2 focus:ring-blue-500">
                <option value="1" {{ ($workspace->ai_auto_qualify ?? true) ? 'selected' : '' }}>Automatic</option>
                <option value="0" {{ !($workspace->ai_auto_qualify ?? true) ? 'selected' : '' }}>Manual Only</option>
            </select>
        </div>

        {{-- Provider & Model Selection --}}
        <div class="grid grid-cols-1 sm:grid-cols-2 gap-6 pb-6 border-b border-slate-100">
            <div>
                <label for="ai_provider" class="block text-xs font-bold text-slate-700 uppercase tracking-wider mb-1">Scoring Engine</label>
                <select name="ai_provider" id="ai_provider" class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm text-slate-800 focus:ring-2 focus:ring-blue-500 bg-white">
                    <option value="openai" {{ ($workspace->ai_provider ?? 'openai') === 'openai' ? 'selected' : '' }}>Cloud Intelligence (OpenAI)</option>
                    <option value="mock" {{ ($workspace->ai_provider ?? '') === 'mock' ? 'selected' : '' }}>Local Rule-Based Engine (Deterministic)</option>
                </select>
            </div>
            <div>
                <label for="ai_model" class="block text-xs font-bold text-slate-700 uppercase tracking-wider mb-1">Model / Mode</label>
                <select name="ai_model" id="ai_model" class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm text-slate-800 focus:ring-2 focus:ring-blue-500 bg-white">
                    <option value="gpt-4o-mini" {{ ($workspace->ai_model ?? 'gpt-4o-mini') === 'gpt-4o-mini' ? 'selected' : '' }}>Standard (Fast & Cost-Efficient)</option>
                    <option value="gpt-4o" {{ ($workspace->ai_model ?? '') === 'gpt-4o' ? 'selected' : '' }}>Advanced (Deep Context Analysis)</option>
                    <option value="mock-v1" {{ ($workspace->ai_model ?? '') === 'mock-v1' ? 'selected' : '' }}>Local Fallback (Rule-Based)</option>
                </select>
            </div>
        </div>

        {{-- Privacy & Security Disclosure --}}
        <div class="p-4 bg-slate-50 rounded-lg text-xs text-slate-500 leading-relaxed">
            <strong class="text-slate-700">Privacy & Security:</strong> Lead messages are strictly evaluated for sales triage against predefined qualification rules. No internal system keys or cross-workspace data are ever shared.
        </div>

        <div class="flex justify-end">
            <button type="submit" class="px-5 py-2.5 bg-blue-600 hover:bg-blue-700 text-white font-medium text-sm rounded-lg shadow-xs transition">
                Save Scoring Settings
            </button>
        </div>
    </form>
</div>
@endsection