@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1>إضافة مخزون: {{ $product->name }}</h1>
        <div>
            <a href="{{ route('products.show', $product) }}" class="btn btn-secondary">
                <i class="fas fa-arrow-right"></i> العودة لصفحة المنتج
            </a>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">نموذج استلام مخزون</h5>
                </div>
                <div class="card-body">
                    <div class="alert alert-info">
                        <div>الحالة: 
                            @if($product->is_stock_tracked)
                                <span class="badge bg-success">متتبع</span>
                            @else
                                <span class="badge bg-secondary">غير متتبع</span>
                            @endif
                        </div>
                        <div class="mt-2">الكمية الحالية: <strong>{{ $product->stock_quantity }}</strong></div>
                        <div>حد إعادة الطلب: <strong>{{ $product->reorder_level ?? 'غير محدد' }}</strong></div>
                    </div>

                    <form action="{{ route('products.stock-intake.store', $product) }}" method="POST">
                        @csrf
                        <div class="row">
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="quantity" class="form-label">الكمية المستلمة <span class="text-danger">*</span></label>
                                    <input type="number" class="form-control @error('quantity') is-invalid @enderror" id="quantity" name="quantity" value="{{ old('quantity', 1) }}" min="1" required>
                                    @error('quantity')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="unit_cost" class="form-label">تكلفة الوحدة</label>
                                    <div class="input-group">
                                        <input type="number" class="form-control @error('unit_cost') is-invalid @enderror" id="unit_cost" name="unit_cost" value="{{ old('unit_cost') }}" step="0.01" min="0">
                                        <span class="input-group-text">ريال</span>
                                        @error('unit_cost')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <small class="form-text text-muted">اختياري: لتتبع تكلفة الشراء</small>
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label for="notes" class="form-label">ملاحظات</label>
                            <textarea class="form-control @error('notes') is-invalid @enderror" id="notes" name="notes" rows="3" placeholder="مثال: فاتورة شراء رقم 123 أو المورد ...">{{ old('notes') }}</textarea>
                            @error('notes')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="d-flex justify-content-end">
                            <a href="{{ route('products.show', $product) }}" class="btn btn-outline-secondary me-2">إلغاء</a>
                            <button type="submit" class="btn btn-success">
                                <i class="fas fa-check"></i> إضافة للمخزون
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h6 class="card-title">ملخص المنتج</h6>
                </div>
                <div class="card-body">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item d-flex justify-content-between"><span>SKU</span><span>{{ $product->sku ?? '—' }}</span></li>
                        <li class="list-group-item d-flex justify-content-between"><span>السعر</span><span>{{ number_format($product->price, 2) }} ر.س</span></li>
                        <li class="list-group-item d-flex justify-content-between"><span>التصنيف</span><span>{{ $product->category->name ?? '—' }}</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection