@extends('admin.layouts.master')
@section('title', 'تفاصيل المنتج')

@php
    $totalStock = $product->inventories->sum('quantity');
    $warehouseCount = $product->inventories->count();
    $profitMargin = (float) $product->sale_price > 0
        ? round((((float) $product->sale_price - (float) $product->cost_price) / (float) $product->sale_price) * 100, 1)
        : 0;
@endphp

@section('content')
<div class="page-content-wrapper">
    <div class="content-container">
        <div class="page-content">

            {{-- HEADER --}}
            <div class="content-header d-flex flex-wrap justify-content-between align-items-center gap-2 mb-4">
                <div>
                    <h4 class="mb-1"><i class="ti ti-box me-1 text-primary"></i>{{ $product->name }}</h4>
                    <p class="text-muted mb-0">
                        <code class="me-2">{{ $product->sku }}</code>
                        @if($product->barcode)
                            <span class="me-2"><i class="ti ti-barcode me-1 opacity-50"></i>{{ $product->barcode }}</span>
                        @endif
                        <span class="badge {{ $product->is_active ? 'bg-success' : 'bg-danger' }} rounded-pill px-3">
                            {{ $product->is_active ? 'مفعّل' : 'معطّل' }}
                        </span>
                    </p>
                </div>
                <div class="d-flex gap-2">
                    @can('products.update')
                    <a href="{{ route('admin.products.edit', $product) }}" class="btn btn-outline-warning btn-sm">
                        <i class="ti ti-edit me-1"></i>تعديل
                    </a>
                    @endcan
                    <a href="{{ route('admin.products.index') }}" class="btn btn-outline-secondary btn-sm">
                        <i class="ti ti-arrow-right me-1"></i>رجوع للقائمة
                    </a>
                </div>
            </div>

            {{-- STAT CARDS --}}
            <div class="row g-3 mb-4">
                <div class="col-md-3 col-sm-6">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-body d-flex align-items-center gap-3">
                            <div class="rounded-circle bg-primary bg-opacity-10 p-3 flex-shrink-0">
                                <i class="ti ti-currency-pound fs-4 text-primary"></i>
                            </div>
                            <div>
                                <p class="text-muted mb-1 small">سعر البيع</p>
                                <h5 class="mb-0 fw-bold">{{ number_format((float) $product->sale_price, 2) }}</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-body d-flex align-items-center gap-3">
                            <div class="rounded-circle bg-warning bg-opacity-10 p-3 flex-shrink-0">
                                <i class="ti ti-coin fs-4 text-warning"></i>
                            </div>
                            <div>
                                <p class="text-muted mb-1 small">سعر التكلفة</p>
                                <h5 class="mb-0 fw-bold">{{ number_format((float) $product->cost_price, 2) }}</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-body d-flex align-items-center gap-3">
                            <div class="rounded-circle bg-success bg-opacity-10 p-3 flex-shrink-0">
                                <i class="ti ti-trending-up fs-4 text-success"></i>
                            </div>
                            <div>
                                <p class="text-muted mb-1 small">هامش الربح</p>
                                <h5 class="mb-0 fw-bold text-success">{{ $profitMargin }}%</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-body d-flex align-items-center gap-3">
                            <div class="rounded-circle bg-info bg-opacity-10 p-3 flex-shrink-0">
                                <i class="ti ti-archive fs-4 text-info"></i>
                            </div>
                            <div>
                                <p class="text-muted mb-1 small">إجمالي المخزون</p>
                                <h5 class="mb-0 fw-bold {{ $totalStock <= ($product->min_stock_alert ?? 0) && $product->track_stock ? 'text-danger' : '' }}">
                                    {{ number_format((float) $totalStock, 2) }}
                                    @if($product->track_stock && $product->min_stock_alert && $totalStock <= $product->min_stock_alert)
                                        <i class="ti ti-alert-triangle text-danger ms-1" title="أقل من حد التنبيه"></i>
                                    @endif
                                </h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row g-3 mb-4">
                {{-- Product Details --}}
                <div class="col-lg-8">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-header bg-transparent border-0 pt-3">
                            <h6 class="mb-0"><i class="ti ti-info-circle me-2 text-primary"></i>معلومات المنتج</h6>
                        </div>
                        <div class="card-body p-0">
                            <table class="table table-sm mb-0">
                                <tr>
                                    <th class="bg-light" style="width:200px">الاسم</th>
                                    <td class="fw-semibold">{{ $product->name }}</td>
                                </tr>
                                <tr>
                                    <th class="bg-light">رمز المنتج (SKU)</th>
                                    <td><code>{{ $product->sku }}</code></td>
                                </tr>
                                <tr>
                                    <th class="bg-light">الباركود</th>
                                    <td>{{ $product->barcode ?: '—' }}</td>
                                </tr>
                                <tr>
                                    <th class="bg-light">التصنيف</th>
                                    <td>
                                        @if($product->category)
                                            <a href="{{ route('admin.categories.show', $product->category) }}" class="text-primary">
                                                {{ $product->category->name }}
                                            </a>
                                        @else
                                            <span class="text-muted">—</span>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <th class="bg-light">العلامة التجارية</th>
                                    <td>
                                        @if($product->brand)
                                            <a href="{{ route('admin.brands.show', $product->brand) }}" class="text-primary">
                                                {{ $product->brand->name }}
                                            </a>
                                        @else
                                            <span class="text-muted">—</span>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <th class="bg-light">الوحدة</th>
                                    <td>{{ $product->unit ? $product->unit->name . ' (' . $product->unit->short_name . ')' : '—' }}</td>
                                </tr>
                                <tr>
                                    <th class="bg-light">نسبة الضريبة</th>
                                    <td>{{ $product->tax_percent ? $product->tax_percent . '%' : '—' }}</td>
                                </tr>
                                <tr>
                                    <th class="bg-light">حد تنبيه المخزون</th>
                                    <td>{{ $product->min_stock_alert ?? '—' }}</td>
                                </tr>
                                <tr>
                                    <th class="bg-light">تتبع المخزون</th>
                                    <td>
                                        @if($product->track_stock)
                                            <span class="badge bg-success rounded-pill">نعم</span>
                                        @else
                                            <span class="badge bg-secondary rounded-pill">لا</span>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <th class="bg-light">الحالة</th>
                                    <td>
                                        <span class="badge {{ $product->is_active ? 'bg-success' : 'bg-danger' }} rounded-pill px-3">
                                            {{ $product->is_active ? 'مفعّل' : 'معطّل' }}
                                        </span>
                                    </td>
                                </tr>
                                <tr>
                                    <th class="bg-light">تاريخ الإضافة</th>
                                    <td>{{ $product->created_at?->format('Y-m-d H:i') ?? '—' }}</td>
                                </tr>
                                @if($product->description)
                                <tr>
                                    <th class="bg-light">الوصف</th>
                                    <td class="text-muted fst-italic">{{ $product->description }}</td>
                                </tr>
                                @endif
                            </table>
                        </div>
                    </div>
                </div>

                {{-- Pricing Summary --}}
                <div class="col-lg-4">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-header bg-transparent border-0 pt-3">
                            <h6 class="mb-0"><i class="ti ti-calculator me-2 text-success"></i>ملخص التسعير</h6>
                        </div>
                        <div class="card-body p-0">
                            <table class="table table-sm mb-0">
                                <tr>
                                    <th class="bg-light">سعر التكلفة</th>
                                    <td class="text-end">{{ number_format((float) $product->cost_price, 2) }}</td>
                                </tr>
                                <tr>
                                    <th class="bg-light">سعر البيع</th>
                                    <td class="text-end fw-bold">{{ number_format((float) $product->sale_price, 2) }}</td>
                                </tr>
                                <tr>
                                    <th class="bg-light">هامش الربح (ريال)</th>
                                    <td class="text-end text-success fw-bold">
                                        {{ number_format((float) $product->sale_price - (float) $product->cost_price, 2) }}
                                    </td>
                                </tr>
                                <tr>
                                    <th class="bg-light">هامش الربح (%)</th>
                                    <td class="text-end fw-bold {{ $profitMargin >= 20 ? 'text-success' : ($profitMargin >= 0 ? 'text-warning' : 'text-danger') }}">
                                        {{ $profitMargin }}%
                                    </td>
                                </tr>
                                @if($product->tax_percent)
                                <tr>
                                    <th class="bg-light">الضريبة المضافة</th>
                                    <td class="text-end text-muted">
                                        {{ number_format((float) $product->sale_price * (float) $product->tax_percent / 100, 2) }}
                                    </td>
                                </tr>
                                <tr>
                                    <th class="bg-light">السعر شامل الضريبة</th>
                                    <td class="text-end fw-bold">
                                        {{ number_format((float) $product->sale_price * (1 + (float) $product->tax_percent / 100), 2) }}
                                    </td>
                                </tr>
                                @endif
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Stock per Warehouse --}}
            @if($product->track_stock)
            <div class="card border-0 shadow-sm">
                <div class="card-header bg-transparent border-0 d-flex justify-content-between align-items-center pt-3">
                    <h6 class="mb-0"><i class="ti ti-building-warehouse me-2 text-info"></i>المخزون حسب المخزن</h6>
                    <div class="d-flex gap-2 align-items-center">
                        <span class="badge bg-info rounded-pill">{{ $warehouseCount }} مخزن</span>
                        @can('stock.view')
                        <a href="{{ route('admin.product-stocks.index') }}" class="btn btn-sm btn-outline-info">
                            <i class="ti ti-archive me-1"></i>إدارة المخزون
                        </a>
                        @endcan
                    </div>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover align-middle mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>المخزن</th>
                                    <th class="text-end">الكمية المتاحة</th>
                                    <th class="text-end">الكمية المحجوزة</th>
                                    <th class="text-end">متوسط التكلفة</th>
                                    <th class="text-end">آخر تكلفة</th>
                                    <th class="text-center">الحالة</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($product->inventories as $stock)
                                    @php
                                        $qty = (float) $stock->quantity;
                                        $reserved = (float) ($stock->reserved_quantity ?? 0);
                                        $available = $qty - $reserved;
                                        $isLow = $product->min_stock_alert && $available <= $product->min_stock_alert;
                                    @endphp
                                    <tr>
                                        <td class="fw-semibold">
                                            <i class="ti ti-building-warehouse me-1 opacity-50"></i>
                                            {{ $stock->warehouse?->name ?? '—' }}
                                        </td>
                                        <td class="text-end">{{ number_format($qty, 2) }}</td>
                                        <td class="text-end text-muted">{{ number_format($reserved, 2) }}</td>
                                        <td class="text-end">{{ number_format((float) ($stock->average_cost ?? 0), 2) }}</td>
                                        <td class="text-end">{{ number_format((float) ($stock->last_cost ?? 0), 2) }}</td>
                                        <td class="text-center">
                                            @if($available <= 0)
                                                <span class="badge bg-danger rounded-pill">نفد</span>
                                            @elseif($isLow)
                                                <span class="badge bg-warning text-dark rounded-pill">
                                                    <i class="ti ti-alert-triangle me-1"></i>منخفض
                                                </span>
                                            @else
                                                <span class="badge bg-success rounded-pill">متوفر</span>
                                            @endif
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="6" class="text-center text-muted py-4">
                                            <i class="ti ti-building-warehouse fs-2 d-block mb-2 opacity-50"></i>
                                            لا توجد بيانات مخزون لهذا المنتج.
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                            @if($product->inventories->count())
                            <tfoot class="table-light fw-semibold">
                                <tr>
                                    <td>الإجمالي</td>
                                    <td class="text-end">{{ number_format((float) $product->inventories->sum('quantity'), 2) }}</td>
                                    <td class="text-end text-muted">{{ number_format((float) $product->inventories->sum('reserved_quantity'), 2) }}</td>
                                    <td colspan="3"></td>
                                </tr>
                            </tfoot>
                            @endif
                        </table>
                    </div>
                </div>
            </div>
            @endif

            {{-- Bottom actions --}}
            <div class="mt-4 d-flex gap-2 justify-content-end">
                @can('products.update')
                <a href="{{ route('admin.products.edit', $product) }}" class="btn btn-outline-warning">
                    <i class="ti ti-edit me-1"></i>تعديل المنتج
                </a>
                @endcan
                @can('products.delete')
                <form method="POST" action="{{ route('admin.products.destroy', $product) }}"
                      onsubmit="return confirm('هل أنت متأكد من حذف هذا المنتج؟')">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn btn-outline-danger">
                        <i class="ti ti-trash me-1"></i>حذف المنتج
                    </button>
                </form>
                @endcan
                <a href="{{ route('admin.products.index') }}" class="btn btn-outline-secondary">
                    <i class="ti ti-arrow-right me-1"></i>رجوع للقائمة
                </a>
            </div>

        </div>
    </div>
</div>
@endsection