@extends('layouts.app')
@section('title', 'تقرير المخزون')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('reports.index') }}">التقارير</a></li>
    <li class="breadcrumb-item active">المخزون</li>
@endsection

@section('page_actions')
    <button onclick="window.print()" class="btn btn-light"><i class="fa-solid fa-print ms-2"></i>طباعة</button>
@endsection

@section('content')
<div class="row g-3 mb-3">
    <div class="col-md-3"><x-stat title="عدد المنتجات" :value="number_format($summary['products'])" icon="fa-boxes-stacked" color="primary"/></div>
    <div class="col-md-3"><x-stat title="قيمة المخزون (تكلفة)" :value="currency($summary['stock_value'])" icon="fa-warehouse" color="info"/></div>
    <div class="col-md-3"><x-stat title="قيمة المخزون (بيع)" :value="currency($summary['sale_value'])" icon="fa-tags" color="success"/></div>
    <div class="col-md-3"><x-stat title="منتجات وصلت حد الطلب" :value="number_format($summary['low_stock'])" icon="fa-triangle-exclamation" color="danger"/></div>
</div>

<div class="card mb-3">
    <div class="card-header"><span><i class="fa-solid fa-microchip text-info ms-2"></i>توزيع حالات الأجهزة (الإجمالي {{ $summary['devices'] }})</span></div>
    <div class="card-body">
        <div class="row g-2">
            @foreach (\App\Models\DeviceUnit::STATUSES as $key => $label)
                <div class="col-lg-2 col-md-4 col-6">
                    <div class="border rounded p-3 text-center">
                        <div class="h4 fw-bold mb-0 text-{{ \App\Models\DeviceUnit::STATUS_COLORS[$key] }}">{{ $deviceStatus[$key] ?? 0 }}</div>
                        <div class="small text-muted">{{ $label }}</div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header"><span><i class="fa-solid fa-table text-primary ms-2"></i>تفاصيل المخزون</span></div>
    <div class="card-body p-0 table-responsive">
        <table class="table table-hover mb-0 align-middle">
            <thead class="table-light">
            <tr>
                <th>الكود</th><th>المنتج</th><th>التصنيف</th><th>النوع</th>
                <th>الكمية</th><th>حد الطلب</th>
                <th>سعر الشراء</th><th>قيمة التكلفة</th><th>قيمة البيع</th>
            </tr>
            </thead>
            <tbody>
            @foreach ($products as $p)
                <tr class="{{ $p->is_low_stock ? 'table-warning' : '' }}">
                    <td class="font-monospace small">{{ $p->code }}</td>
                    <td><a href="{{ route('products.show', $p) }}" class="text-decoration-none">{{ $p->name }}</a></td>
                    <td class="small">{{ $p->category?->name ?? '—' }}</td>
                    <td class="small">{{ $p->type_label }}</td>
                    <td class="fw-bold {{ $p->is_low_stock ? 'text-danger' : '' }}">{{ (int) $p->stock_qty }}</td>
                    <td>{{ (int) $p->min_qty }}</td>
                    <td>{{ currency($p->purchase_price) }}</td>
                    <td>{{ currency((float) $p->stock_qty * (float) $p->purchase_price) }}</td>
                    <td class="text-success">{{ currency((float) $p->stock_qty * (float) $p->sale_price) }}</td>
                </tr>
            @endforeach
            </tbody>
            <tfoot class="table-light">
            <tr class="fw-bold">
                <td colspan="7">الإجمالي</td>
                <td>{{ currency($summary['stock_value']) }}</td>
                <td class="text-success">{{ currency($summary['sale_value']) }}</td>
            </tr>
            </tfoot>
        </table>
    </div>
</div>
@endsection