@extends('layouts.app')
@section('title', __('lang_v1.ai_insights'))

@section('css')
<style>
    .ai-wrap{--line:#e8edf2;--ink:#0f172a;--muted:#64748b;}
    .ai-sec{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:22px 0 12px;display:flex;align-items:center;gap:9px;}
    .ai-sec .bar{width:4px;height:15px;border-radius:2px;background:#5145cd;}
    .ai-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:6px;}
    .ai-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 16px;display:flex;align-items:center;gap:14px;min-height:74px;}
    .ai-ic{width:42px;height:42px;border-radius:10px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;font-size:18px;}
    .ai-num{font-size:22px;font-weight:700;color:var(--ink);line-height:1.05;}
    .ai-lbl{font-size:12px;color:var(--muted);margin-top:3px;}
    .ai-panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:16px;}
    .ai-panel .h{padding:13px 16px;border-bottom:1px solid var(--line);font-weight:600;color:#334155;}
    .tone-red{background:#fbe9e9;color:#c0392b;} .tone-indigo{background:#ecebfb;color:#5145cd;}
    .tone-amber{background:#fdf3e0;color:#b5790f;} .tone-teal{background:#e3f5f3;color:#0f766e;}
    .act{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;background:#eef2f6;color:#475569;}
    .act.urgent{background:#fbe9e9;color:#c0392b;} .act.none{background:#f7e6ea;color:#a61e4d;}
</style>
@endsection

@section('content')
<div class="ai-wrap">
    <section class="content-header"><h1><i class="fa fa-robot text-purple"></i> @lang('lang_v1.ai_insights')
        <small>@lang('lang_v1.ai_insights_desc')</small></h1></section>

    <section class="content">
        <div class="ai-grid">
            <div class="ai-card"><div class="ai-ic tone-red"><i class="fa fa-triangle-exclamation"></i></div>
                <div><div class="ai-num">{{ $at_risk_summary['batches'] }}</div><div class="ai-lbl">@lang('lang_v1.at_risk_batches')</div></div></div>
            <div class="ai-card"><div class="ai-ic tone-amber"><i class="fa fa-boxes-stacked"></i></div>
                <div><div class="ai-num">{{ number_format($at_risk_summary['units']) }}</div><div class="ai-lbl">@lang('lang_v1.at_risk_units')</div></div></div>
            <div class="ai-card"><div class="ai-ic tone-red"><i class="fa fa-rupee-sign"></i></div>
                <div><div class="ai-num" style="font-size:18px;">@format_currency($at_risk_summary['value'])</div><div class="ai-lbl">@lang('lang_v1.projected_writeoff')</div></div></div>
            <div class="ai-card"><div class="ai-ic tone-amber"><i class="fa fa-cart-arrow-down"></i></div>
                <div><div class="ai-num">{{ count($reorder) }}</div><div class="ai-lbl">@lang('lang_v1.reorder_now')</div></div></div>
            <div class="ai-card"><div class="ai-ic tone-indigo"><i class="fa fa-shuffle"></i></div>
                <div><div class="ai-num">{{ count($rebalance) }}</div><div class="ai-lbl">@lang('lang_v1.rebalance_suggestions')</div></div></div>
        </div>

        {{-- Top forecast movers --}}
        <div class="ai-sec"><span class="bar"></span> @lang('lang_v1.top_forecast_movers')</div>
        <div class="ai-panel"><div class="table-responsive"><table class="table table-striped" style="margin:0;">
            <thead><tr><th>@lang('business.product')</th><th class="text-right">@lang('lang_v1.projected_30d')</th><th class="text-right">@lang('lang_v1.daily_demand')</th><th class="text-right">@lang('lang_v1.on_hand')</th><th class="text-right">@lang('lang_v1.cover_days')</th></tr></thead>
            <tbody>
                @forelse($forecast as $f)
                    <tr>
                        <td>{{ $f['name'] }} <small class="text-muted">({{ $f['method'] }})</small></td>
                        <td class="text-right"><strong>{{ $f['projected_30d'] }}</strong></td>
                        <td class="text-right">{{ $f['daily'] }}</td>
                        <td class="text-right">{{ number_format($f['on_hand']) }}</td>
                        <td class="text-right {{ ($f['cover_days']!==null && $f['cover_days']<7) ? 'text-red' : '' }}">{{ $f['cover_days']===null?'∞':$f['cover_days'].'d' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="text-center text-muted">@lang('lang_v1.no_forecast_yet')</td></tr>
                @endforelse
            </tbody>
        </table></div></div>

        <div class="row">
            {{-- Expiry write-off risk --}}
            <div class="col-md-6"><div class="ai-panel"><div class="h"><i class="fa fa-hourglass-half text-red"></i> @lang('lang_v1.expiry_writeoff_risk')</div>
                <div class="table-responsive" style="max-height:360px;overflow:auto;"><table class="table table-condensed" style="margin:0;">
                    <thead><tr><th>@lang('business.product')</th><th>@lang('lang_v1.expiry')</th><th class="text-right">@lang('lang_v1.at_risk')</th><th>@lang('lang_v1.action')</th></tr></thead>
                    <tbody>
                        @forelse(array_slice($at_risk,0,25) as $r)
                            <tr>
                                <td>{{ $r['product_name'] }}<br><small class="text-muted">{{ $r['lot_number'] ?: '-' }}</small></td>
                                <td>{{ \Carbon\Carbon::parse($r['exp_date'])->format('m/Y') }}<br><small class="{{ $r['days_to_expiry']<=30?'text-red':'text-muted' }}">{{ $r['days_to_expiry'] }}d</small></td>
                                <td class="text-right"><strong>{{ $r['at_risk_qty'] }}</strong></td>
                                <td><span class="act {{ str_contains($r['action'],'urgent')||str_contains($r['action'],'expired')?'urgent':(str_contains($r['action'],'no_demand')?'none':'') }}">{{ str_replace('_',' ',$r['action']) }}</span></td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="text-center text-muted">@lang('lang_v1.no_expiry_risk')</td></tr>
                        @endforelse
                    </tbody>
                </table></div>
            </div></div>

            {{-- Predictive rebalance --}}
            <div class="col-md-6"><div class="ai-panel"><div class="h"><i class="fa fa-shuffle text-purple"></i> @lang('lang_v1.predictive_rebalance')</div>
                <div class="table-responsive" style="max-height:360px;overflow:auto;"><table class="table table-condensed" style="margin:0;">
                    <thead><tr><th>@lang('business.product')</th><th>@lang('lang_v1.from')</th><th>@lang('lang_v1.to')</th><th class="text-right">@lang('lang_v1.suggested_move')</th></tr></thead>
                    <tbody>
                        @forelse($rebalance as $r)
                            <tr>
                                <td>{{ $r['product_name'] }}</td>
                                <td>{{ $r['from_wh'] }}<br><small class="text-muted">{{ $r['from_cover']===null?'∞':$r['from_cover'].'d' }}</small></td>
                                <td>{{ $r['to_wh'] }}<br><small class="text-red">{{ $r['to_cover'] }}d</small></td>
                                <td class="text-right"><strong>{{ $r['suggested_qty'] }}</strong></td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="text-center text-muted">@lang('lang_v1.no_rebalance_suggestions')</td></tr>
                        @endforelse
                    </tbody>
                </table></div>
            </div></div>
        </div>

        {{-- Reorder now --}}
        <div class="ai-sec"><span class="bar"></span> @lang('lang_v1.reorder_now')</div>
        <div class="ai-panel"><div class="table-responsive"><table class="table table-striped" style="margin:0;">
            <thead><tr><th>@lang('business.product')</th><th class="text-right">@lang('lang_v1.on_hand')</th><th class="text-right">@lang('lang_v1.daily_demand')</th><th class="text-right">@lang('lang_v1.suggested') @lang('lang_v1.min')</th></tr></thead>
            <tbody>
                @forelse($reorder as $r)
                    <tr>
                        <td>{{ $r['product_name'] }}</td>
                        <td class="text-right text-red">{{ number_format($r['qty_available'],2) }}</td>
                        <td class="text-right">{{ $r['daily_demand'] }}</td>
                        <td class="text-right"><strong>{{ (int)$r['suggested_min'] }}</strong></td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="text-center text-muted">@lang('lang_v1.all_stock_healthy')</td></tr>
                @endforelse
            </tbody>
        </table></div></div>
    </section>
</div>
@endsection