@csrf

@php
    $isEdit = isset($productStock);
    $selectedType = old('type', 'in');
@endphp

<div class="row g-3">
    @if($isEdit)
        <input type="hidden" name="warehouse_id" value="{{ $productStock->warehouse_id }}">
        <input type="hidden" name="product_id" value="{{ $productStock->product_id }}">

        <div class="col-md-6">
            <label class="form-label fw-semibold">المخزن</label>
            <input type="text" class="form-control" value="{{ $productStock->warehouse?->name }}" disabled>
        </div>
        <div class="col-md-6">
            <label class="form-label fw-semibold">المنتج</label>
            <input type="text" class="form-control" value="{{ $productStock->product?->name }}" disabled>
        </div>
    @else
        <div class="col-md-6">
            <label class="form-label fw-semibold">المخزن <span class="text-danger">*</span></label>
            <select name="warehouse_id" class="form-select @error('warehouse_id') is-invalid @enderror" required>
                <option value="">اختر المخزن</option>
                @foreach($warehouses as $warehouse)
                    <option value="{{ $warehouse->id }}" @selected((string) old('warehouse_id') === (string) $warehouse->id)>{{ $warehouse->name }}</option>
                @endforeach
            </select>
            <small class="text-muted">اختر المخزن الذي سيتم تنفيذ الحركة عليه.</small>
            @error('warehouse_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
        </div>

        <div class="col-md-6">
            <label class="form-label fw-semibold">المنتج <span class="text-danger">*</span></label>
            <select name="product_id" class="form-select @error('product_id') is-invalid @enderror" required>
                <option value="">اختر المنتج</option>
                @foreach($products as $product)
                    <option value="{{ $product->id }}" @selected((string) old('product_id') === (string) $product->id)>
                        {{ $product->name }}{{ $product->sku ? ' - ' . $product->sku : '' }}
                    </option>
                @endforeach
            </select>
            <small class="text-muted">يمكنك اختيار المنتج بالاسم أو متابعة الـ SKU الظاهر داخل القائمة.</small>
            @error('product_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
        </div>
    @endif

    <div class="col-md-4">
        <label class="form-label fw-semibold">نوع الحركة <span class="text-danger">*</span></label>
        <select name="type" id="adjustment_type" class="form-select @error('type') is-invalid @enderror" required>
            <option value="in" @selected($selectedType === 'in')>إضافة مخزون</option>
            <option value="out" @selected($selectedType === 'out')>خصم من المخزون</option>
        </select>
        @error('type') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-md-4">
        <label class="form-label fw-semibold">الكمية <span class="text-danger">*</span></label>
        <input type="number" step="0.001" min="0.001" name="quantity" value="{{ old('quantity') }}"
               class="form-control @error('quantity') is-invalid @enderror" placeholder="مثال: 25" required>
        <small class="text-muted">أدخل الكمية المطلوب إضافتها أو خصمها من الرصيد.</small>
        @error('quantity') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-md-4">
        <label class="form-label fw-semibold">تكلفة الوحدة</label>
        <input type="number" step="0.01" min="0" name="unit_cost" value="{{ old('unit_cost', $productStock->last_cost ?? 0) }}"
               class="form-control @error('unit_cost') is-invalid @enderror" placeholder="مثال: 12.50">
        <small class="text-muted" id="unit-cost-hint">تُستخدم لتحديث متوسط وآخر تكلفة عند الإضافة.</small>
        @error('unit_cost') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    @if($isEdit)
        <div class="col-12">
            <div class="alert alert-info mb-0">
                <div class="fw-semibold mb-1">ملخص الرصيد الحالي</div>
                <div class="d-flex flex-wrap gap-3 small">
                    <span>الحالي: <strong>{{ number_format((float) $productStock->quantity, 3) }}</strong></span>
                    <span>المحجوز: <strong>{{ number_format((float) $productStock->reserved_quantity, 3) }}</strong></span>
                    <span>المتاح: <strong>{{ number_format((float) $productStock->quantity - (float) $productStock->reserved_quantity, 3) }}</strong></span>
                </div>
            </div>
        </div>
    @endif

    <div class="col-12">
        <label class="form-label fw-semibold">ملاحظات الحركة</label>
        <textarea name="note" rows="4" class="form-control @error('note') is-invalid @enderror" placeholder="أدخل سبب التسوية أو أي ملاحظة تشغيلية تفيد فريق الجرد">{{ old('note') }}</textarea>
        <small class="text-muted" id="adjustment-note-hint">مثال: جرد دوري، تسوية فرق جرد، إضافة رصيد افتتاحي، معالجة تلفيات.</small>
        @error('note') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>
</div>

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    var typeInput = document.getElementById('adjustment_type');
    var costHint = document.getElementById('unit-cost-hint');
    var noteHint = document.getElementById('adjustment-note-hint');

    if (!typeInput || !costHint || !noteHint) {
        return;
    }

    function syncHints() {
        if (typeInput.value === 'out') {
            costHint.textContent = 'يمكن ترك تكلفة الوحدة كما هي عند الخصم، إلا إذا كنت تريد تسجيل تكلفة تشغيلية محددة.';
            noteHint.textContent = 'مثال: سحب داخلي، تلف، عينة مجانية، تحويل يدوي، فرق جرد بالنقص.';
        } else {
            costHint.textContent = 'تُستخدم لتحديث متوسط وآخر تكلفة عند الإضافة.';
            noteHint.textContent = 'مثال: رصيد افتتاحي، استلام إضافي، فرق جرد بالزيادة، تسوية يدوية.';
        }
    }

    typeInput.addEventListener('change', syncHints);
    syncHints();
});
</script>
@endpush