@csrf

<div class="row g-3">
    <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>
        @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>
        @error('product_id') <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>
        <select name="direction" id="direction" class="form-select @error('direction') is-invalid @enderror" required>
            <option value="in" @selected(old('direction', 'in') === 'in')>دخول إلى المخزون</option>
            <option value="out" @selected(old('direction') === 'out')>خروج من المخزون</option>
        </select>
        @error('direction') <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>
        <select name="movement_type" class="form-select @error('movement_type') is-invalid @enderror" required>
            @foreach($movementTypes as $key => $label)
                <option value="{{ $key }}" @selected(old('movement_type', 'adjustment') === $key)>{{ $label }}</option>
            @endforeach
        </select>
        @error('movement_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>
        @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', 0) }}"
               class="form-control @error('unit_cost') is-invalid @enderror" placeholder="مثال: 12.50">
        @error('unit_cost') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-md-4">
        <label class="form-label fw-semibold">نوع المرجع</label>
        <input type="text" name="reference_type" value="{{ old('reference_type') }}"
               class="form-control @error('reference_type') is-invalid @enderror" placeholder="مثال: manual_entry أو inventory_count">
        @error('reference_type') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-md-4">
        <label class="form-label fw-semibold">رقم المرجع</label>
        <input type="number" min="1" name="reference_id" value="{{ old('reference_id') }}"
               class="form-control @error('reference_id') is-invalid @enderror" placeholder="مثال: 1001">
        @error('reference_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-12">
        <label class="form-label fw-semibold">ملاحظات</label>
        <textarea name="notes" rows="4" class="form-control @error('notes') is-invalid @enderror" placeholder="اكتب سبب الحركة أو أي تفاصيل تشغيلية مهمة">{{ old('notes') }}</textarea>
        @error('notes') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-12">
        <div class="alert alert-info mb-0" id="direction_hint">
            الحركات الداخلة تستخدم لإضافة رصيد (افتتاحي، استلام، تصحيح بالزيادة)، والحركات الخارجة للخصم (تلف، سحب، تصحيح بالنقص).
        </div>
    </div>
</div>

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    var directionInput = document.getElementById('direction');
    var hint = document.getElementById('direction_hint');

    if (!directionInput || !hint) {
        return;
    }

    function syncDirectionHint() {
        if (directionInput.value === 'out') {
            hint.className = 'alert alert-warning mb-0';
            hint.textContent = 'تنبيه: حركة الخروج ستخصم من الرصيد الحالي. تأكد من وجود كمية كافية قبل الحفظ.';
        } else {
            hint.className = 'alert alert-info mb-0';
            hint.textContent = 'الحركات الداخلة تستخدم لإضافة رصيد (افتتاحي، استلام، تصحيح بالزيادة)، والحركات الخارجة للخصم (تلف، سحب، تصحيح بالنقص).';
        }
    }

    directionInput.addEventListener('change', syncDirectionHint);
    syncDirectionHint();
});
</script>
@endpush