@extends('admin.layouts.master')
@section('title', 'تحليل الفاقد')

@section('page-header')
@include('admin.reports._header', [
    'title' => 'تحليل الفاقد التفصيلي',
    'subtitle' => 'تحديد مصادر وأسباب الفاقد لاتخاذ قرارات تحسين فعّالة',
    'icon' => 'ti-trash-x',
    'color' => 'danger',
])
@endsection

@section('content')
@include('admin.reports._filters', ['from'=>$from, 'to'=>$to, 'showCompare'=>false])

@php
    $insights = [];
    if ($wasteRate > 5) $insights[] = ['type'=>'negative', 'text'=>"نسبة الفاقد <strong>{$wasteRate}%</strong> أعلى من الحد الصحي (3-5%)"];
    elseif ($wasteRate <= 3) $insights[] = ['type'=>'positive', 'text'=>"نسبة الفاقد <strong>{$wasteRate}%</strong> في النطاق الممتاز"];
    else $insights[] = ['type'=>'warning', 'text'=>"نسبة الفاقد <strong>{$wasteRate}%</strong> ضمن الحد المقبول"];

    if ($byReason->isNotEmpty()) {
        $top = $byReason->first();
        $topPct = $totalCost > 0 ? round($top['cost']/$totalCost*100, 1) : 0;
        $insights[] = ['type'=>'warning', 'text'=>"<strong>".$top['reason']."</strong> يشكل {$topPct}% من تكلفة الفاقد - أولوية للحل"];
    }
    if ($byStage->isNotEmpty()) {
        $topS = $byStage->first();
        $insights[] = ['type'=>'warning', 'text'=>"أكثر مرحلة فاقد: <strong>".$topS['stage']."</strong> بتكلفة ".number_format($topS['cost'], 0)." ج"];
    }
@endphp

@if(!empty($insights))
<div class="insights-box">
    <h4 class="mb-2"><i class="ti ti-bulb ms-1 text-warning"></i> رؤى تحليل الفاقد</h4>
    @foreach($insights as $insight)
    <div class="insight-item {{ $insight['type'] }}">
        <i class="ti ti-{{ $insight['type'] === 'positive' ? 'circle-check' : ($insight['type'] === 'negative' ? 'alert-triangle' : 'info-circle') }} ms-1"></i>
        <div>{!! $insight['text'] !!}</div>
    </div>
    @endforeach
</div>
@endif

<div class="row row-cards mb-3">
    <div class="col-md-4">
        <div class="kpi-pro featured" style="border-color:#dc3545">
            <i class="ti ti-trash kpi-icon-bg text-danger"></i>
            <div class="kpi-label">تكلفة الفاقد الإجمالية</div>
            <div class="kpi-value text-danger">{{ number_format($totalCost, 0) }} <span class="kpi-unit">ج</span></div>
            <div class="kpi-trend flat"><i class="ti ti-trending-down"></i> خسارة مباشرة</div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="kpi-pro featured" style="border-color:#fd7e14">
            <i class="ti ti-package kpi-icon-bg text-warning"></i>
            <div class="kpi-label">إجمالي الكمية المفقودة</div>
            <div class="kpi-value text-warning">{{ number_format($totalQty, 2) }}</div>
            <div class="kpi-trend flat"><i class="ti ti-info-circle"></i> وحدات/فرخات</div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="kpi-pro featured" style="border-color:{{ $wasteRate > 5 ? '#dc3545' : '#198754' }}">
            <i class="ti ti-percentage kpi-icon-bg"></i>
            <div class="kpi-label">نسبة الفاقد للإنتاج</div>
            <div class="kpi-value {{ $wasteRate > 5 ? 'text-danger' : 'text-success' }}">{{ $wasteRate }}<span class="kpi-unit">%</span></div>
            <div class="kpi-trend flat"><i class="ti ti-target"></i> الحد المقبول 3-5%</div>
        </div>
    </div>
</div>

<div class="row row-cards mb-3">
    <div class="col-md-6">
        <div class="card h-100">
            <div class="card-header"><h3 class="card-title"><i class="ti ti-help ms-1"></i> الفاقد حسب السبب</h3></div>
            <div class="card-body"><div id="reasonChart"></div></div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card h-100">
            <div class="card-header"><h3 class="card-title"><i class="ti ti-list-check ms-1"></i> الفاقد حسب مرحلة الإنتاج</h3></div>
            <div class="card-body"><div id="stageChart"></div></div>
        </div>
    </div>
