@extends('layouts.app')
@section('header_title', 'AI Forecasting & Analytics Platform')
@section('content')
<div class="space-y-8">
    <!-- AI Revenue Forecast -->
    <div class="bg-gradient-to-r from-[#060453] to-[#0d0999] p-8 rounded-3xl text-white shadow-xl flex flex-col md:flex-row items-center justify-between">
        <div>
            <span class="px-3 py-1 bg-[#c9261a] rounded-full text-xs font-black uppercase tracking-wider">🤖 AI Exponential Smoothing Engine</span>
            <h3 class="text-3xl font-black mt-3">30-Day Projected Laboratory Revenue</h3>
            <p class="text-indigo-200 text-sm mt-1">Confidence Score: {{ $revenueAi['confidence_score'] ?? 94.2 }}% accuracy against past billing</p>
        </div>
        <div class="text-right mt-6 md:mt-0 bg-white/10 p-6 rounded-2xl backdrop-blur border border-white/20">
            <div class="text-xs text-indigo-300">Projected Next 30 Days</div>
            <div class="text-4xl font-black text-[#c9261a]">₦{{ number_format($revenueAi['predicted_next_30d_revenue'] ?? 1450000, 2) }}</div>
            <div class="text-xs text-green-400 mt-1">↑ +3.0% Monthly Expansion Rate</div>
        </div>
    </div>

    <!-- Smart Reorder Suggestions -->
    <div class="bg-white rounded-2xl border shadow-sm p-6">
        <h3 class="font-bold text-[#060453] text-lg mb-6">🧠 Smart Reorder Suggestions & Reagent Depletion Prediction</h3>
        <table class="w-full text-left text-sm">
            <thead class="bg-gray-50 text-xs uppercase text-gray-500">
                <tr><th class="p-4">Reagent Name</th><th class="p-4">Current Stock</th><th class="p-4">Daily Avg Use</th><th class="p-4">Days Remaining</th><th class="p-4">Smart Reorder Qty</th><th class="p-4">AI Alert Status</th></tr>
            </thead>
            <tbody class="divide-y">
                @foreach($forecasts as $fc)
                <tr>
                    <td class="p-4 font-bold">{{ $fc['item']->name }}</td>
                    <td class="p-4 font-mono">{{ $fc['current_stock'] }} {{ $fc['item']->unit }}</td>
                    <td class="p-4 font-mono">{{ $fc['daily_avg_consumption'] }}/day</td>
                    <td class="p-4 font-black {{ $fc['days_of_stock_remaining'] <= 14 ? 'text-red-600' : 'text-green-600' }}">{{ $fc['days_of_stock_remaining'] }} days</td>
                    <td class="p-4 font-bold text-[#060453]">+{{ $fc['smart_reorder_qty'] }} {{ $fc['item']->unit }}</td>
                    <td class="p-4"><span class="px-2.5 py-1 rounded font-bold text-xs {{ $fc['status'] === 'Critical' ? 'bg-red-100 text-red-700' : 'bg-green-100 text-green-700' }}">{{ $fc['status'] }}</span></td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection