@extends('admin.layouts.master')
@section('title', 'تفاصيل حركة المخزون')

@section('content')
<div class="page-content-wrapper">
    <div class="content-container">
        <div class="page-content">
            <div class="content-header mb-3">
                <h4 class="mb-1">بطاقة حركة المخزون</h4>
                <p class="text-muted mb-0">عرض تفصيلي للحركة وتأثيرها على الرصيد مع السياق التشغيلي المرتبط.</p>
            </div>

            @php
                $movementLabel = $movementTypes[$stockMovement->movement_type] ?? $stockMovement->movement_type;
                $isIncoming = (float) $stockMovement->quantity >= 0;
                $movementClass = $isIncoming ? 'bg-success' : 'bg-danger';
            @endphp

            <div class="card shadow-sm border-0 mb-4">
                <div class="card-body d-flex justify-content-between align-items-center flex-wrap gap-3">
                    <div>
                        <h5 class="mb-1">{{ $stockMovement->product?->name ?? '—' }}</h5>
                        <div class="text-muted">
                            {{ $stockMovement->warehouse?->name ?? '—' }}
                            @if($stockMovement->product?->sku)
                                | SKU: {{ $stockMovement->product->sku }}
                            @endif
                        </div>
                        <div class="mt-1">
                            <span class="badge {{ $movementClass }}">{{ $movementLabel }}</span>
                            <span class="badge bg-light text-dark">{{ $stockMovement->moved_at?->format('Y-m-d H:i') ?? $stockMovement->created_at?->format('Y-m-d H:i') }}</span>
                        </div>
                    </div>

                    <div class="d-flex gap-2">
                        @can('stock.adjust')
                            <a href="{{ route('admin.stock-movements.create') }}" class="btn btn-primary btn-sm">
                                <i class="ti ti-plus me-1"></i> إضافة حركة
                            </a>
                        @endcan
                        <a href="{{ route('admin.stock-movements.index') }}" class="btn btn-outline-secondary btn-sm">
                            <i class="ti ti-arrow-right me-1"></i> رجوع
                        </a>
                    </div>
                </div>
            </div>

            <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">
                        <p class="text-muted mb-2">كمية الحركة</p>
                        <h4 class="{{ $isIncoming ? 'text-success' : 'text-danger' }} mb-0">{{ number_format((float) $stockMovement->quantity, 3) }}</h4>
                    </div></div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="card border-0 shadow-sm h-100"><div class="card-body">
                        <p class="text-muted mb-2">تكلفة الوحدة</p>
                        <h4 class="mb-0">{{ number_format((float) $stockMovement->unit_cost, 2) }}</h4>
                    </div></div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="card border-0 shadow-sm h-100"><div class="card-body">
                        <p class="text-muted mb-2">إجمالي التكلفة</p>
                        <h4 class="mb-0">{{ number_format((float) $stockMovement->total_cost, 2) }}</h4>
                    </div></div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="card border-0 shadow-sm h-100"><div class="card-body">
                        <p class="text-muted mb-2">الرصيد بعد الحركة</p>
                        <h4 class="text-primary mb-0">{{ number_format((float) $stockMovement->balance_after, 3) }}</h4>
                    </div></div>
                </div>
            </div>

            <div class="row g-3">
                <div class="col-lg-5">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-header"><h6 class="mb-0">بيانات الحركة</h6></div>
                        <div class="card-body">
                            <table class="table table-sm mb-0">
                                <tr><th style="width: 35%;">المخزن</th><td>{{ $stockMovement->warehouse?->name ?? '—' }}</td></tr>
                                <tr><th>المنتج</th><td>{{ $stockMovement->product?->name ?? '—' }}</td></tr>
                                <tr><th>التصنيف</th><td>{{ $stockMovement->product?->category?->name ?? '—' }}</td></tr>
                                <tr><th>العلامة</th><td>{{ $stockMovement->product?->brand?->name ?? '—' }}</td></tr>
                                <tr><th>نوع الحركة</th><td>{{ $movementLabel }}</td></tr>
                                <tr><th>المرجع</th><td>{{ $stockMovement->reference_type && $stockMovement->reference_id ? $stockMovement->reference_type . ' #' . $stockMovement->reference_id : '—' }}</td></tr>
                                <tr><th>المنفذ</th><td>{{ $stockMovement->creator?->name ?? '—' }}</td></tr>
                                <tr><th>الملاحظات</th><td>{{ $stockMovement->notes ?: '—' }}</td></tr>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="col-lg-7">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h6 class="mb-0">آخر الحركات لنفس المنتج داخل نفس المخزن</h6>
                            <span class="badge bg-light text-dark">{{ $relatedMovements->count() }} حركة</span>
                        </div>
                        <div class="card-body">
                            @if($relatedMovements->isEmpty())
                                <div class="text-center text-muted py-4">لا توجد حركات مرتبطة حالياً.</div>
                            @else
                                <div class="table-responsive">
                                    <table class="table table-hover align-middle mb-0">
                                        <thead>
                                            <tr>
                                                <th>التاريخ</th>
                                                <th>النوع</th>
                                                <th>الكمية</th>
                                                <th>الرصيد بعد</th>
                                                <th>المنفذ</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($relatedMovements as $movement)
                                                <tr class="{{ $movement->id === $stockMovement->id ? 'table-light' : '' }}">
                                                    <td class="text-nowrap">{{ $movement->moved_at?->format('Y-m-d H:i') ?? $movement->created_at?->format('Y-m-d H:i') }}</td>
                                                    <td>{{ $movementTypes[$movement->movement_type] ?? $movement->movement_type }}</td>
                                                    <td class="{{ (float) $movement->quantity >= 0 ? 'text-success' : 'text-danger' }}">{{ number_format((float) $movement->quantity, 3) }}</td>
                                                    <td>{{ number_format((float) $movement->balance_after, 3) }}</td>
                                                    <td>{{ $movement->creator?->name ?? '—' }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            @if($productStock)
                <div class="card border-0 shadow-sm mt-4">
                    <div class="card-header">
                        <h6 class="mb-0">وضع الرصيد الحالي بعد الحركة</h6>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-3"><div class="border rounded p-2"><small class="text-muted d-block">الحالي</small><strong>{{ number_format((float) $productStock->quantity, 3) }}</strong></div></div>
                            <div class="col-md-3"><div class="border rounded p-2"><small class="text-muted d-block">المحجوز</small><strong>{{ number_format((float) $productStock->reserved_quantity, 3) }}</strong></div></div>
                            <div class="col-md-3"><div class="border rounded p-2"><small class="text-muted d-block">المتاح</small><strong>{{ number_format((float) $productStock->quantity - (float) $productStock->reserved_quantity, 3) }}</strong></div></div>
                            <div class="col-md-3"><div class="border rounded p-2"><small class="text-muted d-block">متوسط التكلفة</small><strong>{{ number_format((float) $productStock->average_cost, 2) }}</strong></div></div>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection