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

@section('css')
<style>
    .pi-wrap{--line:#e8edf2;--ink:#0f172a;--muted:#64748b;}
    .pi-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;}
    .pi-sec .bar{width:4px;height:15px;border-radius:2px;background:#1f7a4d;}
    .pi-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:16px;}
    .pi-card .h{padding:13px 16px;border-bottom:1px solid var(--line);font-weight:600;color:#334155;}
    .pi-matrix{display:grid;grid-template-columns:auto repeat(3,1fr);gap:6px;max-width:520px;}
    .pi-matrix .cell{border-radius:8px;padding:12px;text-align:center;font-weight:700;font-size:18px;color:#0f172a;}
    .pi-matrix .hd{background:transparent;font-size:12px;color:#64748b;font-weight:600;display:flex;align-items:center;justify-content:center;}
    .score-pill{display:inline-block;min-width:44px;text-align:center;padding:3px 8px;border-radius:12px;font-weight:700;color:#fff;font-size:12px;}
    .cls-badge{font-weight:700;font-size:11px;padding:2px 7px;border-radius:10px;}
</style>
@endsection

@section('content')
<div class="pi-wrap">
    <section class="content-header"><h1><i class="fa fa-chart-line text-green"></i> @lang('lang_v1.procurement_intelligence')
        <small>@lang('lang_v1.procurement_intelligence_desc')</small></h1></section>

    <section class="content">
        {{-- ABC × XYZ matrix --}}
        <div class="pi-sec"><span class="bar"></span> @lang('lang_v1.abc_xyz_matrix')</div>
        <div class="pi-card"><div class="box-body" style="padding:16px;">
            <div class="pi-matrix">
                <div class="cell hd"></div><div class="cell hd">X · @lang('lang_v1.stable')</div><div class="cell hd">Y · @lang('lang_v1.variable')</div><div class="cell hd">Z · @lang('lang_v1.erratic')</div>
                @foreach(['A','B','C'] as $a)
                    <div class="cell hd">{{ $a }}</div>
                    @foreach(['X','Y','Z'] as $x)
                        @php
                            $cnt = $matrix[$a.$x] ?? 0;
                            $bg = $a==='A' ? ($x==='X'?'#e7f5ee':($x==='Y'?'#fdf3e0':'#fbe9e9')) : ($a==='B' ? ($x==='Z'?'#fdece0':'#eef2f6') : '#f1f5f9');
                        @endphp
                        <div class="cell" style="background:{{ $bg }};">{{ $cnt }}</div>
                    @endforeach
                @endforeach
            </div>
            <p class="text-muted" style="margin-top:12px;font-size:12px;">@lang('lang_v1.abc_xyz_help')</p>
        </div></div>

        {{-- Supplier scorecards --}}
        <div class="pi-sec"><span class="bar"></span> @lang('lang_v1.supplier_scorecards')</div>
        <div class="pi-card">
            <div class="table-responsive"><table class="table table-striped" style="margin:0;">
                <thead><tr>
                    <th>@lang('purchase.supplier')</th><th class="text-center">@lang('lang_v1.score')</th>
                    <th class="text-right">@lang('lang_v1.pos')</th><th class="text-right">@lang('lang_v1.fill_rate')</th>
                    <th class="text-right">@lang('lang_v1.on_time')</th><th class="text-right">@lang('lang_v1.avg_lead_days')</th>
                    <th class="text-right">@lang('lang_v1.reject_rate')</th><th class="text-right">@lang('lang_v1.avg_price')</th>
                </tr></thead>
                <tbody>
                    @forelse($scorecards as $s)
                        @php $sc = $s['score']; $col = $sc===null?'#94a3b8':($sc>=80?'#1f7a4d':($sc>=60?'#dd9b22':'#c0392b')); @endphp
                        <tr>
                            <td><strong>{{ $s['name'] }}</strong>@if($s['email'])<br><small class="text-muted">{{ $s['email'] }}</small>@endif</td>
                            <td class="text-center"><span class="score-pill" style="background:{{ $col }};">{{ $sc===null?'—':$sc }}</span></td>
                            <td class="text-right">{{ $s['pos'] }}</td>
                            <td class="text-right">{{ $s['fill_rate']===null?'—':$s['fill_rate'].'%' }}</td>
                            <td class="text-right">{{ $s['on_time_rate']===null?'—':$s['on_time_rate'].'%' }}</td>
                            <td class="text-right">{{ $s['avg_lead_days']===null?'—':$s['avg_lead_days'].'d' }}</td>
                            <td class="text-right {{ ($s['reject_rate']??0)>0?'text-red':'' }}">{{ $s['reject_rate']===null?'—':$s['reject_rate'].'%' }}</td>
                            <td class="text-right">{{ $s['avg_price']===null?'—':@num_format($s['avg_price']) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="8" class="text-center text-muted">@lang('lang_v1.no_manufacturers_assigned')</td></tr>
                    @endforelse
                </tbody>
            </table></div>
        </div>

        {{-- Reorder-point suggestions --}}
        <div class="pi-sec"><span class="bar"></span> @lang('lang_v1.reorder_points')
            @if(count($reorder))
                {!! Form::open(['route'=>'supplier.reorder.apply','method'=>'post','style'=>'margin-left:auto;','onsubmit'=>"return confirm('@lang('lang_v1.confirm_apply_reorder')')"]) !!}
                    <button class="btn btn-primary btn-sm"><i class="fa fa-magic"></i> @lang('lang_v1.apply_reorder')</button>
                {!! Form::close() !!}
            @endif
        </div>
        <div class="pi-card"><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.lead_days')</th>
                <th class="text-right">@lang('lang_v1.safety_stock')</th>
                <th class="text-right">@lang('lang_v1.current_min') / @lang('lang_v1.max')</th>
                <th class="text-right">@lang('lang_v1.suggested') @lang('lang_v1.min') / @lang('lang_v1.max')</th>
            </tr></thead>
            <tbody>
                @forelse($reorder as $r)
                    <tr>
                        <td>{{ $r['product_name'] }} <small class="text-muted">({{ $r['method'] }})</small></td>
                        <td class="text-right {{ $r['qty_available'] < $r['suggested_min'] ? 'text-red' : '' }}">{{ number_format($r['qty_available'],2) }}</td>
                        <td class="text-right">{{ $r['daily_demand'] }}</td>
                        <td class="text-right">{{ $r['lead_days'] }}</td>
                        <td class="text-right">{{ $r['safety_stock'] }}</td>
                        <td class="text-right text-muted">{{ (int)$r['current_min'] }} / {{ (int)$r['current_max'] }}</td>
                        <td class="text-right"><strong>{{ (int)$r['suggested_min'] }} / {{ (int)$r['suggested_max'] }}</strong></td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="text-center text-muted">@lang('lang_v1.no_records_found')</td></tr>
                @endforelse
            </tbody>
        </table></div></div>
    </section>
</div>
@endsection