</div>

<div class="card mb-3">
    <div class="card-header"><h3 class="card-title">أكثر الأصناف فاقداً (مرتبة بالتكلفة)</h3></div>
    <div class="table-responsive">
        <table class="table card-table table-vcenter">
            <thead><tr><th>#</th><th>الصنف</th><th class="text-center">الكمية</th><th class="text-end">التكلفة</th><th>نسبة من الإجمالي</th></tr></thead>
            <tbody>
                @forelse($byItem as $i => $row)
                <tr>
                    <td>{{ $i + 1 }}</td>
                    <td><strong>{{ $row['item'] }}</strong></td>
                    <td class="text-center">{{ number_format($row['qty'], 2) }}</td>
                    <td class="text-end text-danger fw-bold">{{ number_format($row['cost'], 2) }}</td>
                    <td>
                        @php $pct = $totalCost > 0 ? round($row['cost']/$totalCost*100, 1) : 0; @endphp
                        <div class="d-flex align-items-center">
                            <div class="progress flex-grow-1 ms-2" style="height:8px"><div class="progress-bar bg-danger" style="width:{{ $pct }}%"></div></div>
                            <strong>{{ $pct }}%</strong>
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="5" class="text-center text-success py-4">لا يوجد فاقد مسجل</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<div class="card">
    <div class="card-header"><h3 class="card-title">سجل الفاقد التفصيلي (أعلى 30 حالة)</h3></div>
    <div class="table-responsive">
        <table class="table card-table table-vcenter">
            <thead><tr><th>التاريخ</th><th>البطاقة</th><th>المرحلة</th><th>الصنف</th><th class="text-center">الكمية</th><th class="text-end">التكلفة</th><th>السبب</th></tr></thead>
            <tbody>
                @foreach($wasteList as $w)
                <tr>
                    <td>{{ $w->waste_date?->format('Y-m-d') }}</td>
                    <td><a href="{{ route('admin.job-tickets.show', $w->jobTicket) }}" class="small">{{ $w->jobTicket?->ticket_no }}</a></td>
                    <td>{{ $w->jobStage?->productionStage?->name ?? '-' }}</td>
                    <td>{{ $w->item?->name ?? '-' }}</td>
                    <td class="text-center">{{ number_format($w->quantity, 2) }}</td>
                    <td class="text-end text-danger fw-bold">{{ number_format($w->estimated_cost, 2) }}</td>
                    <td><span class="badge bg-secondary-lt">{{ $w->reason ?? 'غير محدد' }}</span></td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>

<div class="print-footer print-only">
    تحليل الفاقد | {{ \App\Models\Setting::get('company_name') }} | {{ now()->format('Y-m-d H:i') }} | {{ $from }} - {{ $to }}
</div>
@endsection

@push('scripts')
<script>
const reasons = @json($byReason);
new ApexCharts(document.querySelector('#reasonChart'), {
    chart: { type: 'bar', height: 280, fontFamily: 'Cairo' },
    series: [{ name: 'التكلفة', data: reasons.map(r => r.cost) }],
    xaxis: { categories: reasons.map(r => r.reason) },
    plotOptions: { bar: { horizontal: true, distributed: true, borderRadius: 4 } },
    colors: ['#dc3545','#ffc107','#fd7e14','#6f42c1','#0dcaf0','#6c757d'],
    legend: { show: false },
    dataLabels: { enabled: true, formatter: v => new Intl.NumberFormat('ar-EG').format(v) },
}).render();

const stages = @json($byStage);
new ApexCharts(document.querySelector('#stageChart'), {
    chart: { type: 'donut', height: 280, fontFamily: 'Cairo' },
    series: stages.map(s => parseFloat(s.cost)),
    labels: stages.map(s => s.stage),
    legend: { position: 'bottom', fontFamily: 'Cairo' },
    colors: ['#dc3545','#ffc107','#fd7e14','#6f42c1','#0dcaf0','#198754','#0d6efd'],
}).render();
</script>
@endpush