@extends('layouts.app')
@section('title', 'بيانات المنتج')
@section('page_title', $product->name)
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('products.index') }}">المنتجات</a></li>
    <li class="breadcrumb-item active">{{ $product->code }}</li>
@endsection

@section('page_actions')
    @can('products.edit')
        <a href="{{ route('products.edit', $product) }}" class="btn btn-light"><i class="fa-solid fa-pen ms-2"></i>تعديل</a>
    @endcan
    @if ($product->track_serial)
        @can('devices.view')
            <a href="{{ route('devices.index', ['product_id' => $product->id]) }}" class="btn btn-primary">
                <i class="fa-solid fa-microchip ms-2"></i>عرض الأجهزة
            </a>
        @endcan
    @endif
@endsection

@section('content')
<div class="row g-3">
    <div class="col-xl-4">
        <div class="card">
            <div class="card-body">
                <div class="profile-head mb-3">
                    @if ($product->image_url)
                        <img src="{{ $product->image_url }}" alt="" class="rounded" style="width:64px;height:64px;object-fit:cover">
                    @else
                        <div class="profile-avatar"><i class="fa-solid fa-microchip"></i></div>
                    @endif
                    <div>
                        <h2 class="h5 fw-bold mb-1">{{ $product->name }}</h2>
                        <div class="text-muted small font-monospace">{{ $product->code }}</div>
                        <div class="mt-2">
                            {!! badge($product->type_label, 'primary') !!}
                            {!! badge($product->is_active ? 'نشط' : 'موقوف', $product->is_active ? 'success' : 'secondary') !!}
                        </div>
                    </div>
                </div>

                <ul class="detail-list">
                    <li><span class="dl-label">الاسم بالإنجليزية</span><span class="dl-value">{{ $product->name_en ?: '—' }}</span></li>
                    <li><span class="dl-label">التصنيف</span><span class="dl-value">{{ $product->category?->name ?? '—' }}</span></li>
                    <li><span class="dl-label">الوحدة</span><span class="dl-value">{{ $product->unit }}</span></li>
                    <li><span class="dl-label">سعر الشراء</span><span class="dl-value">{{ currency($product->purchase_price) }}</span></li>
                    <li><span class="dl-label">سعر البيع</span><span class="dl-value fw-bold text-success">{{ currency($product->sale_price) }}</span></li>
                    <li><span class="dl-label">هامش الربح</span>
                        <span class="dl-value">{{ currency((float) $product->sale_price - (float) $product->purchase_price) }}</span>
                    </li>
                    <li><span class="dl-label">نسبة الضريبة</span><span class="dl-value">{{ (float) $product->tax_rate }}%</span></li>
                    <li><span class="dl-label">الكمية بالمخزون</span>
                        <span class="dl-value">
                            {!! badge((int) $product->stock_qty, $product->is_low_stock ? 'danger' : 'success') !!}
                            <span class="text-muted small">(حد الطلب: {{ (int) $product->min_qty }})</span>
                        </span>
                    </li>
                    <li><span class="dl-label">تتبّع بالـ IMEI</span>
                        <span class="dl-value">{!! badge($product->track_serial ? 'نعم' : 'لا', $product->track_serial ? 'info' : 'secondary') !!}</span>
                    </li>
                    <li><span class="dl-label">الضمان</span><span class="dl-value">{{ $product->warranty_months ? $product->warranty_months . ' شهر' : '—' }}</span></li>
                    @if ($product->subscription_months)
                        <li><span class="dl-label">مدة الاشتراك</span><span class="dl-value">{{ $product->subscription_months }} شهر</span></li>
                    @endif
                </ul>

                @if ($product->description)
                    <div class="alert alert-light border small mt-3 mb-0" style="white-space: pre-line">{{ $product->description }}</div>
                @endif
            </div>
        </div>
    </div>

    <div class="col-xl-8">
        @if ($product->track_serial)
            <div class="card mb-3">
                <div class="card-header"><span><i class="fa-solid fa-chart-pie text-info ms-2"></i>توزيع حالات الأجهزة</span></div>
                <div class="card-body">
                    <div class="row g-2">
                        @foreach (\App\Models\DeviceUnit::STATUSES as $key => $label)
                            <div class="col-md-4 col-6">
                                <div class="border rounded p-2 text-center">
                                    <div class="fw-bold h5 mb-0 text-{{ \App\Models\DeviceUnit::STATUS_COLORS[$key] }}">{{ $unitsByStatus[$key] ?? 0 }}</div>
                                    <div class="small text-muted">{{ $label }}</div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        @endif

        <div class="card">
            <div class="card-header"><span><i class="fa-solid fa-right-left 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></tr>
                    </thead>
                    <tbody>
                    @forelse ($movements as $m)
                        <tr>
                            <td class="small">{{ arabicDate($m->created_at, true) }}</td>
                            <td>{!! badge($m->type_label, $m->type === 'in' ? 'success' : ($m->type === 'out' ? 'danger' : 'warning')) !!}</td>
                            <td class="fw-bold">{{ (int) $m->quantity }}</td>
                            <td>{{ (int) $m->balance_after }}</td>
                            <td class="small">{{ $m->note }}</td>
                            <td class="small">{{ $m->user?->name ?? '—' }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="text-center text-muted py-4">لا توجد حركات مخزون</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection